/* CSS Document */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	font: normal 11px "century gothic";
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}

body {
	margin: 0px;
	padding: 0px;
	font: normal 11px "century gothic";
	background: repeat-x url(../images/bg-gradient.jpg) #00FFCC;
}

#maincontainer {
	margin:auto;
	position:relative;
	width:800px;
	background-color:#FFFFFF;
}

#top {
background: no-repeat url(../images/top.jpg);
margin: 0 0 0 25px;
}

.spacer {
background: no-repeat url(../images/dash.jpg);
margin: 3px 0 0 25px;
}

#mainimg {
margin: 0 0 0 25px;
}

#nav {
height:25px;
width: 750px;
background: repeat-x url(../images/navbg.jpg);
margin: 0 0 0 25px;
}

#nav li {
background:  no-repeat url(../images/ligrad.jpg);
	font: 16px "century gothic";
	display: inline;
	list-style-type: none;
	padding: 0 17px 4px 17px;
}

#nav li a {
color: #003333;
text-decoration:none;
margin-top:15px;

}

#nav li a:hover {
color:#FF0000;
}

#subcontainer {
background: repeat-x url(../images/textbg1.jpg);
float: left;
width: 750px;
margin: 7px 0 0 25px;
}

#subcontainer h1 {
font: 16px "century gothic";
padding:5px 0 0 10px;
color:#666666;
}

#subcontainer p {
padding: 15px 10px 15px 10px;
font: 14px "century gothic";
color:#FFFFFF;
}

.ltext {
float: left;
width: 375px;
}

.ltext h1 {
font: bold 16px "century gothic";
color: #FFFFFF;
padding: 10px 0 0 10px
}

.ltext p {
padding: 0 5px 7px 10px;
font: 14px "century gothic";
color:#FFFFFF;
}

.rtext {
background: no-repeat url(../images/textbg1.jpg);
width:375px;
float: left;
}

.rtext p {
font: 14px "century gothic";
padding:0 0 0 10px;
color:#666666;
}

.rtext a {
text-decoration:none;
color:#666666;
margin: 30px 0 0 10px;
}

.rtext a:hover {
color:#FF0000;
}

.rtext li {
background: no-repeat url(../images/libg.jpg);
font: 14px "century gothic";
list-style-type: none;
padding: 4px 0 2px 75px;
color:#666666;
}

.rtext li a {
text-decoration:none;
color:#666666;
}

.rtext li a:hover {
color:#FF0000;
}

#footer {
margin: 10px 0 0 25px;
}

#footer a {
font: 12px "century gothic";
color:#003333;
padding:5px 3px 0 3px;
text-decoration:none;
}

#footer a:hover {
	border-bottom: 1px dotted #003333;
}

.right {
    float: right;
    padding: 5px;
}
.left {
    float: left;
    padding: 5px;
    border-bottom: 1px dotted #453825;
}

.photogallery{ /*CSS for TABLE containing a photo album*/
margin: 10px 23px 10px 23px;
}

.photogallery img{ /*CSS for images within an album*/
margin:0 24px 0 24px;
border: 1px solid #666666;
}

.photonavlinks{ /*CSS for pagination DIV*/
font: 14px "century gothic";
color:#666666;
}

.photonavlinks a{ /*CSS for each navigational link*/
color:#666666;
margin-right: 2px;
top: 20px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid #666666;
text-decoration: none;
background-color: #FFFFFF;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: yellow;
}