/* css reset styles  */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;	padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
html{overflow-y: scroll;}
body {font-size:100.01%;}

#skipLinks {left:-10000px; position:absolute;}

/* generic cross template styles */
.alertInternal {background-color: #FFFF99; border:#FFCC00 solid 2px; padding:.5em;}
.large {font-size:2em;}
.medium {font-size:1.5em;}
.mini {font-size:.8em;}


/* page layout */
#pageWidth {margin:auto;  background-color:#FFFFFF;} /* contains 'leftCol', 'mainCol' and 'rightCol' */
.floatLeft {float:left;}
.floatRight {float:right;}
.floatColLeft {float:left; width:49%;}
.floatColRight {float:right; width:49%;}
#mainCol { padding-top:.5em; text-align:left; padding:10px;}

/* set the width of the page */
#header, #pageWidth, #footer {margin:auto; width:980px;}

.breadCrumbs {font-size:.75em; color:#666666; text-align:left;} 
.breadCrumbs a {color:#CCCCCC;} 
 
/* A: leftCol  mainCol  rightCol */
.templateA #leftCol {float:left; width:170px;}
.templateA #mainCol {width:620px; float:left; }
.templateA #rightCol {width:170px; float:right;}

/* B: leftCol  mainCol---------- */
.templateB #leftCol {width:170px; float:left;}
.templateB #mainCol {width:790px; float:left;}
.templateB #rightCol {display:none;}

/* C: ---------mainCol  rightCol */
.templateC #leftCol {display:none;}
.templateC #mainCol {width:790px; float:left;}
.templateC #rightCol {width:170px; float:right;}

/* D: ---------mainCol---------- */
.templateD #leftCol {display:none;}
.templateD #mainCol {width:960px; float:left;}
.templateD #rightCol {display:none;}

body {color:#5C5C5C; background-color:#97DF00; font-family:Arial, Helvetica, sans-serif; text-align:center;}
h1 {color:#009FD9; color:#FF9900; font-size:2em; font-weight:bold;  margin-top:.5em; margin-bottom:.3em;}
h2 {color:#00CC00; font-size:1.5em; margin-top:.5em;}
h3 {color:#009FD9; font-size:1em; margin-top:.5em;}
h4 {color:#009FD9; font-size:.8em; margin-top:.5em;}
a h1:hover,
a h2:hover,
a h3:hover,
a h4:hover {text-decoration:underline;}
p {margin-bottom:.5em;}
img {border-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.clear {clear:both;}
ul {margin-left:1.5em; margin-bottom: 1em;}
ul li {list-style-type:disc; padding-bottom:.3em;}

#header { background-color:#00CC00;}
#footer { margin: 2em auto 2em auto;}

.leftNav { background-color:#CCFF66; background-color:#CCFF99; text-align:left;}
ul.leftNav { margin:0;}
ul.leftNav li { list-style-type:none; padding:.3em; border-bottom: #ffffff solid 2px;}
ul.leftNav li a { color:#336600; display:block;}
ul.leftNav li.active{ background-color:#009900; color:#FFFFFF; }

.categoryList {width:80%; margin:auto;}
.categoryList h2 a { color:#00CC00; font-size:.9em; }
.categoryList p { color:#999999; font-size:.8em;}

.screenTeaser { float:left; width:33%; text-align:center; margin: 2em 0 1em 0;}
.screenTeaser  p { font-size:.8em;} 

.specialHeadingHighlight { color:#FFFFFF; background-color:#00CC00; padding:.2em .2em .2em .5em; width:85%; margin:auto; margin-top:1em;}

.siteListingContainer { width:80%; margin:auto;}
.siteListingContainer h2 { margin-top:2.2em; color:#009966; font-size:1.3em;}