/* general */

/* fonts */
body { font-size: 76%; font-family: "Trebuchet MS", Sans-serif; }
#outer { font-size: 1em; }

/* links */
a { color: #007F95; }
a:hover { color: #cc0000; }


/* common */

img { border: 0; }

h4 { font-size: 1.2em; margin: 0; padding: 0; }
h5 { margin: 0 0 8px 0; padding: 0; font-size: 1.1em; }

#qa p { line-height: 1.6em; margin-top: 0;}

/* layout */
body { text-align: center; background: #a5a5b1; }

#outer { width: 718px; margin: 30px auto; text-align: left; position: relative;   }
#inner {  border-bottom: 20px solid #9e0000; }

#content:after, 
#inner:after { 
display: block;
clear: both;
content: "";
}

/* tabbed navigation down the side */
#tabs { width: 35px; position: absolute; right: -35px; z-index: 99; top: 0px; }
#tabs ul, #tabs li { padding: 0; margin: 0; list-style: none; }

#tabs a { 
text-indent: -500px; 
overflow: hidden; 
padding: 0; 
border: 0; 
width: 35px;   
display: block; 
background-position: 0 0; 
}

.subhead { font-weight: bold; }

#tabs li {margin-bottom: 6px; }
#tabs .home { margin-bottom: 10px; }

#home #tabs .home a, #news #tabs .news a, #qa #tabs .qa a { background-position: -35px 0 ! important;}

#tabs .home a { height: 182px; }
#tabs .news a { height: 136px;}
#tabs .qa a { height: 136px; }

#tabs .home a, #tabs .home { background-image: url(/style/images/home-tab.gif); }
#tabs .news a, #tabs .news { background-image: url(/style/images/news-tab.gif); }
#tabs .qa a, #tabs .qa { background-image: url(/style/images/qanda-tab.gif); }

#home #tabs .home a,
#latest_news #tabs .news a,
#qa #tabs .qa a,
#tabs a:hover { background-position: -35px 0; }

#home #tabs .home a:hover,
#latest_news #tabs .news a:hover,   
#qa #tabs .qa a:hover {
width: 35px; margin-left: 0px; background-position: 0px 0; background-repeat: no-repeat; 
}


/* header area */

/*
#header { height: 172px; margin-top: 49px; height: 176px; }
#header object { top: -33px; position: relative; }
*/

#headbanner {  margin-top: 0px; padding-top: 0px; }
#header { display: block; }


/* content area */
#content { padding-bottom: 20px;
padding-top: 4px; 
background: #fff; 
min-height: 400px; _height: 400px;
}


/* left col */
.left { 
float: left; 
width: 270px; 
line-height: 1.6em;
font-size: 1.1em; 
}

#home .left { width: 400px; }
#home .right { width: 300px;}

