/* Page Setup */
html {}
body { background-color: #7A8D25; margin: 0; padding: 0; font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Sans, Sans-Serif; }

/* Usefull classes */
.fl { float: left; }
.fr { float: right; }
.clr { clear: both; }
.ti { display: block; }
.rule { width: 100%; height: 25px; line-height: 25px; }
.rule .rule-inner { height: 12px; line-height: 12px; border-bottom: 1px solid #C9D2B3; }
hr { border: 0; width: 100%; color: #C9D2B3; background-color: #C9D2B3; height: 1px; }

/* Globals */
#template { position: relative; font-size: 13px; color: #333333; line-height: 15pt; }
h1 { margin: 0px 0px 10px 0px; font-size: 20px; color: #4F791A; line-height: 18pt; font-weight: bold; padding: 0px 0px 6px 0px; background: #E1E6DD url(../Images/Header_Footer.gif) repeat-x bottom left; }
h2 { margin: 0px 0px 4px 0px; font-size: 16px; color: #69831D; font-weight: bold; }
h3 { margin: 0px 0px 0px 0px; font-size: 13px; color: #006699; font-weight: bold; }
h2 .date { font-size: 11px; color: #999999; font-weight: normal; }
p { margin: 0px 0px 20px 0px; line-height: 18px; }
a { color: #006699; text-decoration: underline; }
a:Hover { text-decoration: none; color: #333333; }
a:Visited { color: #666666; }
.error { font-size: 11px; color: Red; }
.inlineimage { background-color: #ECF0EA; border: solid 1px #D1D8C1; padding: 8px 8px 8px 8px; } /* Used for content entry using the CMS. */

/* DraftView */
#draftview { width: 100%; height: 40px; line-height: 40px; padding: 0px 40px 0px 40px; background-color: #ccc; }

/* Header */
#strip { width: 100%; height: 25px; background: #003300 url(../Images/Header_Background01.gif) repeat-x top left; }
#strip2 { width: 100%; height: 20px; background: #E1E6DD url(../Images/Header_Footer.gif) repeat-x top left; line-height: 2px; }
#header { width: 100%; height: 134px; background: #637A26 url(../Images/Header_Background02.gif) repeat-x top left; }
#header .header-inner { width: 770px; margin-left: auto; margin-right: auto; }
#header .header-inner .logo { float: left; }
#header .header-inner .hero { float: left; }
#header .header-inner .logo img { border: none; }

#headerhome { width: 100%; height: 220px; background: #637A26 url(../Images/Header_Background03.gif) repeat-x top left; }
#headerhome .header-inner { width: 770px; margin-left: auto; margin-right: auto; }
#headerhome .header-inner .logo { float: left; }
#headerhome .header-inner .hero { float: left; }

/* Nav */
#nav { width: 645px; height: 32px; margin-left: auto; margin-right: auto; }
#nav ul { height: 32px; list-style-type: none; margin: 0; padding: 0; }
#nav ul .break { width: 12px; height: 32px; background: #000 url(../Images/Nav_Break.gif) no-repeat top left; }
#nav ul li { float: left; }
#nav ul li a { display: block; height: 32px; }
#nav ul li a:Hover { background-position: 0px -32px; }
#nav ul li .home { width: 47px; background: #000 url(../Images/Nav_Home.gif) no-repeat top left; }
#nav ul li .about { width: 54px; background: #000 url(../Images/Nav_About.gif) no-repeat top left; }
#nav ul li .research { width: 65px; background: #000 url(../Images/Nav_Research.gif) no-repeat top left; }
#nav ul li .code { width: 109px; background: #000 url(../Images/Nav_Code.gif) no-repeat top left; }
#nav ul li .resource { width: 109px; background: #000 url(../Images/Nav_Resource.gif) no-repeat top left; }
#nav ul li .media { width: 54px; background: #000 url(../Images/Nav_Media.gif) no-repeat top left; }
#nav ul li .faq { width: 48px; background: #000 url(../Images/Nav_Faq.gif) no-repeat top left; }
#nav ul li .contact { width: 74px; background: #000 url(../Images/Nav_Contact.gif) no-repeat top left; }
#nav ul li .selected { background-position: bottom left; }
#nav ul li .current { background-position: 0px -32px; }
/*.cswmItemCell { filter:alpha(opacity=93); -moz-opacity:.93; opacity:.93; }*/

/* Sub Nav */
#subnav { }
#subnav ul { margin: 0; padding: 0; list-style-type: none; }
#subnav ul li { padding: 4px 0px 4px 18px; background: url(../Images/Bullet01.gif) no-repeat 0px 10px; }
#subnav ul li a { color: #006699; }
#subnav ul li a:Hover { color: #333333; }
#subnav ul li li { padding: 4px 0px 4px 16px; background: none; }
#subnav ul li li a { padding: 0px 0px 0px 0px; }
#subnav ul li .selected { font-weight: bold; color: #333333; text-decoration: none; }

/* Site Map */
#sitemap { }
#sitemap ul { margin: 0; padding: 0; }
#sitemap ul li { padding: 4px 0px 4px 0px; list-style-type: none; width: 100%; }
#sitemap ul li a { font-size: 14px; display: block; color: #333333; text-decoration: none; padding: 2px 6px 2px 6px; border: dashed 1px #B7C293; background-color: #ECF0EA; }
#sitemap ul li a:Hover { text-decoration: underline; }
#sitemap ul li li { margin: 0px 0px 0px 24px; padding: 4px 0px 4px 0px; background: none; list-style-type: inherit; }
#sitemap ul li li a { font-size: 12px; display: inline; font-weight: bold; border: none; padding: 0px 0px 0px 0px; background-color: Transparent; }
#sitemap ul li li li a { font-weight: normal; }

/* Breadcrumbs */
#breadcrumbs { font-size: 11px; width: 100%; background: #B7C293 url(../Images/Crumbs_Background.gif) repeat-x top left; }
#breadcrumbs .breadcrumbs-inner { width: 760px; margin-left: auto; margin-right: auto; padding: 4px 0px 4px 0px; }
#breadcrumbs .title { font-weight: bold; }
#breadcrumbs a { color: #000; text-decoration: underline; }
#breadcrumbs a:Hover { color: #000; text-decoration: none; }

/* Body / Content */
#body { position: relative; width: 100%; background-color: #E1E6DD; overflow: hidden; }
#body .body-inner { width: 770px; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0px 0px 0px 0px; }
#body .background { width: 770px; background: #E1E6DD url(../Images/Body_Background.gif) repeat-y top left; overflow: hidden; margin-bottom: 20px; }
#body .backgroundhome { overflow: hidden; margin-bottom: 20px; }
#body .contentfooter { clear: both; }
#body .print { display: block; float: right; }
#body .print img { border: none; }
#body .email { display: block; float: right; margin-right: 10px; }
#body .email img { border: none; }
#body .top { display: block; float: left; font-size: 12px; }
#body .date { line-height: normal; color: #666666; font-size: 10px; font-family: Verdana, Arial, Sans-Serif; } /* For news articles */

/* Generic content table */
#body .contenttable { border: solid 1px #ccc; border-bottom: none; border-right: none; }
#body .contenttable td { border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; vertical-align: top; text-align: left; padding: 4px 4px 4px 4px; }

/* Columns */
#body .alpha { float: left; width: 233px; } /* Std Content Page */
#body .alpha .alpha-inner { padding: 0px 14px 0px 0px; }
#body .beta { float: left; width: 537px; overflow: visible; } /* Std Content Page */
#body .beta .beta-inner { padding: 0px 0px 14px 16px; }

#body .delta { float: left; width: 315px; } /* Homepage */
#body .delta .delta-inner { padding: 0px 14px 0px 0px; }
#body .gamma { float: left; width: 455px; } /* Homepage */
#body .gamma .gamma-inner { padding: 0px 0px 14px 0px; }

/* Box */
#body .box { background-color: #ECF0EA; border: solid 1px #D1D8C1; margin-bottom: 14px; }
#body .box-inner { padding: 8px 12px 8px 12px; font-size: 12px; }
#body .box input { vertical-align: middle; }
#body .box h3 { margin: 0px 0px 0px 0px; font-size: 13px; color: #006699; line-height: normal; font-weight: bold; }
#body .box .path { line-height: normal; color: #758925; font-size: 10px; font-family: Verdana, Arial, Sans-Serif; } /* For search results */
#body .box h1 { background: none; } /* override */

#body .box2 { background-color: #ECF0EA; border: solid 1px #D1D8C1; margin-bottom: 14px; } /* Used on the homepage */
#body .box2-inner { padding: 8px 12px 8px 12px; font-size: 13px; }
#body .box2 h1 { background: none; } /* override */

#body .box3 { background-color: #ECF0EA; border: dashed 1px #D1D8C1; margin-bottom: 14px; }
#body .box3-inner { padding: 8px 12px 8px 12px; font-size: 15px; color: #3D6014; }

/* For email confirmations */
#body .box4 { background-color: #993300; border: dashed 1px #FFF; margin-bottom: 14px; }
#body .box4-inner { color: #fff; padding: 8px 12px 8px 12px; font-size: 12px; }

/* Promotional Boxes - specific to homepage */
#body .promos { margin-bottom: 14px; width: 455px; }
#body .promoboxalt { width: 144px; float: left; background-color: #FFF; border: solid 1px #B7C293; }
#body .promobox { width: 144px; float: left; background-color: #ECF0EA; border: solid 1px #D1D8C1; }
#body .promobox-inner { padding: 8px 8px 8px 8px; font-size: 12px; line-height: 12pt; }
#body .promobox-inner h2 { color: #768B25; font-size: 14px; font-weight: bold; line-height: 16px; }
#body .promobox-inner img { display: block; margin-bottom: 8px; border: solid 4px #B7C293; }
#body .promobox-inner a:Hover img { border: solid 4px #9CAB69; }

#body .socialbox { width: 453px; height:50px; float: left; background-color: #ECF0EA; border: solid 1px #D1D8C1;margin-top:8px }
#body .socialbox-inner { padding: 8px 8px 8px 8px; font-size: 12px; line-height: 12pt; }
#body .socialbox-inner h2 { color: #768B25; font-size: 14px; font-weight: bold; line-height: 16px; }
#body .socialbox-inner p {text-align:center;font-size:15px;}
#body .socialbox-inner img {vertical-align:middle; /*display: block; margin-bottom: 8px; border: solid 4px #B7C293;*/ }
#body .socialbox-inner a:Hover img { border: solid 4px #9CAB69; }


/* Search box's */
#body .searchhome { width: 301px; height: 32px; margin-bottom: 14px; background: #768B25 url(../Images/SearchHome.gif) no-repeat top left; }
#body .searchhome-inner { padding: 5px 4px 4px 10px; vertical-align: middle; }
#body .searchhome input { color: #A3B073; font-size: 13px; border: none; background-color: #ECF0EA; vertical-align: middle; }
#body .searchhome p { margin: 0; padding: 0; }
#body .searchhome a { color: #fff; text-decoration: none; vertical-align: middle; }
#body .searchhome a:Hover { text-decoration: underline; }
 
/* For the search box on content pages. */
#body .radio label { float: left; margin-right: 12px; }
#body .radio input { float: left; }
#body .searchinput { border: solid 1px #D1D8C1; font-size: 13px; background-color: #ECF0EA; color: #A3B073; }

/* Search Paging */
.paging a { color: #7A8D25; background-color: #ECF0EA; border: solid 1px #D1D8C1; padding: 0px 6px 0px 6px; margin-left: 4px; text-decoration: none; }
.paging a:Hover { background-color: #DAE1D7; border: solid 1px #B0BC94; }
.paging a.selected { background-color: #DAE1D7; border: solid 1px #B0BC94; }

/* Forms */
#body .textinput { } /* For other text fields to define manually */
#body .beta input { border: solid 1px #D1D8C1; font-size: 13px; background-color: #ECF0EA; }
#body .beta textarea { border: solid 1px #D1D8C1; font-size: 13px; background-color: #ECF0EA; }
#body .beta .formtable { width: 100%; table-layout: fixed; border: none; }
#body .beta .formtable td { border: none; text-align: left; vertical-align: top; padding: 6px 0px 6px 0px; }

/* Footer */
#footer { font-size: 11px; color: #fff; height: 150px; background: #7A8D25 url(../Images/Footer_Background.gif) repeat-x top left; }
#footer .footer-inner { text-align: center; padding: 10px 0px 10px 0px; width: 770px; margin-left: auto; margin-right: auto; }
#footer a { color: #fff; }
#footer .footnote { font-size: 10px; }