html { height:100%; margin: 0px; padding: 0px; }
body { width:100%; height:100%; font-size:100%; background:#EEE; font-family: Arial, Helvetica, sans-serif; overflow:scroll; }
img { border:0px; }
* { padding: 0; margin: 0; }
h1 { font:normal 1.3em Arial, Helvetica, sans-serif; line-height:1.3em; color:#0e8b2d; }
h2 { font:normal 1.1em Arial, Helvetica, sans-serif; line-height:1.3em; color:#0e8b2d; }
h3 { font:normal 1em Arial, Helvetica, sans-serif; line-height:1.3em; color:#0e8b2d; }
h4 { font:normal 1em Arial, Helvetica, sans-serif; line-height:1.3em; color:#0e8b2d; }
p, li { font-size:0.8em; line-height:1.6em; }
p a, li a { color: #0e8b2d; text-decoration: none; }
p a:hover, li p a:hover { color: #000; text-decoration:underline; }
#skip-navigation { position:absolute; left:-9999em; }
a#skip-navigation:focus, a#skip-navigation:active { left:0; top:0; }
#container { clear:both; margin:10px auto 0 auto; position:relative; overflow:hidden; width:960px; height:auto; border:8px solid #FFF; background:#000; padding:1px; z-index:10; -webkit-box-shadow: 1px 1px 5px rgba(102, 102, 102, 0.4); -moz-box-shadow: 1px 1px 5px rgba(102, 102, 102, 0.4); box-shadow: 1px 1px 5px rgba(102, 102, 102, 0.4); border-radius:3px; -moz-border-radius:3px; }
/* HEADER
---------------------------------------------------------------------- */
#header { position:relative; overflow:hidden; border-bottom:1px solid #000; margin:auto; width: 960px; height:auto; padding:0 0 0 0; list-style: none; background:#FFF; z-index:100; }
#topBar { position:relative; overflow:hidden; margin:10px auto 10px auto; width: 920px; height:auto; padding:10px 20px 10px 20px; border:1px solid #DDD; list-style: none; z-index:100; }
#topBarWrap { position:relative; overflow:hidden; margin:auto; width: 960px; height:auto; list-style: none; z-index:100; }
#logo { float:left; position:relative; margin:auto; width:180px; height:auto; padding:10px 0 0 20px; z-index:60; }
#logo a { display:block; cursor:pointer; text-decoration:none; color:#000; outline:none; letter-spacing:0.08em; }
#logo a:hover { }
#contentWrapper { overflow:hidden; margin:0 auto 0 auto; position:relative; display:block; width:940px; height:auto; min-height:400px; padding:10px; margin:0 0 0 0; background:#FFF; z-index:0; }
#contentWrapper-index { position:relative; overflow:hidden; margin:0 auto 0 auto; position:relative; display:block; width:960px; height:auto; padding:0; margin:0 0 0 0; background:#FFF; z-index:0; }
/* CONTENT
---------------------------------------------------------------------- */
#content-index { margin:0 0 0 0; position:relative; width:940px; height:auto; padding:0; z-index:10; background: #FFF; }
#content-index ul, #content-2col ul { margin:0 0 0 15px; }
#content-index ul li, #content-2col ul li {list-style:disc; }
#content-main { float:left; position:relative; width:626px; height:auto; padding:10px; z-index:10; background:#FFF; }
#content-full { clear:both; position:relative; width:920px; height:auto; padding:20px; z-index:10; margin:0 0 0 0; background:#FFF; }
#content-2col { float:left; position:relative; width:626px; height:auto; padding:10px; z-index:10; background:#FFF; }
#content-left { position:relative; overflow:hidden; float:left; width:190px; height:auto; padding:10px; margin:0 0 0 0; background: #FFF; }
#content-mainCMS { position:relative; width:626px; height:auto; padding:10px; border:1px solid #DDD; z-index:10; background:#FFF; }
#content-2colCMS { position:relative; width:626px; height:auto; padding:10px; border:1px solid #DDD; z-index:10; background:#FFF; }
/* INDEX LAYOUT
---------------------------------------------------------------------- */
#index-banner { position:relative; z-index:9999; overflow:hidden; width:960px; height:189px; }
#index-banner2 { position:relative; z-index:9999; overflow:hidden; width:960px; height:189px; margin:-10px 0 10px -10px; }
#slideshow { float:left; position:relative; width:960px; height:189px; background:url(../img/index-bannerBg.jpg) no-repeat; }
#facebook {position:absolute; top:20px; right:20px; }
#facebook a { width:100px; height:30px; display:block; background:url(../img/facebook.jpg) no-repeat; }
#linkedin {position:absolute; top:20px; right:120px; }
#linkedin a { width:100px; height:30px; display:block; background:url(../img/linkedin.jpg) no-repeat; }
#boxWrap { clear:both; position:relative; z-index:9999; overflow:hidden; width:960px; height:auto; margin:1px 0 0 0; }
#indexBox1 { position:relative; }
#indexBox1 a { float:left; display:block; cursor:pointer; text-decoration:none; text-align:center; width:280px; height:150px; padding:20px 20px 50px 20px; margin:0 1px 0 0; color:#FFF; background:url(../img/moreBtn.png) no-repeat bottom center #0e8b2d; }
#indexBox1 a:hover { color:#000; background:url(../img/moreBtn.png) no-repeat bottom center #EEE; }
#indexBox1 a h2 { width:auto; height:auto; padding:5px 0 5px 0; margin:0 0 20px 0; text-align:center; background:#000; color:#FFF; }
#indexBox2 { position:relative; }
#indexBox2 a { float:left; display:block; cursor:pointer; text-decoration:none; text-align:center; width:280px; height:150px; padding:20px 20px 50px 20px; margin:0 1px 0 0; color:#FFF; background:url(../img/moreBtn.png) no-repeat bottom center #0e8b2d; }
#indexBox2 a:hover { color:#000; background:url(../img/moreBtn.png) no-repeat bottom center #EEE; }
#indexBox2 a h2 { width:auto; height:auto; padding:5px 0 5px 0; margin:0 0 20px 0; text-align:center; background:#000; color:#FFF; }
#indexBox3 { position:relative; }
#indexBox3 a { float:left; display:block; cursor:pointer; text-decoration:none; text-align:center; width:278px; height:150px; padding:20px 20px 50px 20px; color:#FFF; background:url(../img/moreBtn.png) no-repeat bottom center #0e8b2d; }
#indexBox3 a:hover { color:#000; background:url(../img/moreBtn.png) no-repeat bottom center #EEE; }
#indexBox3 a h2 { position:relative; width:auto; height:auto; margin:0 0 20px 0; padding:5px 0 5px 0; text-align:center; background:#000; color:#FFF; }
#social-mediaWrap { clear:both; position:relative; overflow:hidden; width:960px; height:auto; padding:0; margin:0 0 20px 0; }
#twitterBox { float:left; position:relative; overflow:hidden; width:290px; height:200px; padding:5px; margin:0 5px 0 0; background:#FFF; }
#twitterBox h1 { height:40px; text-indent:-9999em; background:url(../img/twitter.png) no-repeat; }
#facebookBox { float:left; position:relative; overflow:hidden; width:295px; height:200px; padding:5px; margin:0 10px 0 0; background:#FFF; }
#facebookBox h1 { height:40px; text-indent:-9999em; background:url(../img/facebook.png) no-repeat; }
#shareWidget { width:280px; height:50px; padding:20px 0 10px 0; }
#shareWidget span { float:left; width:85px; margin:0 8px 5px 0; }
.blogBox { position:relative; float:left; margin:0 0 0 0; padding:5px; width:295px; height:200px; z-index:500; background:#FFF; }
.blog { position:relative; overflow:hidden; padding:0 0 0 0; margin:0 0 1px 0; }
.blog a { display:block; width:auto; height:auto; color:#000; padding:10px; text-decoration:none; font:normal 1em Baskerville, Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif; }
.blog a:hover { color:#FFF; background:#d0e2f4; }
.blog:nth-child(even) a { color:#000; background:#EEE; padding:10px; text-decoration:none; font:normal 1em Baskerville, Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif; }
.blog:nth-child(even) a:hover { color:#5bb4eb; background:#EEE; }
#twitterWrap { position:relative; overflow:hidden; height:auto; width:auto; }
.tweet { position:relative; overflow:hidden; padding:0 0 0 0; margin:0 0 1px 0; }
.tweet a { display:block; width:auto; height:auto; color:#000; background:#d0e2f4; padding:10px; text-decoration:none; font:normal 1em Baskerville, Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif; }
.tweet a:hover { color:#FFF; background:#d0e2f4; }
.tweet:nth-child(even) a { color:#000; background:#EEE; padding:10px; text-decoration:none; font:normal 1em Baskerville, Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif; }
.tweet:nth-child(even) a:hover { color:#5bb4eb; background:#EEE; }
/* LATEST NEWS
---------------------------------------------------------------------- */
#latest-news {
position:relative;
overflow:hidden;
width:920px;
height:auto;
margin:0 0 10px 0;
padding:20px;
}
#latest-news li {
list-style:none;
}
#latest-news ul {
margin:0 0 0 0;
}
.latestNewsItem {
position:relative;
overflow:hidden;
width:auto;
}
.latestNewsItem a {
color:#000;
display:block;
text-decoration:none;
padding:0 0 5px 0;
margin:0 0 5px 0;
border-bottom:1px dashed #000;
}
.latestNewsItem a:hover {
color:#0e8b2d;
border-bottom:1px dashed #0e8b2d;
}
/* FOOTER
---------------------------------------------------------------------- */
#footerWrap { position:relative; width:auto; height:auto; padding:0; margin:0 auto 0 auto; z-index:0; background:#EEE; }
ul#footer { position:relative; overflow:hidden; width:960px; padding:15px 0 20px 0; margin:0 auto 0 auto; z-index:10; }
ul#footer li.menuItem { float:left; width:170px; list-style:none; margin-right:60px; }
ul#footer li.menuItem a { display:block; cursor:pointer; width:auto; height:auto; color:#000; outline:none; margin:0 0 20px 0; text-decoration:none; text-transform:uppercase; font:bold 0.8em Arial, Helvetica, sans-serif; }
ul#footer li.menuItem a:hover { color:#666; }
ul#footer li.menuItemHere { float:left; width:170px; list-style:none; margin-right:20px; }
ul#footer li.menuItemHere a { display:block; cursor:pointer; width:auto; height:auto; color:#666; outline:none; margin:0 0 20px 0; text-decoration:none; text-transform:uppercase; font:bold 0.8em Arial, Helvetica, sans-serif; }
ul#footer li.menuItemHere a:hover { color:#feeb94; }
ul#footer li.menuItem .subMenuWrap ul { position:relative; width:auto; list-style:none; }
ul#footer li.menuItem .subMenuWrap ul li.subMenuItem a { display:block; cursor:pointer; width:auto; height:auto; color:#000; outline:none; margin:0 0 10px 0; text-decoration:none; text-transform:capitalize; }
ul#footer li.menuItem .subMenuWrap ul li.subMenuItem a:hover { color:#666; }
ul#footer li.menuItemHere .subMenuWrap ul { position:relative; width:190px; list-style:none; }
ul#footer li.menuItemHere .subMenuWrap ul li.subMenuItem a { display:block; cursor:pointer; width:auto; height:auto; color:#666; outline:none; margin:0 0 10px 0; text-decoration:none; text-transform:capitalize; }
ul#footer li.menuItemHere .subMenuWrap ul lili.subMenuItem a:hover { color:#000; }
ul#footer li.menuItemHere .subMenuWrap ul li.subMenuItemHere a { display:block; cursor:pointer; width:auto; height:auto; color:#feeb94; margin:0 0 10px 0; text-decoration:none; text-transform:capitalize; }
ul#footer li.menuItemHere .subMenuWrap ul lili.subMenuItemHere a:hover { color:#feeb94; }
/* LANDING PAGES
---------------------------------------------------------------------- */
ul#landing-pages { position:relative; width:960px; padding:20px 0 20px 0; margin:0 auto 0 auto; z-index:1; }
ul#landing-pages li { float:left; width:190px; list-style:none; }
ul#landing-pages li a { display:block; cursor:pointer; width:auto; height:auto; color:#000; text-transform:uppercase; text-decoration:none; outline:none; font:bold 0.8em Arial, Helvetica, sans-serif; }
ul#landing-pages li a:hover { color:#666; }
/* ACCESSIBILITY
---------------------------------------------------------------------- */
ul#accessibility { float:left; position:relative; overflow:hidden; width:320px; height:auto; padding:10px 0 0 0; }
ul#accessibility li { float:left; list-style:none; color:#000; margin:0 5px 0 0; }
ul#accessibility li.txtsm { font-size:1em; }
ul#accessibility li.txtmed { font-size:1.2em; }
ul#accessibility li.txtlg { font-size:1.4em; }
ul#accessibility li a { color:#000; width:20px; height:20px; }
/* SEARCH
---------------------------------------------------------------------- */
ol#search { float:right; position:relative; text-align:center; margin:auto; width:280px; height:40px; margin:5px 0 0 0; padding:0 20px 0 20px; }
ol#search li { float:left; list-style:none; }
#search input { margin:0px 0 0 0; padding:5px; border:1px solid #DDD; border-radius:5px; -moz-border-radius:5px; }
#search input.searchBtn { position:relative; top:-5px; border:none; }
/* POPUP
---------------------------------------------------------------------- */
.backgroundPopup {
display:none;
position:absolute;
_position:absolute; /* hack for internet explorer 6*/
width:100%;
height:100%;
background:#000000;
z-index:1000;
}
.popup {
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:auto;
width:900px;
margin:auto;
z-index:1200;
}
.popupBg {
width:840px;
height:auto;
padding:18px 30px 19px 30px;
background: #FFF; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); /* for webkit browsers */
background: -moz-linear-gradient(top, #FFF, #EEE); /* for firefox 3.6+ */
-moz-border-radius:20px; border-radius:20px;
}
.popupClose {
left:760px;
top:10px;
position:absolute;
color:#3AA6CB;
font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
display:block;
}
.popupClose a {
text-decoration:none;
}
.popupBtn {
overflow:hidden;
position:absolute;
top:10p;
right:10px;
}
.popupBtn a {
display:block;
cursor:pointer;
width:auto;
height:auto;
color:blue;
text-decoration:underline;
font:bold 1em Verdana, Arial, Helvetica, sans-serif;
}
.popupBtn a:hover {
color:black;
}