body {margin: 0px;padding: 0px; color:#333333; font-family:Arial, Helvetica, sans-serif;}
/* color scheme:
dark green for link text: #507256
dark purple for page heads: #553378
light green in subnav: #d7e9da
*/

#site {background-image:url(images/layout_05.jpg); background-repeat:repeat-y;}
#left {background-image:url(images/layout_03.jpg); background-repeat:no-repeat; height:500px; width:200px; font-family: "Arial Narrow", Arial;}
#main {background-image:url(images/layout_04.jpg); background-repeat:no-repeat; height:500px;}
#content {width:588px; margin:10px 32px 0px 25px; font-size:12px;}
#footer {background-image:url(images/layout_06.jpg); background-repeat:no-repeat; height:50px; text-align:center; font-size:12px; color:#507256; font-family: "Arial Narrow", Arial;}
#footer p {padding:5px;}


.mainmenu a {width:163px;	font-size:13px; text-transform:uppercase; color:#ffffff; padding-left:34px; text-decoration:none; color:#ffffff; display:block; padding-top:4px; height:26px;  background-image: url(images/navback.gif); background-repeat: no-repeat;}
.mainmenu a:hover {width:163px;	font-size:13px; text-transform:uppercase; color:#ffffff;padding-left:34px; text-decoration:none; color:#ffffff; display:block; padding-top:4px; height:26px;  background-image: url(images/navback2.gif); background-repeat: no-repeat;}

.mm-on a {width:163px;	font-size:13px; text-transform:uppercase; color:#ffffff; padding-left:34px; text-decoration:none; color:#ffffff; display:block; padding-top:4px; height:26px;  background-image: url(images/navback2.gif); background-repeat: no-repeat;}
.mm-on a:hover {width:163px;	font-size:13px; text-transform:uppercase; color:#ffffff;padding-left:34px; text-decoration:none; color:#ffffff; display:block; padding-top:4px; height:26px;  background-image: url(images/navback2.gif); background-repeat: no-repeat;}

.suboff {display:none;}

.submenu a {width:175px; margin-left:22px;display:block; height:14px; background-color:#d7e9da; background-image:none; padding:2px 0px 4px 0px; text-transform:none; text-indent:22px; font-size:12px; color:#507256; border-bottom:solid 1px #b9c9bc; text-decoration:none;}
.submenu a:hover {width:175px; margin-left:22px;display:block; height:14px; background-color:#d7e9da; background-image:none; padding:2px 0px 4px 0px; text-transform:none; text-indent:22px; font-size:12px; color:#000000; border-bottom:solid 1px #b9c9bc; text-decoration:none;}

h1 {color:#507256; font-size:22px; border-bottom:solid 1px #507256; text-transform:uppercase; font-family: "Arial Narrow", Arial;}
h2 {color:#507256; font-size:18px; border-bottom:solid 1px #507256; margin:5px 0px 0px 0px; font-family: "Arial Narrow", Arial;}
.portback{background-image:url(images/port/portback.jpg); background-repeat:repeat-y; background-position:center;}
#highlight { width:185px; margin:3px 5px 3px 5px; font-size:11px; text-align:center;}
.highlight-desc {color:#507256; background-color:#d7e9da;}
.highlight-cat {font-weight:bold; color:#ffffff; background-color:#507256;}
.highlight-viewall {color:#507256; background-color:#d7e9da;}
#highlight a {color:#507256; text-decoration:none;}
#highlight a:hover {color:#000000;}
#portlist {width:100%;}
#portlist p {margin:0px 0px 0px 0px; border-bottom:solid 1px #b8c9bc; padding:6px;}

#feat {margin-bottom:30px;}
.ptitle {font-size:14px; color:#ffffff; text-align:center; height:20px; background-color:#553378;}
.desc {text-align:center; color:#ffffff; padding:5px; font-size:12px; background-color:#553378; }

#scroll img {padding-top:5px; cursor:pointer;}
img#up {padding-top:0px;}


#album_c {width:570px; display:block; overflow:hidden; margin-left:5px;}
#album {width:260px; float:left;  height:201px; margin:10px; border:solid 1px #507256;}
#albumdeschead {display:block; text-align:center; padding:6px 0px; width:260px; background-color:#507256; color:#ffffff; font-size:14px; font-weight:bold; text-transform:uppercase;}
#albumdeschead a {color:#ffffff; text-decoration:none;}
.albumtable td{padding:2px;}
.albumtable td img {border:solid 1px #507256;}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(/images/colorbox/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(/images/colorbox/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(/images/colorbox/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(/images/colorbox/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(/images/colorbox/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#507256; font-size:12px;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494; font-size:12px;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef; font-size:12px;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; font-size:12px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; font-size:12px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}