/* CSS Document */
body { margin: 0; padding: 0; background:#000 url(/images/jannae_site_bg.jpg) top left repeat-x; font-family: Century Gothic, Arial, Helvetica; font-size: 12px; color: #666; text-align: center;}
html, body {height:100%;}

p, h1, h2, h3, table, tr, td, img { margin: 0; padding: 0; }
a, avisited {  color: #6789aa; text-decoration: none; font-weight: bold;}
a:hover {  color: #bacce4; text-decoration: none;}
h1, h2, h3 { margin: 0; padding: 0;}
h1 {}
h2 {color: #666; font-size: 22px; letter-spacing: .125em;}

#container {position: relative; top: 45px; margin: 0px auto; padding: 0; text-align: center; width: 950px; height: 555px; background: #fff url(/images/jannae_content_body_bg.jpg) top left repeat-x; border: 2px #333 solid; }

#header {position: relative; top: 0; left: 20px; text-align: left;}
#header .logo {float: left; position: relative; top: 0; left: 0; width: 400px;}
#header .web_banner {float: right; position: relative; top: 40px; right: 37px; width: 468px;}
#header .web_banner img {border: 1px solid #333;}

#top_nav  {position: relative; top: 0; left: 20px; background:#fff; text-align: center; color: #666; font-size: 12px; width: 900px; padding: 5px; border: 2px solid #333;}
#top_nav ul {padding: 0; margin: 0; list-style:none; display: inline;}
#top_nav li {display: inline;}
#top_nav li a {color:#666; font-size: 12px; margin: 0; padding: 0 4px 0 4px; font-weight: 100; text-transform: uppercase;}
#top_nav li a:hover {color: #6789aa; text-decoration:none;}
#top_nav li a.active {color: #2b1d1b; text-decoration:none;}

#content_body .secondary_nav  {position: relative; top: 0; left: 0; background: #6789aa; text-align: center; color: #fff; font-size: 10px; padding: 2px; text-align: left;}
#content_body .secondary_nav ul {padding: 0; margin: 0; list-style:none; display: inline;}
#content_body .secondary_nav li {display: inline;}
#content_body .secondary_nav li a {color:#fff; font-size: 10px; margin: 0; padding: 0 5px 0 5px; xfont-weight: bold; text-transform: uppercase;}
#content_body .secondary_nav li a:hover {color: #ccc; text-decoration:none; xfont-weight: bold;}
#content_body .secondary_nav li a.active {color: #2b1d1b; text-decoration:none; xfont-weight: bold;}



#content_body {position: relative; top: 15px; left: 20px;}

#content_body .view_video {width: 915px; background: #e199ed; height: 355px; text-align: center;}

#content_body .left_content {float: left; position: relative; top: 0; left: 0; background: #d791e3; width: 275px; height: 355px; text-align: left;}

#content_body .right_content {float: left; position: relative; top: 0; left: 0; width: 638px; text-align: left;}
#content_body .copy {height: 323px; background: #fff url(/images/home_content_bg.jpg) bottom left repeat-x; overflow: auto;}
#content_body .copy h1 {text-align: left; color: #666; font-size: 22px; text-transform: uppercase; letter-spacing: .125em; padding: 15px 20px 0 20px; font-weight: 100;}
#content_body .copy h2 {text-align: right; color: #666; font-size: 22px; letter-spacing: .125em; padding: 0 20px 0 20px; font-weight: 100;}
#content_body .copy p {xfont-weight: bold; padding: 0 20px 0 20px; line-height: 1.5em;}

#content_body .copy2 {height: 337px; background: #fff url(/images/home_content_bg.jpg) bottom left repeat-x; overflow: auto;}
#content_body .copy2 h1 {text-align: left; color: #666; font-size: 22px; text-transform: uppercase; letter-spacing: .125em; padding: 15px 20px 0 20px; font-weight: 100;}
#content_body .copy2 h2 {text-align: right; color: #666; font-size: 22px; letter-spacing: .125em; padding: 0 20px 0 20px; font-weight: 100;}
#content_body .copy2 p {xfont-weight: bold; padding: 0 20px 0 20px; line-height: 1.5em;}


#weblead h1 {color: #dd8741; text-transform: uppercase; font-size: 18px;margin: 0 0 0 5px;}
#weblead h2 {color: #fff; font-size: 12px; background: #e3f5ff url(/images/h2_background_img.jpg) top left no-repeat; line-height: 18px; padding: 0 0 0 5px; text-transform: uppercase;}
#weblead p {padding: 5px 0 0 5px;}
#weblead fieldset {margin: 0; padding: 0; text-align: left;}
#weblead textarea {text-align: left; border: 1px solid #666;}
#weblead label {color: #666; text-align: left; font-style: bold; position: relative; top: 0; padding: 0 0 3px; 0;}
#weblead textarea {background:#fff; padding: 2px; width: 200px; margin: 0; color: #333; font-size: 12px; border: 1px solid #666;}
#weblead select {background:#fff; color: #333;font-size: 12px; padding: 2px; border: 1px solid #666;}
#weblead input:focus, textarea:focus {background:#158e9a; color: #fff;}
#weblead .checkbox {padding: 5px; margin: 0;}
#weblead .error {color:#e81c00; font-weight: bold;}
#weblead .required {font-size: 10px; color:#158e9a;}
#weblead .form  {float: left; position: relative; top: 0; left: 0; padding: 0 0 15px 15px;}
#weblead .smallterms  {font-size: 9px;}
#weblead .img { width: 85px;height: 20px; border: 0; margin: 0; padding: 0;}



/* Footer */

#footer  { position: relative; top: 21px; margin: 0 auto; text-align: center; color: #000; font-size: 13px;}
#footer p {padding: 5px 0 0 0}
#footer a, avisited {  color: #fff; text-decoration: none; background: #6789aa; padding: 4px;}
#footer a:hover {  color: #333; text-decoration: none; background: #a7d5ff; padding: 4px;}