/* layout styles */

body { margin:0; padding:0; background-color:#a1bdd2;}
#mainContainer { width:950px; margin:auto; background-image:url(../images/mainBG.jpg); background-repeat:no-repeat; background-position:0 72px; height:600px; border: 1px solid #000000; border-top:none;}
#navContainer { width:777px; height:33px; position:relative; top:35px; left:85px;}
#bodyContainer { background-image:url(../images/bodyContentBG.jpg); background-repeat:no-repeat; width:717px; height:329px; position:relative; top:35px; left:85px; padding:30px 30px 0 30px;}
#bodyLeft { float:left; height:300px; width:390px; overflow:auto; margin:0px;}
#bodyRight { float:left; height:300px; width:325px; overflow:auto;}
#bodyAdmin { width:100%; height:300px; overflow:auto;}
#footer { position:relative; width:800px; top:88px; left:75px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#404040; }
/*photogallery*/
#bodyPhotos { z-index:99; position:absolute;}
.bodyPhotos { width:717px; height:300px; overflow:auto; vertical-align:top; }
.bodyPhotosExpanded { width:717px; height:100%; vertical-align:top; overflow: visible;}
.bodyPhotos a:link, .bodyPhotos a:visited, .bodyPhotos a:active { width:210px; height:150px; overflow:hidden; display:block; margin:0 5px 5px 0; text-align:center; background-color:#cddaeb; border:solid 2px #9ab1c3; vertical-align:top; float:left;}
.bodyPhotos a:hover { height:auto;}
.bodyPhotos img { border:none; padding:5px 0;}

.bodyPhotosExpanded a:link, .bodyPhotosExpanded a:visited, .bodyPhotosExpanded a:active { width:210px; height:150px; overflow:hidden; display:block; margin:0 5px 5px 0; text-align:center; background-color:#cddaeb; border:solid 2px #9ab1c3; vertical-align:top; float:left;}
.bodyPhotosExpanded a:hover { height:auto;}
.bodyPhotosExpanded img { border:none; padding:5px 0;}

/* admin styles */
a.actionBtn:visited, a.actionBtn:active, a.actionBtn:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:2px 5px; background-color:#ecf6ff; border: 1px solid #a4aeb7; text-decoration:none;}
a.actionBtn:hover { background-color:#FFFFFF; text-decoration:none;}
th {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:left; padding-bottom:3px;}
td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

/* content styles */

a, a:visited, a:active, a:focus { outline:0; color:#20385e; text-decoration:none; }
a:hover { color:#000033; text-decoration:underline;}

.itemHeader{ color:#000000; font-weight:bold; text-decoration:none;}

h1 { color:#404040; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; margin-top:10px;}
h2 { color:#404040; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; margin:4px 0; padding:0; }
p, form, ul { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

li { padding-right:10px; margin-bottom:4px;}

#footer a:visited, #footer a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#404040; text-decoration:none; padding:0 10px;}
#footer a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000; text-decoration:underline; padding:0 10px;}

.hero { border:1px #000000 solid; margin-left:15px;}

#showcase li { margin-bottom:10px;}
#showcase li a { cursor:pointer; }
#showcase li span { cursor:pointer;}

/* submenu styles */

#subMenu {list-style-type:none; margin:0; padding:0 0 0 30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width:747px; height:22px; background-image:url(../images/subMenuBG_MS.gif); z-index:10;}

#subMenu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#subMenu li span {display:block; z-index:100; background:#9ab1c3; padding: 0px 5px; font-size:10px; z-index:100;}
#subMenu li a, #subMenu li a:visited {display:block; padding:0; z-index:100;}

#subMenu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; z-index:100;}
#subMenu dt {background: #9ab1c3; margin:0; font-size: 10px; float:left; border-right:1px solid #000; z-index:100;}
#subMenu dd {display:none; background: transparent; clear:left; margin:0; padding:0; color: #fff; font-size: 10px; text-align:left; z-index:100;}

#subMenu dt a, #subMenu dt a:visited {display:block; color:#000; padding: 5px 10px; text-decoration:none; z-index:100;border-bottom:1px solid #cce;}
#subMenu dd a, #subMenu dd a:visited {background:#9ab1c3; color:#fff; text-decoration:none; display:block; padding: 5px 10px; z-index:100;border-bottom:1px solid #cce;}

#subMenu li a:hover {border:0;}

#subMenu li:hover dd, #subMenu li a:hover dd {display:block; z-index:100;}
#subMenu li:hover dl, #subMenu li a:hover dl {border-bottom:15px solid #7f92a1; z-index:100;}
#subMenu li:hover dt a, #subMenu li a:hover dt a, #subMenu dd a:hover {background: #7f92a1; color:#000000; z-index:100;}

.errorField { background-color: red; }
.errorText { color: red; }