/* 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;}
ol,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:-moz-scrollbars-vertical;}
body{font-size:100.01%;}

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

/* page layout */
#pageWidth{margin:auto; background-color:#FFFFFF; margin-top:1em;} /* 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, .footerLinks{margin:auto; width:980px;}

.breadCrumbs{font-size:.75em; color:#666666; text-align:left; margin-bottom:1em;} 
.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; font-family:Arial, Helvetica, sans-serif; text-align:center; background-color:#0194E5; background-image:url(/images/body-bg.png); background-repeat:repeat-x;}
.large{font-size:2em;}
.medium{font-size:1.5em;}
.mini{font-size:.8em;}
h1{color:#3366FF; font-size:2em; margin:.7em 0 .5em 0; font-weight:bold;}
h2{color:#009FD9; font-size:1.2em; 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{margin-top:1em; background-color:#FFFFFF; -moz-border-radius:1em 1em 0 0; -webkit-border-top-right-radius:1em; -webkit-border-top-left-radius:1em;}
#header .logo{float:left; margin:.5em 0 0 1em;}

#footer{margin:0 auto 0 auto; background:#ffffff; -moz-border-radius:0 0 1em 1em; -webkit-border-bottom-right-radius:1em; -webkit-border-bottom-left-radius:1em;}
.footerLinks{margin-bottom:3em; padding-top:1em;}
.footerLinks a,
.footerLinks span{font-size:.9em; color:#FFFFFF; margin:0 .5em 0 1.5em; padding:.2em .7em .2em .7em;}
.footerLinks span.active{color:#FFFFFF; background-image:url(/images/menu-fade.png);  -moz-border-radius:.5em; -webkit-border-radius:.5em;}

.navigation{margin-top:.8em;}
#rightCol h2 {margin-top:2.5em;}
.navigation li{list-style:none;  text-align:left;  padding-right:1em;  font-size:.8em; padding-bottom:0;}
.navigation a{display:block; padding:.2em 0 .2em .7em; color:#999999; margin-bottom:.1em;}
.navigation a:visited{color: #999999;}
.navigation li.active a{color:#FFFFFF; background-image:url(/images/menu-fade.png); -moz-border-radius:.5em; -webkit-border-radius:.5em;}
 
/* misc */
.siteHeadingText { font-size:3em; float:left; margin: .5em 0 0 .5em; color: #0099FF; font-weight:bold;}
.lightGrey{color:#CCCCCC;}
ul.dykList{margin:0;}
ul.dykList li{list-style:none; font-size:1.2em;}
.dyk{color:#009FD9; display:block; width:20%; text-align:right; margin-right:.3em; background-color:#99FF00L; float:left;}
.dykText{float:left; display:block; width:70%; margin-bottom:1em;} 
.mildBlue{color:#68B2FB;}
span.copy{color:#66CCFF; font-size:.8em;}
.lineBlue{background-color:#ACE4FD; height:.5em; margin-top:1em;}
.blue {color:#0000FF;}
a.blue {color:#0000FF;}
.center {text-align:center;}

.googleSearch{float:right; margin:2em 1em 0 0;}
.googleSearch input{font-size:1em;}
.googleSearch .border{border:#0194E5 2px solid; padding:.2em;}
#cse-search-results{margin-left:1em;}
  
.pagePagintionLinks{text-align:center;}
.pagePagintionLinks a{padding:.5em;}
.pagePagintionLinks a:hover{background-color:#0066FF; padding:.5em;}
.pagePagintionLinks a span{}

/* page numbers (bottom navigation) */
.pagePagintionLinks{font-size:1.2em; margin:2em 0 1em 0;}
.pagePagintionLinks a{color:#999999; padding:.3em .5em .3em .5em; -moz-border-radius:.2em; -webkit-border-radius:.2em;}
.pagePagintionLinks a:hover, .pagePagintionLinks span{background-color:#009FD9; color:#FFFFFF; padding:.3em .5em .3em .5em; -moz-border-radius:.2em; -webkit-border-radius:.2em;} /* span tag used to signify active page */
.pagePagintionLinks a:hover{background-color:#00AFF2;}
.pagePagintionLinks .next{color:#0000FF;}