/* 
 ----------------------------------------------------------------------------
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul, ol { list-style:none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1, h2, h3, h4, h5, h6, pre, code, td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, div, dd, dt, dl { margin:0; padding:0; }
/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }
/* ----- type selectors ----- */ 
body { background-color: #FFFFFF; text-align:center; font:12px/26px Arial, Helvetica, sans-serif; color:#000; }
#top { background:#F9F9F9 url("../images/top.jpg") top left repeat-x; text-align:center; color:#000; }
a:link, a:visited { color:#c5c5b8; text-decoration:underline; }
a:hover, a:active { color:#3d3d3d; text-decoration:none; }
/* ----- classes ----- */

div.clear { clear:both; height:.01em; overflow:hidden; }
:focus { outline: 0px; } /* removes selection outline from Firefox */
.img { padding: 0 0 0px 15px; }
.img2 { padding: 0 0 18px 0px; }
.large { font-size:15px; font-weight:bold; }
.blue { font-weight:bold; color: #333f55; font-size:14px; }
.blue a:link, .blue a:visited { color:#415168; text-decoration:none; }
.blue a:hover, .blue a:active { color:#333f55; text-decoration:underline; }
.readmore { background: url("../images/readmore.gif") top left no-repeat; width: 95px; height: 9px; display:block; margin-top:20px; }
.readmore:hover { background-position: 0px -9px; cursor:pointer; }
.readmore span { display:none; }
/* framework
 * ------------------------------------------------------------------------- */

#wrap { background: url("../images/wrap.gif") top left repeat-y; width:985px; margin:0 auto; text-align:left; }
#header { background:url("../images/header.gif") top left no-repeat; width:985px; height:84px; }
#header span { display:none }
/* navigation	
/*----------------------------- */
#nav { background: url("../images/nav.gif") no-repeat; width:985px; height:34px; margin:0; padding:0; }
#nav span { display: none; }
#nav li, #nav a { height: 34px; display: block; }
#nav li { float: left; list-style: none; _display: inline; }
#nav-01 { width: 80px; }
#nav-02 { width: 158px; }
#nav-03 { width: 156px; }
#nav-04 { width: 209px; }
#nav-05 { width: 123px; }
#nav-06 { width: 138px; }
#nav-07 { width: 120px; }
#nav-01 a:hover { background: transparent url("../images/nav.gif") -0px -34px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/nav.gif") -80px -34px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/nav.gif") -238px -34px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/nav.gif") -394px -34px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/nav.gif") -603px -34px no-repeat; }
#nav-06 a:hover { background: transparent url("../images/nav.gif") -726px -34px no-repeat; }
#nav-07 a:hover { background: transparent url("../images/nav.gif") -864px -34px no-repeat; }
/* banner	
/*----------------------------- */
#middle { height:248px; width:985px; float:left;}
#banner2 { height:200px; width:669px; background: url(../images/banner2.jpg) top left no-repeat;}
.clr { clear:both; width:985px; background:#f9f9f9; }
#banner { background: url(../images/banner.jpg) top left no-repeat; height:200px; }
#form2 { float:right; padding: 30px 0 0 0px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:11px; line-height:11px; height:248px; width:316px; background:url(../images/form-bg-orange.jpg) left top no-repeat; }
.btn-qc-submit { background:url(../images/btn-submit.gif) left top no-repeat; width:230px; height:23px; border:none; float:right; margin:0 15px 0 0; }
.btn-qc-submit:hover { background-position: 0 bottom; }
.qc-text { height:18px; padding-left:4px; margin:0 0 3px 2px; width:190px; }
.qc-text-area { height:80px; padding-left:4px; margin:0 0 3px 2px; width:190px; }
#form2 p { width:250px; font-size:12px; line-height:20px; }
#form { padding: 35px 0 0 690px; color:#FFFFFF; font-size:10px; }
#form p { width:250px; font-size:12px; line-height:20px; }
/* navigation2	
/*----------------------------- */
#nav2 { background: url("../images/nav2.gif") no-repeat; width:985px; height:58px; margin:0; padding:0; }
#nav2 span { display: none; }
#nav2 li, #nav2 a { height: 58px; display: block; }
#nav2 li { float: left; list-style: none; _display: inline; }
#nav2-01 { width: 109px; }
#nav2-02 { width: 160px; }
#nav2-03 { width: 203px; }
#nav2-04 { width: 213px; }
#nav2-05 { width: 152px; }
#nav2-06 { width: 127px; }
#nav2-01 a:hover { background: transparent url("../images/nav2.gif") -0px -58px no-repeat; }
#nav2-02 a:hover { background: transparent url("../images/nav2.gif") -109px -58px no-repeat; }
#nav2-03 a:hover { background: transparent url("../images/nav2.gif") -269px -58px no-repeat; }
#nav2-04 a:hover { background: transparent url("../images/nav2.gif") -472px -58px no-repeat; }
#nav2-05 a:hover { background: transparent url("../images/nav2.gif") -685px -58px no-repeat; }
#nav2-06 a:hover { background: transparent url("../images/nav2.gif") -837px -58px no-repeat; }
/* navigation3	
/*----------------------------- */
#nav_section { float:left; clear:left; }
#nav3 { background: url("../images/nav3.gif") no-repeat; width:669px; height:48px; margin:0; padding:0; }
#nav3 span { display: none; }
#nav3 li, #nav3 a { height: 48px; display: block; }
#nav3 li { float: left; list-style: none; _display: inline; }
#nav3-01 { width: 94px; }
#nav3-02 { width: 172px; }
#nav3-03 { width: 189px; }
#nav3-04 { width: 126px; }
#nav3-05 { width: 88px; }
#nav3-01 a:hover { background: transparent url("../images/nav3.gif") -0px -48px no-repeat; }
#nav3-02 a:hover { background: transparent url("../images/nav3.gif") -94px -48px no-repeat; }
#nav3-03 a:hover { background: transparent url("../images/nav3.gif") -266px -48px no-repeat; }
#nav3-04 a:hover { background: transparent url("../images/nav3.gif") -455px -48px no-repeat; }
#nav3-05 a:hover { background: transparent url("../images/nav3.gif") -581px -48px no-repeat; }
/* column left
 * ------------------------------------------------------------------------- */
 
#column-left { width:668px; float:left; padding-bottom:40px; }
#column-left a:link, #column-left a:visited { color:#333f55; text-decoration:underline; }
#column-left a:hover, #column-left a:active { color:#333f55; text-decoration:none; }
#column-left ul li { background:transparent url("../images/bullet.gif") 0px 10px no-repeat; padding-left:14px;  /* pushes text to the right to display bg img */ font-size: 12px; text-decoration:none; margin: 0px 0 0px 0px; }
/* blurb 1
 * ------------------------------------------------------------------------- */
#blurb_1 { margin:30px 0 40px 0px;}
h1#blurb_1_title { color:#415168; font-size:16px; }
.line { padding-right:10px; }
#blurb_1_body { padding:15px 0 0 0; width:600px; display:inline;}
/* blurb 2
 * ------------------------------------------------------------------------- */
#blurb_2 { width:260px; margin:0px 75px 0px 20px; float:left; }
h2#blurb_2_title { color:#415168; font-size:16px; }
#blurb_2_body { padding:15px 0 0 0; width: 245px; }
/* blurb 3
 * ------------------------------------------------------------------------- */
#blurb_3 { width:280px; margin:0px 0 0px 0px; float:left; }
h2#blurb_3_title { color:#415168; font-size:16px; }
#blurb_3_body { padding:15px 0 0 0; width: 255px; }
/* column right
 * ------------------------------------------------------------------------- */	

#column-right { width:317px; float:left; }
#column-right ul li { background:transparent url("../images/bullet2.gif") 0px 6px no-repeat; padding-left:14px;  /* pushes text to the right to display bg img */ font-size: 12px; text-decoration:none; margin: 0px 0 0px 0px; }
/* blurb 4
 * ------------------------------------------------------------------------- */
#blurb_4 { background:url(../images/col-rgt-bg.gif) top left no-repeat; width:317px; float:left; margin-bottom:60px; }
h3#blurb_4_title { color:#f7fd9b; font-size:18px; margin:20px 0 0 55px; }
#column-right #blurb_4_body h1 a{color:#47586f; text-decoration:none;}
#column-right #blurb_4_body h1 a:hover{color:#47586f; text-decoration:underline;}
#blurb_4_body { }
#blurb_4_body { width: 255px; margin:20px 0 0 20px; line-height:20px; }
#blurb_4_body a:link, #blurb_4_body a:visited { color:#000000; text-decoration:none; font-weight:bold; }
#blurb_4_body a:hover, #blurb_4_body a:active { color:#000000; text-decoration:underline; }
#blurb_4_body ul li { margin: 7px 0 14px 0; padding-left: 0; }

/* inside pages
 * ------------------------------------------------------------------------- */

#body_content { width: 625px; margin:30px 0 40px 20px; }
h1#body_content_title { color:#415168; font-size:16px; padding-bottom:15px; }
.line { padding-right:10px; }
#body_content_body { padding:15px 0 0 0; width: 600px; }
/* Global Form Elements
/*----------------------------- */
		
			
#wrap_footer { background:url(../images/footer.gif) repeat-x; padding-top:15px; }
#footer_left { width: 350px; float: left; }
#footer_left p { line-height: 18px; color: #c7c2c2; font-size: 12px; margin: 10px 0px 0px 0px; }
#footer_right { width: 500px; float: right; }
#footer_right p { line-height: 26px; color: #ffffff; font-size: 12px; margin: 10px 10px 0px 24px; }
#footer_right a:link, #footer_right a:visited { color:#f2f898; text-decoration:none; }
#footer_right a:hover, #footer_right a:active { color:#ffffff; text-decoration:none; }
#footer_right p span { color:#c7c2c2; }
.container { width: 985px; margin: 0px auto 0px auto; padding: 0px 0px 30px 0px; text-align: left; font-size: 13px; }
.linkspace { padding:0 0px 0 10px; }
.logo { padding: 5px 0 0 0; }
/* Global Form Elements
/*----------------------------- */
form { width:160px; padding:0px 0 15px 0px; }
form p { font-size:10px; }
form br { line-height:0; /* defaults vertical spacing between fields */ }
input, textarea, select { background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */ border:1px solid #404040; color:#404040; width:155px; /* 5 pixles smaller than form width !important */ height:18px; vertical-align: middle; margin-bottom:1px; /* sets vertical spacing between fields */ padding-top:0px; /* vertically position text in input/textarea field */ padding-left:4px; /* horizontally position text in input/textarea field */ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; }
select { width:216px; padding:5px; }/* same width as form !important */
textarea { overflow:auto; }
input.submit, input.submit-contact-main { width:60px; height:20px; border:1px solid; cursor:pointer; margin:25px 0 0 250px; }
select { width:160px; /* same width as form !important */ padding:0; }
/* main contact form updated
 * ------------------------------------------------------------------------- */
#contact-main2 { padding:35px 0 20px 45px; border: 1px #586881 solid; background:#fff; width:480px; background:#6f7f97 url(../images/main-form2-bg.jpg) left top repeat-x; margin:10px 0 0 0; }
#contact-main2 label { width:125px; position:relative; display:block; text-align:right; margin-bottom:10px; font-weight:bold; text-transform:uppercase; color:#fff; font-size:13px; line-height:18px; height:22px; }
#contact-main2 label input, #contact-main2 label textarea, #contact-main2 label select { width:300px; position:absolute; left:110%; top:-2px; height: 18px; border: 1px #ddd solid; }
#contact-main2 label textarea { height:100px; }
#submit-main2 { margin: 250px 0 0 250px; }
.submit-main2 { background:url(../images/btn-main-contact2.gif) top left no-repeat; width:170px; height:23px; border:none; cursor:pointer; margin:75px 0 0 250px; }
.submit-main2:hover { background-position: 0 bottom; }
/* main contact form
 * ------------------------------------------------------------------------- */
#contact-main { padding:35px 0 10px 60px; }
#contact-main label { width:100px; position:relative; display:block; text-align:right; margin-bottom:10px; }
#contact-main label input, #contact-main label textarea, #contact-main label select { width:300px; position:absolute; left:110%; top:-2px; height: 18px; }
#contact-main label textarea { height:100px; }
#submit-main { margin: 250px 0 0 250px; }
.submit2 { background:url(../images/submit2.jpg) top left no-repeat; width:62px; height:18px; border:none; cursor:pointer; margin:75px 0 0 250px; }
/* --------------------------- small Form --------------------------------- */
#quick-contact { padding:20px 0 15px 0; width:175px; position:relative; }
#quick-contact input, #quick-contact textarea { width:150px; border:1px solid #404040; margin-bottom:8px; font: 12px Arial, Helvetica, sans-serif; }
#quick-contact textarea { height:80px; }
#quick-contact #submit { border:1px solid #404040; width: 60px; height:20px; background-color:#fff; }
/*dawn */
input.submit-img { background: url(../images/submit.gif) left top no-repeat; width:170px; height:23px; border:none; cursor:pointer; padding:0; margin:0px 0px 0px 12px; vertical-align: bottom; }
/* --------------------------- drop downs --------------------------------- */	
	
.anylinkcss { position:absolute; visibility: hidden; border:1px solid black; border-bottom-width: 0; font:normal 12px Verdana; line-height: 18px; z-index: 100; background-color: #333f55; width: 205px; }
.anylinkcss a { width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid black; padding: 1px 0; text-decoration: none; font-weight: bold; text-indent: 5px; }
.anylinkcss a:hover { /*hover background color*/ background-color: #333f55; }
#dropdowns_menu a:link, #dropdowns_menu a:visited { color:#c5c5b8; text-decoration:none; }
#dropdowns_menu a:hover, #dropdowns_menu a:active { color:#ffffff; text-decoration:none; }
#btn_answer { margin:10px 0 10px 25px; }
#livehelp { float:right; margin:0 230px 0 0; height:83px; }

#desc_content { margin-top:10px; float:left; width:400px; }
#bascflash { float:left; }
ul#mediaPlaylist { float:left; width:150px; clear:right; }
.playlistItem { float:left;  list-style-type:none !important; background:none !important; padding:0px !important;   }
.playlistItem a { display:block; padding:10px !important; width:175px; margin-right:10px; background:url(../images/playlist.png) bottom left repeat-x; text-decoration:none !important; font-size:11px; line-height:1.3em !important; }
.playlistItem a strong { font-size:12px; clear:right; display:block; padding-bottom:7px !important; }
.playlistItem a:hover strong { text-decoration:underline !important; color:#990000 !important; }