/* newsfeed box, email question box */
.newquestion { background: #F0F2F4; padding: 10px; }
.newsfeedinner { background: #fc8f14; padding: 10px; }
.newsfeed h4, .newquestion h4 { margin: 0 0 .2em 0; padding: 0; font-size: 1.3em; font-weight: normal; }
.newsfeed h5, .newquestion h5 { margin: 0; padding: 0; font-size: 1.1em; }
.newsfeed .date, .feedlink { display: block; font-size: .8em;}
.feedlink { text-align: right; }
.newsfeed p { font-size: .9em; margin: 0; padding: 0; line-height: 1.6em;}

.questionbox { margin-top: 20px; }
.qform { width: 226px; border: 1px solid #253652; padding: 2px; }
.qformbutton, .gobutton { border: 1px solid #253652; background: #253652; color: #fff; text-align: right; margin: 5px 0;  }

select { width: 250px; background: #253652; color: #fff;  border: 1px solid #253652; }

.supportedby { text-align: center; margin-top: 20px; 
/* position: absolute; bottom: 25px; left: 90px; */
}

/* right col */
.right { float: right; width: 440px;}

#qa .right h2, #news .right h2 { margin: 0 0 5px 0; color: #233651;  font-weight: normal; font-size: 1.6em; border-bottom: 2px solid #233651; }

.right p { margin: 0 0 20px 0;  line-height: 1.6em ! important;}

.box { border-right: none; margin: 12px 0 12px 0; height: 130px; position: relative;  overflow: hidden; color: #fff;} 
.catbox { border-bottom: 1px solid #CFE5E9; margin: 10px 0 0 0;} 

.newsbox { background: #223651; }
.articlebox { background: #c6e0e5; display: none;}
.qandabox { background: #0e7e94; }
.forumbox { background: #9e0000; height: auto; padding-bottom: 5px;  }

.inner { padding: 10px;   }

.right .inner { padding-top: 10px; }


#news .right h2 a { text-decoration: none; }
#news .right p { margin: 0;}
#news .right p.link { margin-bottom: 5px; font-weight: bold;  }
#news .right p.more { text-align: right;  margin-bottom: 15px;  font-weight: bold; }

.box .inner { padding: 5px 10px;  }
.box h2 { margin: 0 0 10px 0; padding: 0; color: #fff; font-family: "Helvetica condensed", Impact, "arial narrow", sans-serif; font-size: 1.8em; font-weight: normal; }
.box p { margin: 0; padding: 0; line-height: 1.6em; }

.box a { 
color: #fff;
text-decoration: none; 
font-weight: bold; 
}

.box a:hover {  text-decoration: underline }

.box a.readmore { 
display: block; 
position: absolute; 
bottom: 5px; 
right: 5px;
padding: 20px 30px 0 0; }

.newsbox a.readmore { 
background: url(images/arrow2.gif) no-repeat bottom right; 
}

.qandabox a.readmore {
background: url(images/arrow1.gif) no-repeat bottom right; 

}

.catbox h5 { margin-bottom: 5px; font-weight: normal; font-size: 1.2em;  }
.catbox a h5 { color: #000; text-decoration: none; }
.catbox a p { margin-top: 0; color: #000; }
.catbox .inner { padding: 0; }
.catbox .inner:after {
content: "";
display: block;
clear: both;
}


.newspic { float: left; margin: 0 10px 5px 0;}

#qa .right a { color: #000; text-decoration: none; }
#qa .right a:hover { color: #cc0000; text-decoration: none; }

p.intro { line-height: 1.6em; }

#home .intro p {  }

.newsintro { padding: 10px; background: #2d2d2d; color: #fff; margin-bottom: 15px; }

.quickjump { margin: 20px 0; }

.left h4 { color: #999; }

.leftbit { 
padding: 10px;
background: #DDE6EB;
}

.leftbit a { text-decoration: none; color: #333;  }
.leftbit .quickjump select { width: 225px;  }

p.smallprint, p.smallprint a { color: #ddd; font-size: .9em; text-align: center; }

.links { margin-top: 20px; }
.links h4 { margin-bottom: 8px;  }
.links p { margin: 0; font-size: .9em; }
.links p a { text-decoration: none; color: #000; }

#content { position: relative; }
#answerbox {  
position: absolute; 
left: 280px; 
top: 10px; 
width: 430px; 
visibility: hidden;
background: #000;
z-index: 99;
padding: 2px;
text-align: right; 
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
height: auto; 
}

#answerbox a:link, #answerbox a:visited { color: #fff; padding-right: 5px;  }

#answerbox #answer a:link { color: #666; padding-right: 0px;  }


#answer {
background-color: #fff;
text-align: left; 
padding: 10px;
}

#answerbox hr { display: none; }

#answer p, #answer h4 { display: block; float: none; }

#answer h4 { margin-bottom: 10px;  clear: both; }

/*
.next { float: right;  width: 48%; position: absolute; bottom: 10px; right: 0; text-align: right; }
.previous { float: left;  width: 48%; position: absolute; bottom: 10px; left: 0px;}
*/

/*
.prevnextholder:after {
content: "";
display: block;
clear: both; 
}
*/
.prevnextholder { border-bottom: 1px solid #ccc; height: 50px; margin-bottom: 10px; position: relative; }

.previous { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px; }
.next { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px; text-align: right; }




.newsfeed p { font-size: 12px; }
.description { }
p.details { text-align: right; font-size: 10px; }
.newsitem { margin-bottom: 20px; }
#inner:after { 
display: block;
clear: both;
content: "";
}


.forumbox a { padding-left: 13px; background: url(images/linkicon.gif) no-repeat 0 1px ;  }
.forumbox a:hover { text-decoration: underline; }
.download {margin-top: 20px; }
.download a { text-decoration: none; }