/*
Dark Blue					113f6b
Yellow						e6c14c
Background Light Blue		a4b2c0
Sitemap blue 				446c9f
 */
body {text-align: center; margin: 0; padding:0; background-color: #a4b2c0; font-size: 62.5%; font-family: Helvetica, Arial, sans-serif;}
a,a:active,a:visited {color: #113f6b; text-decoration: none;}
a:hover {color: #e6c14c; text-decoration: underline;}
a img, a:visited img, a:active img, a:hover img {border: 0 none;}
.hide {display: none;}
.caption {margin: 0; padding: 2px; border-bottom: 3px solid #e6c14c; display: block; font-size: 1em; background-color: #113f6b; color: #fff;}
.clearboth {clear: both;}
.hide {display: none;}
.lnkhover {cursor: pointer; color: #fff;}
#outer {background: url(../images/pageshadow.gif) repeat-y; width: 980px; margin: 0 auto;}
#outerfooter {background: url(../images/footer.gif) no-repeat;width: 980px; height: 25px; margin: 0 auto;}
#container {width:950px; margin:0 auto; background-color: #fff; text-align:left; /*position:relative;*/}
#header {height: 260px; position: relative; z-index: 2;}
#printhead {display: none;}

#masthead {width: 950px; height: 260px; /*position: relative; z-index: 1;*/}
#masthead_std {float: left; margin: 0 0 0 30px; /*position: absolute; z-index: 2; top: 0; left: 30px;*/ width: 230px; background: transparent url(../images/opaque_113F6B_90.png) repeat scroll 0 0; height: 260px; text-align: center;}
#masthead_ie {float: left; margin: 0 0 0 30px; /*position: absolute; z-index: 2; top: 0; left: 30px;*/ width: 230px; background: transparent url(../images/opaque_113F6B_90.png) repeat scroll 0 0; height: 260px; text-align: center; display: none;}
#logotype {margin-top: 20px;}
#jslogotype {margin-top: 45px;}

#nav {float: right; margin: 30px 0 0 0; /*position: absolute; z-index: 2; top: 30px; right: 0;*/ width: 655px; background: transparent url(../images/opaque_113F6B_90.png) repeat scroll 0 0; height: 30px; border-bottom: 2px solid #e6c14c;}
#nav li.current {color: #fff; outline: 0; background: transparent url(../images/opaque_113F6B_90.png) repeat scroll 0 0;}
#nav li.current a, #nav li.current a:active, #nav li.current a:visited {color: #fff;}

#content {position: relative;  z-index: 1; width: 890px; height: 100%; min-height: 500px; padding: 0 30px; /*background-color: #fff;*/ overflow: hidden; font-size: 1.2em;}
#sidenav {background: transparent url(../images/opaque_113F6B_90.png) repeat scroll 0 0; width: 230px; height: 100%; min-height: 400px; /*position: relative; z-index: 2;*/}
#sidenav div.section {background: transparent url(../images/opaque_e6c14c_90.png) repeat scroll 0 0; color: #fff; font-size: 1em; padding: 10px 5px 10px 10px;}
#sidenav div.section img {vertical-align: middle;}

#homesitemap {overflow: hidden; background: #446c9f; width: 950px; margin: 20px 0 0 0;}
#homesitemap div.sitemapcontainer {width: 890px; padding: 30px; overflow: hidden;}
#homesitemap a, #homesitemap a:active, #homesitemap a:visited {color: #fff;}
#homesitemap a:hover {color: #e6c14c;} 
#homesitemap div.sitemapcontainer ul.circuitsection {float: left; width: 120px; list-style: none; margin: 0 14px 0 0; padding: 0;}
#homesitemap div.sitemapcontainer ul.lastitem {margin: 0; width: 85px;}
#homesitemap div.sitemapcontainer ul.circuitsection li {color: #fff; font-size: 0.95em; padding: 2px 0}
#homesitemap div.sitemapcontainer ul.circuitsection li.section {color: #113f6b; font-size: 1em;}


.navigationlist {/*list-style: inside; */list-style-type: none; padding: 0; margin: 0; color: #e6c14c; font-size: 1em;}
.navigationlist img {vertical-align: middle;}
.navigationlist li {border-bottom: 2px solid #e6c14c; padding: 10px 5px 10px 10px;}
.navigationlist li a, .navigationlist li a:active, .navigationlist li a:visited {color: #e6c14c;}
.navigationlist li a:hover {color: #fff; text-decoration: none;}
.navigationlist ul {list-style-type: none; margin: 0 0 0 15px; padding: 10px 0;}
.navigationlist ul li {border-bottom: 0; padding: 2px 0 2px 5px;}
.navigationlist li.sel, .navigationlist li.sel a, .navigationlist ul li.sel, .navigationlist ul li.sel a {color: #fff;}
.navigationlist li.sel a:hover, .navigationlist ul li.sel a:hover {color: #e6c14c;}
.navigationlist li ul {margin: 0 0 0 5px; padding: 0;}
.navigationlist li.sel ul li a, .navigationlist ul li.sel ul li, .navigationlist ul li.sel ul li a {color: #e6c14c; padding: 2px 0 0 5px;}
.navigationlist li.sel ul li a:hover, .navigationlist ul li.sel ul li a:hover {color: #fff;}   

#sidenav div.searchbox {overflow: hidden; margin: 0 15px 15px 10px; padding: 0 0 15px 0;}
#sterm {width: 190px; height: 20px; background-color: #113f6b; color: #e6c14c; padding: 4px 2px 0 4px; font-size: 0.9em; border: 1px inset #113f6b; -moz-border-radius: 3px;}
#sidenav div.searchbox div.txtsize {float: left; width: 49%; color: #e6c14c; font-size: 0.9em;}
#sidenav div.searchbox div.txtsize span.smallA {font-size: 1.2em;}
#sidenav div.searchbox div.txtsize span.mediumA {font-size: 1.3em;}
#sidenav div.searchbox div.txtsize span.largeA {font-size: 1.4em;}
#sidenav div.searchbox div.prnt {float: right; width: 49%; text-align: right; color: #e6c14c; font-size: 0.9em;}

#pagecontent {width: 630px; float: right; position: relative; display: inline;}
#breadcrumb {width: 630px; color: #113f6b; overflow: hidden;}
#breadcrumb p {margin: 15px 0;}
#breadcrumb a, #breadcrumb a:active, #breadcrumb a:visited {color: #113f6b;}
#breadcrumb a:hover {color: #e6c14c;}
#breadcrumb span.breadcrumb_divider {padding: 0 7px; text-align: center;}
#textcontent {width: 630px; margin: 0 0 30px 0; color: #113f6b; overflow: hidden; position: relative;}
#textcontent h1, #textcontent h2, #textcontent h3, #textcontent h4, #textcontent h5, #textcontent h6 {margin: 0; color: #113f6b;}
#textcontent h1 {font-size: 1.8em; margin: 0 0 15px 0;}
#textcontent h2 {font-size: 1.4em;}
#textcontent h3 {font-size: 1em;}
#textcontent h4 {font-size: 1em;}
#textcontent h5 {font-size: 1em;}
#textcontent h6 {font-size: 1em;}
#textcontent p {line-height: 1.3em; margin-top: 0;}
#textcontent p.imgleft {float: left; margin: 0 10px 10px 0;}
#textcontent p.imgright {float: right; margin: 0 0 10px 10px;}
#textcontent a, #textcontent a:active, #textcontent a:visited {color: #113f6b; text-decoration: underline;}
#textcontent a:hover {color: #e6c14c; text-decoration: underline;}
#textcontent table {margin-bottom: 15px;}
#textcontent span.smallgreytext {font-size: 0.8em; color: #808080;}
div.fullwidth {width: 890px !Important;}

/* home template */
div.homecontainer {width: 630px; overflow: hidden; margin: 15px 0; color: #113f6b;}
div.homecontainer div.newsitem {float: left; width: 200px; margin: 0 15px 0 0;}
div.homecontainer div.lastitem {margin: 0;}
div.homecontainer div.newsitem p {margin: 2px 0;}
/* end home template */

/* Photo gallery css */
#photocontainer {width: 100%; margin: 0 0 20px 0; overflow: hidden;}
#photocontainer div.thumbnails {width: 100%; margin: 0; overflow: hidden;}
#photocontainer div.thumbnails > p {margin: 10px 0 10px 0; padding: 0;}
.hide {display: none;}
#photocontainer div.thumbnails > p.imgleft {float: left ;padding: 0; margin: 0 20px 5px 0; width: 75px; height: 75px; overflow: hidden; display: inline; position: relative;}
#photocontainer div.thumbnails > p.imgleft {border: 1px solid #C0C0C0; padding: 5px;}
#photocontainer div.thumbnails > p.norightmargin {margin-right: 0;}
#photocontainer div.thumbnails > p.imgleft > .caption {margin: 0 0 0 0; padding: 0 2px; width: 71px; background-color: #113f6b; color: #fff; height: 16px; display: inline-block;}
.pagenum {padding-right: 4px;}
p.alignright {text-align: right; margin: 0 5px 0 0;}
.cp {font-weight: bold;}
/* Photo gallery css end */

/* flickr template css */
.photogridcontainer {width: 529px; margin: 0 20px;}
.photogrid {float: left; width: 140px; border: 1px solid #000; padding: 5px; margin: 5px 5px;}
.photogrid h4 {font-size: 12px; font-family: Arial,Helvetica,Verdana,sans-serif; margin: 2px 0; padding: 0;}
.photogrid p {font-size: 12px; font-family: Arial,Helvetica,Verdana,sans-serif;}
.floatleft {float: left; width: 75px; margin: 0 5px 0 0;}
p.clearleft {clear: left; margin: 0; padding: 0;}
/* flickr template css end */

#footcontainerouter {width:980px; min-height: 65px; background: url(../images/footershadow.gif) repeat-y; margin: 0 auto;}
#footcontainer {width: 950px; height: 100%; min-height: 65px; margin:0 auto; padding: 10px 0 0 0; text-align:left; background: url(../images/footer_coatofarms.gif) no-repeat 30px 10px; border-top: 5px solid #e6c14c;}
#footer {margin: 0; padding: 0; width: 950px; overflow: hidden;}
#footer p {margin: 0 0 0 50px; padding: 10px 30px 0 30px; font-size: 1.1em; line-height: 1.2em; color: #fff; clear: left;}
#footer p a, #footer p a:active, #footer p a:visited {color: #fff;}
#footer p a:hover {color: #e6c14c;} 
#footlinks {margin: 0 0 0 50px; padding: 10px 30px 0 30px; overflow: hidden; list-style: none; font-size: 1.1em; display: block;}
#footlinks li {float: left; padding: 0 1px 0 1px; margin: 0; color: #fff; display: inline;}
#footlinks li.middot {padding: 2px 6px 0 6px; font-size: 0.8em;}
#footlinks li a {display: block; color: #fff; text-decoration: none;}
#footlinks li a:hover {color: #e6c14c;}
#footlinks li.first {padding: 0;}
#footlinks li.last {clear: right;}