/* Place all positional styles here
	colors: 
	dark blue is #00338e; 
	yellow is #ffe400; 
	cream background is #f6f3c0
	header font: Gill Sans
 */
body {text-align:center; margin: 0; padding:0;}
/* a img {border: none; margin:0; padding:0;} */
a img, a:visited img, a:active img, a:hover img {border: 0 none;}
p {margin: 5px 0 0 0; padding: 0;}
h1 {margin: 0; padding: 0;}
h2,h3,h4,h5,h6 {margin: 0; padding: 0;}
.hide {display: none;}
.caption {margin: 0; padding: 2px; /* border-bottom: 3px solid #e7b74b; */ display: block;}
.imgright {float: right; padding: 0 0 5px 5px;}
.imgleft {float: left; padding: 0 5px 5px 0;}
#outer {background: url(../images/site_gfx/shadow.gif) repeat-y; width:780px; margin:0 auto;}
#outerfooter {background: url(../images/site_gfx/footer.gif) no-repeat; width:780px; margin:0 auto; height: 90px; padding: 0;}
#container {width:750px; margin: 0 auto; background: #f5f5d6; text-align:left; position:relative;}
#header {}
#printhead {display: none;}
#masthead_home {width: 750px; height: 145px; margin: 0; padding: 0;}
#masthead_home img {border: 0;}
/* #nav {padding: 0; width: 750px; height: 25px; background: #ce5d5e;}
#navlinks {margin: 0; padding: 0; overflow: hidden; width: 750px; min-width: 750px; height: 25px; min-height: 25px; float: right; display: inline;} */
/* #navie6 {padding: 0 15px 0 250px; margin: 0; width: 485px; min-width: 485px; height: 30px; background: #31378e; border-bottom: 5px solid #e7b74b;} */
/* #navie6 img {border: 0;} */
#nav {padding: 0 40px 0 40px; margin: 0; width: 670px; min-width: 670px; height: 30px; background: #ffe400;}
#nav img {border: 0;}
#navlinks {margin: 0; padding: 0; overflow: hidden; width: 670px; min-width: 670px; height: 30px; min-height: 30px; float: right; display: inline;}
#navlinks {list-style: none;}
#navlinks li {float: left; padding: 0; margin: 0;}
#navlinks li a {display: block;}
#content {width: 750px; height: 100%; min-height: 530px; padding: 0;}

#pagecontent {margin: 5px 0 0 0; padding: 0 40px 0 40px; width: 670px;}

