/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { }
ul { list-style:disc; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a { color:#2c79b3; text-decoration:underline;}
a:hover {color:#77c005; }
p {margin:0 0 12px 0;}
/* BACKGROUND and SITE DIMENSION */
#wrapper_outside { background:#f5f5f5 url(images/outside.gif) repeat-x 0 100%; text-align:left; }
#wrapper_top { background:url(images/topoutside.gif) repeat-x 0 0; text-align:left; }
#wrapper_mid { background:url(images/mid.gif) repeat-y 50% 0; min-width:950px; }
#wrapper { background:url(images/topall.gif) no-repeat 50% 0; }
#inside { width:970px; margin:0 auto; min-height:690px; height:auto !important; height:500px; }
#wrapper_content { width: 950px; padding: 0px 10px 10px 10px; margin: 0px auto 0px auto; height: auto; text-align: left; }
.clearer { clear:both; }
/* COMMON */
body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#444444;
background-color:#eeeeee;
font-size:71%;
line-height:1.4em;
}
/* HEADER */
#header {
margin:0;
height:84px;
padding:10px 10px 10px 0;
color:#fff;
}
#logo {
width:190px;
height:84px;
float:left;
}
#header_nav {
float:right;
width:430px;
margin:45px 80px 0 0;
}
#header_nav ul{
width:100%;
display:block;
list-style-type:none;
z-index:3;
}
#header_nav ul li{
display:block;
float:left;
}
.barnav{
font-size:1.6em;
font-weight:100;
}
#header_nav ul li a{
font-size:1.2em;
color:#fff;
text-decoration:none;
margin:0 20px 0 20px;
font-weight: bold;
}
#header_nav ul li a:hover{
text-decoration:underline;
color:#4b7d02;
}
/* FLASH */
#flash {
margin:9px 0;
}
/* BOTTOM */
#bottomWrapper {
width:950px;
font-size:1.1em;
line-height:180%;
clear:both;
}
#bottomWrapper ul, td ul {
margin:10px 0 0 20px;
}
.grid {
height:1px;
margin:12px 0;
background-image:url(images/grid.gif);
background-repeat:repeat-x;
}
#bottomLeft {
width:675px;
float:left;
}
#bottomRight {
width:266px;
float:right;
}
/* Box Left */
#boxContainerLeft {
width:655px;
padding:5px 10px;
}
#boxContentLeft { background:url(images/bg-contentbox.gif); background-repeat:repeat-x; background-position:center bottom;}
#boxbgLeft { background:url(images/bg-contentbox.gif) repeat-x 0 100%; text-align:left; }
#box_midLeft { background:url(images/boxmid.gif) repeat-y 50% 0; min-width:675px; }
#box_topLeft { background:url(images/boxtop.gif) no-repeat 50% 0; }
/* Box Right */
#boxContainerRight {
width:256px;
padding:5px;
}
#boxContentRight { background:url(images/bg-contentbox.gif); background-repeat:repeat-x; background-position:center bottom;}
#boxbgRight { background:url(images/bg-contentbox.gif) repeat-x 0 100%; text-align:left; }
#box_midRight { background:url(images/boxmid2.gif) repeat-y 50% 0; min-width:266px; }
#box_topRight { background:url(images/boxtop2.gif) no-repeat 50% 0; }
/* Box Page Fold */
#boxContainerFold {
width:940px;
padding:5px;
}
#boxContentFold { background:url(images/bg-contentbox.gif); background-repeat:repeat-x; background-position:center bottom; font-size:.9em;}
#boxbgFold { background:url(images/bg-contentbox.gif) repeat-x 0 100%; text-align:left; }
#box_midFold { background:url(images/boxmid3.gif) repeat-y 50% 0; min-width:936px; }
#box_topFold { background:url(images/boxtop3.gif) no-repeat 50% 0; }
/* Box Panels */
#boxContainerPanels {
width:291px;
padding:5px 10px;
}
#boxContentPanels { background:url(images/bg-contentbox.gif); background-repeat:repeat-x; background-position:center bottom;}
#boxbgPanels { background:url(images/bg-contentbox.gif) repeat-x 0 100%; text-align:left; }
#box_midPanels { background:url(images/boxmid4.gif) repeat-y 50% 0; min-width:266px; }
#box_topPanels { background:url(images/boxtop4.gif) no-repeat 50% 0; }
/* Icons */
.email {
margin: 0 0 .5em 0; padding: 0 0 0 30px; background: url(images/email.gif) no-repeat left center; font-size: 1em; }
.feed {
margin: 0 0 .5em 0; padding: 0 0 0 30px; background: url(images/feed.gif) no-repeat left center; font-size: 1em; }
.bookmark {
margin: 0 0 .5em 0; padding: 0 0 0 30px; background: url(images/bookmark.gif) no-repeat left center; font-size: 1em; }
.share {
margin: 0 0 .5em 0; padding: 0 0 0 30px; background: url(images/share.gif) no-repeat left center; font-size: 1em; }
.more {
margin: 0 0 .5em 0; padding: 0 10px 0 0px; background: url(images/arrow-more.gif) no-repeat right center; font-size: 1em; }
/* BOX FEATURES */
#feature-box {
padding:10px 0;
}
#feature-box h3 {
font-weight:bold;
font-size:1.2em;
color:#035591;
line-height:80%;
margin:0;
}
/* TEXT PROPERTIES */
.panelTitle {
color:#fff;
font-size:1.2em;
height:26px;
margin:0 0 8px 0;
padding: 0 4px;
background-image:url(images/panel-title.gif); background-repeat:repeat-x;
}
.subText {
font-size:.9em;
}
.contentTitle {
font-size:1.3em;
line-height:200%;
color:#2c79b3;
}
.contentSubTitle {
font-size:1.1em;
line-height:180%;
font-weight:bold;
color:#669900;
}
.text_underline {
text-decoration:underline;
}
.text_bold {
font-weight:bold;
color:#77c005;
}
.portfolio_title {
font-size:1em;
line-height:140%;
font-weight:bold;
color:#53a9d0;
}
/* UL PROPERTIES */
.special_listmenu{
}
.special_listmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.special_listmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
color: #2a4486;
background: url(images/arrow-list.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
}
.special_listmenu ul li a{
}
.special_listmenu ul li a:visited{
color: #2a4486;
}
.special_listmenu ul li a:hover{ /*hover state CSS*/
color: #6ab304;
background-color: #F3F3F3;
}
/* BANNER */
#banner {
width:869px;
margin:0px auto;
padding:50px 0 20px 0;
}
/* FOOTER */
#footerbg { background:url(images/bg_footer.gif) no-repeat 50% 0; height:28px; }
#footer { clear:both; background-color:#fff; width:950px; padding:4px 0; margin:0 auto 0 auto; text-align:center; font-size:1.0em; color:#7a7a7a;}
#footer a { color:#2c79b3;}
#footer a:hover { text-decoration:underline;}