html, body { color: #000; font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 12px; margin: 0; height: 100%; background:url(../images/site-bg.jpg) #ececec top repeat-x; }


#container { clear: both; width: 100%; }




/******  LINKS ******/
a { color: #00BAF1; text-decoration: none; }
a:hover { color: #00BAF1; text-decoration: underline; }
a:visited { color: #00BAF1;  }
a.mainLink { font-size: 110%; font-weight: bold; }



/******  HEADINGS ******/
h1 { color: #13095B; font-size: 150%; margin-top: 18px; margin-bottom: 0.3em; }
h2 { color: #13095B; font-size: 110%; margin: 0; padding-bottom: 12px; }
h3 { color: #13095B; margin-top: 1em; margin-bottom: 0.3em; font-size: 1.4em; }



/******  HEADER ******/
#header { width: 820px; height: 107px; padding: 0 10px 0 10px; margin: 0 auto 0 auto; position: relative; background: #fff url(../images/header_bg.gif) repeat-x left top; border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
#headerLeft { float: left; padding-top: 17px; }

#headerDate { float: right; text-align: right; padding-top: 60px; color: #555 }

#headerRightBottom { position: absolute; bottom: 7px; left: 0; font-weight: bold; }

#header ul { margin: 0; padding: 0; list-style: none; }

ul.topLevelNavLinks li { float: left; white-space: nowrap; border-right: solid 2px #fff; }
ul.topLevelNavLinks li a { display: block; color: #fff; height: 17px; padding: 3px 16px 0 16px; background-color: #ACAEB1; }
ul.topLevelNavLinks li a:hover { background-color: #A3A5A8; text-decoration: none; }
ul.topLevelNavLinks li.linkActive a, ul.topLevelNavLinks li.linkActive a:hover { background-color: #00BAF1; }




/******  MAIN CONTENT ******/
#main { width: 840px; margin: 0 auto 0 auto; padding: 12px 0 24px 0; position: relative; border-left: solid 1px #ccc; border-right: solid 1px #ccc; background-color: #fff; }
#homecontent { padding: 0px 10px 15px 10px; }


p { margin-top: 0; }


 #homecontentbottom a:link { margin-bottom: 10px; color: #00baf1; text-decoration: none; font-size: 1em; font-weight: bold; }
 #homecontentbottom a:hover { margin-bottom: 10px;color: #00baf1; text-decoration: underline; }
 #homecontentbottom a:visited { margin-bottom: 10px;color: #00baf1;  font-size: 1em; font-weight: bold; }



#leftcolumn { float: left; width: 176px; font-size: 100%; }
#navheader { width: 141px; height: 20px; background: url(../images/inthissection2.gif) no-repeat 7px top; }
#navigationMenuContainer { float: left; display: inline; width: 175px;}
#mainColumnContainer { display: inline-block; float: right;  width: 630px; padding-right: 10px;  }

ul.pageNavList { margin: 0; padding: 0; list-style: none; }
ul.pageNavList li { margin-bottom: 2px; }
ul.pageNavList li a { color: #000;padding: 5px 12px 5px 12px; display: block; width: 151px; background-color: #eeeeee;  }
ul.pageNavList li a:hover { color: #000; }
ul.pageNavList li.channel_active a { font-weight: bold; background: #00BAF1 url(/OneStopCMS/Sites/4IT/Theme/Images/nav_arrowdown.gif) no-repeat 150px 8px; color: #fff; }
ul.pageNavList li.posting_active a { font-weight: bold; background: #00BAF1 url(../images/nav_arrowright.gif) no-repeat 153px 7px; color: #fff; }


ul.home { font-size: 0.9em;  }

#breadcrumb { font-size: 90%; }
#breadcrumb a, #breadcrumb a:hover { color: #000; }

#pagecontent { line-height: 140%; }
#pagecontent h3 { color: #13095B; margin-top: 1em; margin-bottom: 0.2em; font-size: 140%; }
#pagecontent h4 { color: #13095B; margin-top: 1.2em; margin-bottom: 0.4em; font-size: 120%; }
#pagecontent h5 { color: #13095B; margin-top: 1.2em; margin-bottom: 0.4em; font-size: 110%; }
#pagecontent h6 { color: #13095B; margin-top: 1.2em; margin-bottom: 0.4em; font-size: 100%; }

#pagecontent ul { margin-left: 0; padding-left: 0; list-style: none; }
#pagecontent ul li { padding-left: 9px; background: url(../images/arrow_dot.gif) no-repeat left 6px; margin-top: 10px; }
#pagecontent input.formContainer, div.pageBodyContent textarea { width: 200px; }
#pagecontent textarea { height: 60px; }



div.LinkImage img { display: block; border: 0px; }
div.LinkImage { margin-right: 8px; float: left; height: 100%; }
div.LinkDetails { height: 100%; }

span.desc { display: block; padding-top: 0px; font-size: 90%; }
span.small {  font-size: 90%; }

ul.channelSummaryContainer { margin: 24px 0 0 0; padding: 0; list-style: none; }
ul.channelSummaryContainer li { padding-bottom: 6px; }
ul.channelSummaryContainer li a { font-weight: bold; }





/******  TABLES ******/
table.formTable { margin-top: 00px; margin-bottom: 12px; }
table.formTable th { font-weight: normal; padding-right: 6px; text-align: left;}
th.formHeading { padding-top: 34px !important; font-weight: bold !important; border-bottom: solid 1px #ececec !important; margin-bottom: 6px; }
td.formText { padding-bottom: 12px; }




/******  FORMS ******/
.mandatoryIndicator { color: red; font-size: 86%; }




/******  FOOTER ******/
#footer { width: 820px;height: 90px;margin: 0 auto 0px auto; padding: 10px 10px 10px 10px; color: #666; font-size: 0.9em; border-top: solid 1px #00BAF1; border-left: solid 1px #ccc; border-right: solid 1px #ccc;  border-bottom: solid 1px #ccc;background-color: #f7f7f7; }

#footer a { color: #666; text-decoration: none; }
#footer a:hover { color: #666; text-decoration: underline; }

#footerCopyright { float: left; width: 340px; text-align: left; padding-top: 5px; }

#footerStatement { float: right; 	width: 140px; text-align: center; padding-right: 10px; padding-top: 5px; }



.floatClearer { height: 0; line-height: 0; clear: both; }


#googlemap { position: relative; width: 350px; height: 250px; margin-bottom: 10px; overflow: hidden; }

