<!--
* {
	margin: 0;
	padding: 0;
}
html, body {  
height: 100%;

} 
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	margin-right:auto;
	margin-left:auto;
	background-color:#CCCCCC;
	background: #8e97a7 url(../images/background.gif) top center repeat-y;
}

#container {
	text-align: left;
	width: 720px;
	margin-right:auto;
	margin-left:auto;
	width: 720px;
}
#header-image {
	text-align: left;
	margin-right:auto;
	margin-left:auto;
	width: 720px;
	height: 117px;
}
#title {
	width: 300px;
	padding-top:50px;
	font-size:24px;
	font-weight:bold;
	color:#FFFFFF;

}
#content {
position:relative;
	text-align: left;
	margin-right:auto;
	margin-left:auto;
	width: 720px;
}
.spacer {
position:relative;
float:left;
background-color:#ffffff;
width: 720px;
height:4px;
color:#FFFFFF;
font-size:1px;
}
#bottom-nav li { /* all lists */
	padding: 0 0 0 5px;
	margin: 0;
	list-style: none;
	z-index:100;
	float:center;

}
#bottom-nav a { /* all lists */
font-size:100%;
	
}
#bottom-nav { /* all lists */
width:720px;
	
}
.spacer-short {
position:relative;
float:left;
background-color:#ffffff;
	width: 400px;
	height:4px;
	font-size:1px;
}
.line-spacer {
	width: 660px;
	height:5px;
	font-size:1px;
	background-color:#FFFFFF;
	overflow:hidden;
}
#top {
position:relative;
	width: 720px;
	height:176px;
	margin-right:auto;
	margin-left:auto;
	background-color:#999999;
	vertical-align:text-bottom;
	background-image:url(../images/top.gif)
}
#menu {
position:relative;
float:left;
	font-size:90%;
	width: 706px;
	height:30px;
	padding-top:14px;
	padding-left:14px;
	background-image:url(../images/buttons.gif);
	text-align:left;
}
#menu p{
color:#FFFFFF;
	text-align:left	;
	font-size:90%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
}
#bottom {
	position:relative;
	
	margin-right:auto;
	margin-left:auto;
	width: 720px;
	height:90px;
}
#bottom-line {
	position:relative;
float:left;
	width: 720px;
	height:5px;
	font-size:1px;
	margin:8px 0 8px 0;
	background-image:url(../images/bottom-line.gif)
}

#home-image {
position:relative;
float:left;
MARGIN-right:4px;
	width: 426px;
	height:324px;
	background-image:url(../images/home-image.jpg);
}
#gallery-space {
float:left;
width: 430px;
}
.line {
padding-top:8px;
padding-bottom:8px;
}
#general-images {
font-size:80%;
float:right;
	width: 216px;
	background-color:#3c547d;
	padding:8px;
	color:#000000;

}
#general-text {
font-size:80%;
float:left;
	width: 456px;
	background-color:#ffffff;
	padding:12px;
	color:#000000;
	border:#a5a5a5 solid 1px;

}
#links-text {
font-size:80%;
float:left;
	width: 650px;
	background-color:#ffffff;
	padding:12px;
	color:#000000;
	border:#a5a5a5 solid 1px;

}
#links-text h1 {
font-size:140%;
color:#3c547d;
padding-bottom:5px;
}
#general-text h1 {
font-size:140%;
color:#3c547d;
padding-bottom:5px;
}
#home-text {
z-index:200;
font-size:80%;
float:right;
position:relative;
width: 250px;
height:284px;
background-color:#666666;
padding:12px;
color:#FFFFFF;
border:#6d80a1 solid 8px;
background-image:url(../images/home-text.gif);
}
#home-text h1 {
font-size:140%;
color:#ffffff;
padding-bottom:5px;

}
#home-text h1 a {
color:#ffffff;
}
#home-text li {
font-size:120%;
color:#ffffff;
margin-left:12px;
padding-bottom:4px;
}
#home-text li a {
color:#ffffff;
}
#home-text ul {
padding-top:10px;
}

.small-image {
position:relative;
float:left;
width:73px;
height:137px;

}
.small-text {
position:relative;
float:right;
width:124px;
height:137px;
text-align:left;
font-size:80%;
}
h3 {
font-size:130%;
color:#666666;
padding-bottom:5px;
}
h3.light {
font-size:130%;
color:#ffffff;
padding-bottom:5px;
}
.small-text h2 {
font-size:120%;
}
.small-box {
position:relative;
float:left;
padding:6px;
	MARGIN-right:4px;
	width: 197px;
	height:137px;
	border: 1px solid #777670;
}
.large-box {
float:right;
padding:6px;
	width: 276px;
	height:137px;
	border: 1px solid #777670;
}
#body {
position:relative;
	width: 668px;
	padding:10px;
	text-align: left;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
#header {
	text-align: left;
	margin-right:auto;
	margin-left:auto;
	width: 100%;
	background: #666666;
}
#title-text {
text-align:left;
padding-left:10px;
}
#header-title{
position:relative;
float:left;
text-align:left;
width:720px;
padding:0px;
margin:0px;

}
a {
color:#3c547d;
font-weight:bold;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
#menu a{
color:#FFFFFF;
}
.logo {
padding:10px;
padding-top:35px;
}
#galleries {

text-align:center;
font-size:80%;
position:relative;
float:left;
width:720px;
height:20px;
padding-bottom:10px;
}
#copyright {
text-align:center;
font-size:80%;
position:relative;
float:left;
width:720px;
height:20px;
padding-bottom:10px;
}
#design {
position:relative;
float:left;
text-align:center;
font-size:80%;
width:720px;
height:20px;
padding-bottom:10px;
}

p { 
	margin-top: 0px; 
	text-align: left;
	}
	





/* ----------------- side menu setup ------------------- */

#side-nav, #side-nav ul { /* all lists */

	list-style-type:none;
	width:430px;
	z-index:100;
	position:relative;
	float:left;
}


#side-nav li a { /* top level list */
display:block; 
text-decoration:none;
color:#000;
border:1px #cccccc solid;
height:134px;
width:134px;

}
#side-nav img {
padding:5px;
border:none;
}

#side-nav li { /* first level list items */
float:left;	
z-index:4;
margin-right:4px;
margin-bottom:36px;
text-align:center;
height:135px;
width:135px;
}

.captions {
font-size:9px;
width:125px;
padding:6px;
height:20px;
position:relative;
float:left;

}
.view {
float:left;
position:relative;
border:1px #3c547d solid;
text-align:center;
width:424px;
}
.view img {
padding:6px;
border:none;
}
.nav {
position:relative;
height:50px;
width:400px;
padding-top:30px;
height:25px;
border:none;
}

.nav a {
color:#3c547d;
text-decoration:none;
font-weight:bold;
border:none;
}
.nav a:hover {
text-decoration:underline;
}

/* hack for IE5.5 */
#side-nav li a {color:#000000; text-decoration:none;}

/* style the link hover */
#side-nav a:hover { text-decoration:none;color:#3c547d;border:1px #3c547d solid;}