@import url("lightbox.css");

/* CSS Document */
html, body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; background:#999999; text-align:justify}

/* Menu at top */
.multisite {height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; padding:6px 15px 0 15px; background:#FFFFFF url(/assets/images/toptrans.gif) repeat-x}
.multisite span {margin:0 7px; color:#999999}
.multisite a {color:#0033CC; text-decoration:none}
.multisite a:hover {text-decoration:underline; color:#e1660b}

/* Stop some stupid things, get compatible */
form {margin:0}
a img {border:0}
p {margin:12px 0; line-height:16px;}
ul li {padding:3px 0}
ol li {padding:3px 0}
input, textarea {font-family:Verdana, Arial, Helvetica, sans-serif}

/* Generic Structure stuff */
.container {width:950px; margin:0 auto;}


#heading {background:url(../images/bgtop.gif) #003366; height:115px;}
#heading .container {padding:15px}

#menu {background:url(../images/bgmenu.gif) #FF9933}

#menubar {margin:0 auto; list-style:none; height:45px; font-weight:bold; padding:0 }
#menubar li {float:left; display:block; width:135px; margin:0; padding:0}
#menubar li a {display:block; padding:15px; height:15px; text-decoration:none; color:#FFFFFF; text-align:center; margin:0;}
#menubar li a:hover {color:#0066CC}
#menubar li a.active {background:url(../images/active.gif); color:#666; border:0}

#mainbody {background-color:#FFFFFF} /* background:url(../images/bgmain.gif) bottom repeat-x #ffffff} */
#mainbody .container{padding:20px 0}

#footer {background:#999999; border-top:4px solid #003366; height:20px; padding:35px; text-align:center; font-size:10px; color:#FFFFFF; font-weight:bold}

/* Headings, Text, etc */
a {text-decoration:none; color:#0066CC}
a:hover {color:#990000}
h1{display:none}
/* h2{margin:0 0 10px; color:#445577; border-bottom:2px solid #445577; font-size:18px; width:600px;} */
h2{margin:0 0 10px; color:#445577; border-bottom:2px solid #445577; font-size:18px;}
h3{margin:20px 0 10px 0; color:#445577; border-bottom:2px solid #445577; font-size:16px; width:500px}
h4 {font-size:14px; margin:0; font-weight:bold}
h6 {font-size:10px; margin:5px 0 0}

label {display:block; font-size:11px; font-weight:bold; float:left; width:120px; margin-top:4px; line-height:15px;}


/* Home page structure */
.newsbox {float:left; width:200px; margin:0 20px 0 0; background:url(../images/bgnewsboxt.gif) no-repeat;}
.newsbox h2 {border:none; font-size:16px; padding:10px 10px 7px; margin:0; line-height:18px; /*width:180px;*/}
#news {background:url(../images/bgnewsbox.gif) #bcbcbc repeat-x; border:solid #ccc; border-width:0 1px 1px; padding:0 10px 10px}
#newsletter {float:left; margin-top:-10px; background:url(../images/bgnewsletter.gif); height:80px; width:180px; padding:10px; color:#fff}
.bodybox {float:left; width:200px; margin:0 8px; height:280px; background:url(../images/bgbodybox.gif); padding:10px}
.bodybox h3 {width:192px; border-bottom:1px solid #ccc; color:#FF6600; font-size:14px; background:url(../images/bullet.gif) no-repeat bottom left; padding-left:8px; margin:15px 0}
.bodybox img {border:1px solid #ccc}
.bodybox p {height:77px; margin:0}
.bodybox .findout {float:right}
.indent {margin-left:230px;}

#news ul {margin:0; padding:0 0 0 18px; width:auto;}
#news ul li {padding:3px 0}
#news ul li a.active {color:#FF6600; border:0; background:none; margin:0; padding:0}

/* Bits and pieces */
a.findout {display:block; background:url(../images/findbutton.gif); width:150px; height:20px; line-height:20px; text-align:center; padding:5px 0; color:#FFFFFF; font-weight:bold}
a.unsub {font-size:10px; color:#FFFFFF; font-weight:bold}
.rimage {float:right; padding:5px}
.inputhint {color:#CCCCCC}
.row1 {background:#eaeaea;}
.row0 {background:#ffffff;}

.row0 td, .row1 td {padding:3px; vertical-align:top}

.small {font-size:10px; margin-top:5px}

.table_layout {border-color:#555555;}
.table_layout th{font:bold; color:#FFFFFF; background-color:#999999}

/* News stuff */
.preview{width:550px; height:200px; border:1px solid black; overflow:scroll; background:#fff}
.error{font-weight:bold; color:#0000CC; background-color:#00FF00}
.newsItem {border-bottom:1px solid black; margin-bottom:10px; padding-bottom:10px;}
.newsDate, .newsTitle {font-size:11px; display:block}
.newsTitle{font-weight: bold;}
.newsText {font-size:12px; display:block; text-align:left}
.newsItem a {color:#000099}

#comingsoon {background:url(../images/flag.gif); width:200px; padding:10px 35px 10px 5px;  height:52px; float:right; margin-top:8px; font-weight:bold; text-align:center}

/* FAQs */
.faq_cat {margin:0; padding:0}
.faq_cont {padding:4px; list-style-position:inside}
.faq_question { font-weight:bold}
.faq_edit, span.faq_answer {display:block; background:#ddd; padding:4px; margin:4px 15px 8px; }
.faq_answer, span.faq_answer {display:none;}
.faq_edit textarea {width:490px; height:200px}
.faq_edit {text-align:right}

.spec{margin:15px 0 15px 0; padding:5px 10px 5px 10px; border:1px solid #ccc; background:#eaeaea; width:97%;}

.lbox{margin:15px 0 15px 0; padding:15px 10px 15px 10px; border:1px solid #ccc; background:url(../images/lbox.jpg); width:87%;}
.smalls {font-size:10px; margin-top:5px; margin-bottom:10px; font-weight:bold; text-align:center; color:#333333}

.quick{margin:0 15px 15px 0; padding:5px 10px 5px 10px; border:1px solid #ccc; background:#eaeaea; width:97%;}


.sfialevel {padding:5px; background:#f6f6f6; margin:5px 0}
.sfialevel.active {border:1px solid #000; padding:4px; background:#eee}
.sfialevel strong {color:#FF713F}
.sfialevel p {padding:3px 3px 0 20px; margin:0}

.ico {vertical-align:middle; padding-right:3px; border:0;}