body{
	background-color: #BAC5DB;

}

#ddcontainer{
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #00A2E2;
	border-right-color: #00A2E2;
	border-left-color: #00A2E2;
}

#topsection{
	height: 200px;
	background-image: url(../images/topBanner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.leftcell {
	background-color: #C0E6F9;
	vertical-align: top;
	width: 192px;
}

#content {
	background-color: #FFFFFF;
	border: 1px solid #00A2E2;
	padding: 8px;

}
#footer {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #97D05D;
	color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #009FDC;
	border-bottom-color: #049FE2;
	border-left-color: #049FE2;
}

.innerWrap {
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	vertical-align: top;
	background-color: #D3B9DC;
}

.ddsidemenu{
	background-color: #00A2E2;
	border-bottom-width: 0;
	width: 180px;
	margin-top: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-left: 5px;
}

* html .ddsidemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 174px;
}

.ddsidemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.ddsidemenu a{
	font: bold 13px Verdana;
	padding: 4px 3px;
	display: block;
	width: 100%; /*Define width for IE6's sake*/
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.ddsidemenu a:visited{
color: #FFFFFF;
}

html>body .ddsidemenu a{ /*Non IE rule*/
width: auto;
}

.ddsidemenu a:hover{
background-color: #EDBBBE;
color: #000000;
}
#footer #flinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
}
#footer #flinks a {
	color: #6699FF;
	text-decoration: none;
}
#footer #flinks a:hover {
	text-decoration: underline;
}
.photodiv{ /*CSS for DIV containing each image*/
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	height:100px;
	overflow: hidden;
}

.photodiv img{ /*CSS for each image tag*/
width: 125px;
/*height: 77px;*/
cursor: hand;
cursor: pointer;

}

.albumnavlinks{ /*CSS for DIV containing the navigational links*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 20px;
}

.albumnavlinks a{ /*CSS for each navigational link*/
margin-right: 5px;
padding: 1px 5px;
border: 1px solid #CCCCCC;
text-decoration: none; 
color: #999999;
font-weight: bold;
}

.albumnavlinks a:hover, .albumnavlinks a.current{ /*CSS for currently selected navigational link*/
	border: 1px solid #666666;
	background-color: #CCCCCC;
	color: #666666;
}

/* ######### CSS for thumbnail viewer plugin ######### */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 8px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;  
box-shadow: 5px 5px #818181; /* Experimental box shadow properties*/
-webkit-box-shadow: 5px 5px #818181;
-moz-box-shadow: 5px 5px #818181;
-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true)"; /* IE8 drop shadow*/
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true); /* IE drop shadow*/
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 14px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
margin: 5px;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 10px;
font: bold 14px Arial;
z-index: 5;
}

.newsScroll {
	margin: 5px;
	padding: 5px;
	float: right;
/*    height: 200px;
 	overflow: hidden;*/
	width: 180px;
	border: 1px solid #CCCCCC;
	
}
.newsScroll h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.newsScroll p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}