#breadcrumb {width: 670px; height: 30px; padding: 0 40px 0 40px; margin: 0; background-color: #00338e;}
#breadcrumb .trail {float: left; width: 500px; margin-top: 9px; padding: 0; vertical-align: middle; position: relative;}
#breadcrumb .searchcontainer {float: right; width: 170px;}
input.searchbox {background-color: #f6f3c0; margin-top: 4px; width: 160px; float: right;}

#navcol2 {width: 150px; float: right; margin: 45px 0 2px 0; padding: 0;}
p.navinstruct {padding:0 0 0 25px; margin: 0; display: inline;}
#navcol2 ul {list-style: none;}
.rightnav0 {padding: 0 0 0 35px; margin: 0;}
.rightnav1 {padding: 0 0 0 10px; margin: 0;}
.rightnav2 {padding: 0 0 0 10px; margin: 0;}
.rightnav3 {padding: 0 0 0 10px; margin: 0;}

#textcontent {width: 500px; float: left; padding: 10px 0 0 0; margin: 0;}
.fullwidth {width: 670px;}

/* Templates start */
/* image left, para right */
p.imgleft {float: left; margin: 0 10px 10px 0; padding: 0; display: inline;}
/* image left, para right end */
/* image right, para left */
p.imgright {float: right; margin: 0 0 10px 10px; padding: 0; display: inline;}
/* image right para left end */
p.largeimage {padding: 0;}
/* large image, 3 images below in a row */
p.imagerow {float: left; margin: 0 25px 0 0; padding: 0;}
p.last {margin: 0;}
/* Home page template */
.mainimage {width: 670px; margin: 10px 0 0 0; padding: 0;}
.boxcontainer {width: 670px;}
p.contentbox {float: left; width: 150px; margin: 20px 23px 20px 0; padding: 0;}
div.eventbox {float: left; width: 151px; margin: 20px 0 20px 0; padding: 0;}
div.eventbox dl {margin: 0; padding: 0;}
div.eventbox dt, dd {margin: 0; padding: 0;}
div.eventbox dd {margin: 0 0 5px 0;}
p.contentbox .caption {margin: 0; padding: 2px; display: block; width: 146px;}
#homelogin {width: 310px; overflow: hidden;}
#homelogin div.loginrow span.label {float: left; width: 65px; text-align: right; padding-right:2px;}
/* Home page template end */

/* Photo gallery css */
#photocontainer {width: 100%; margin: 0;}
div.thumbnails {width: 100%; margin: 0;}
div.thumbnails > p {margin: 10px 0 10px 0; padding: 0;}
.hide {display: none;}
div.thumbnails > p.imgleft {float: left ;padding: 0; margin: 0 2px 2px 0; width: 100px; height: auto; min-height: 90px; overflow: hidden; display: inline; position: relative;}
div.thumbnails > p.imgleft {border: 1px solid #C0C0C0; padding: 5px;}
#photocontainer .caption {margin: 0; padding: 0 2px 0 2px; /*width: 81px;*/ background-color: #00338e; color: #FFF; /*position: absolute; top: 72px; left: 4px; height: 16px;*/}
.magnifier {float: right; margin-top: 2px; /*position: absolute; top: 72px; left: 89px; width: 16px;*/ background-color: #00338e; /*text-align: right;*/}
.magnifier a {position: relative;}
.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: 540px 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 */

/* Templates end */

/* Login form css start */
div.loginrow {clear: left;padding: 2px 3px; overflow: hidden;}
div.loginrow span.label {float: left; width: 150px; text-align: right; padding-right:2px;}
div.loginrow span.formw {float: left; text-align: left;}
div.loginrow span.submitbtn {float: left;}
.btn {vertical-align: middle;}
/* Login form css end */

/* original calendar css start */
#calendarnav {text-align: right; padding:0 0 5px 0;}
#calendar { width: 500px;}
.caldate {width: 70px; min-width: 70px; padding: 0; margin: 0 20px 0 0; float: left; vertical-align: top;}
.calevent {border-left: 1px solid black; margin: 0; padding: 0 0 0 20px; width: 370px; min-width: 370px; float:right;}
.calclear {clear: both; border-left: 1px solid black; margin-left: 109px;}
/* original calendar css end */

/* new calendar (10-2008) css start */
#calendarnav {text-align: right; padding:0 0 5px 0;}
#newcalendar { width: 500px;}
.newcaldate {width: 500px; background: url(../images/site_gfx/caldate_bg.gif) repeat-x; /*background-color: #ccd6e8;*/ color: #00338e; padding: 2px 0; font-size: 1.1em !important;}
.newcaldate span.day {display: block; float: left; width: 60px; margin: 0 0 0 10px;}
.newcaldate span.date {display: block; float: right; text-align: right; margin: 0 10px 0 0;}
.newcalevent {border-bottom: 1px solid #C0C0C0; padding: 7px 10px;}
.newcalevent span.time {display: block; float: left; text-align: left; margin: 0 5px 0 0; width: 45px;}
.newcalevent span.map {display: block; float: right; text-align: right; margin: 0 0 0 5px;}
span.map img {border: 1px solid #666; padding: 1px; background-color: #CCD6E8; margin-top: -3px;}
/* new calendar end */

#footcontainer {width:750px; margin:0 auto; padding: 0; /* background: #FFF; */ text-align:left; /* position:relative; */}

#footer {margin: 0; padding: 0; width: 750px; /* height: 60px; border: 1px dashed green; */}

p.footer {width: 670px; margin: 0; padding: 0 40px 0 40px; text-align: left; /* border: 1px dashed red; */ display: block;}

#footlinks {width: 670px; margin: 0; padding: 10px 40px 0 40px; overflow: hidden; /* border: 1px dashed red; */ /* float: left; */ /* display: inline; */}
#footlinks {list-style: none;}
#footlinks li {float: left; padding: 0 1px 0 1px; margin: 0;}
#footlinks li.middot {padding: 0 2px;}
#footlinks li a {display: block;}
#footlinks li.first {padding: 0;}
#footlinks li.last {clear: right;}
.clearboth {clear: both;}
.clear {clear: both;}