/* generated by csscreator.com */ 
html, body{
	margin:0;
	padding:0;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
 } 
 
#pagewidth{
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
}
 
#header{
	position:relative;
	height:100px;
	background-color:#000066;
	width:100%;
	border-bottom-style: solid;
	border-bottom-color: #FF9933;
} 
#leftcol{
	width:27%;
	float:left;
	position:relative;
	background-image: url(images/menuback.jpg);
	background-repeat: no-repeat;
	margin-top:0px;
 }
  #navcontainer ul
{
margin-top: 170px;
padding: 10;
height: 375px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
	display: block;
	padding: 2px 2px 2px 2px;
	width: 125px;
	background-color: #000066;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF9933;
	border-right-color: #FF9933;
	border-bottom-color: #FF9933;
	border-left-color: #FF9933;
}

#navcontainer a:link, #navlist a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
}

#navcontainer a:hover
{
	background-color: #000066;
	color: #00FFFF;
	font-weight: bolder;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #ff9933;
	border-right-color: #ff9933;
	border-bottom-color: #ff9933;
	border-left-color: #ff9933;
}

#active a:link, #active a:visited, #active a:hover
{
	background-color: #000066;
	background-image: none;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #ff9933;
	border-right-color: #ff9933;
	border-bottom-color: #ff9933;
	border-left-color: #ff9933;
	font-weight: bolder;
}

#twocols{
	width:70%;
	float:right;
	position:relative;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
 }
 
#maincol{
	float: left;
	display:inline;
	position: relative;
	width:96%;
	height:100%;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-bottom:30px;
	padding-bottom:30px;
 }

#topimage{
	position:relative;
	background-image: none;
	background-repeat: repeat-x;
 } 

#footer{
    margin-top:30px;
	height:50px;
	background-color:#000000;
	clear:both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: x-small;

 } 
 
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
 }
 
.clearfix{
	display: inline-block;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
}

/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
}
.clearfix{
	display: block;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
}
/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
	width:500px;
	height:525px;
	background:#3366CC url(images/house.jpg) 0 40px no-repeat;
	border:thick ridge #FF9933;
	margin:0 auto;
	clear:both;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:350px 0 0 0; 
list-style-type:none; 
position:relative; 
width:320px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:12px;
font-style:strong;
float:left; 
text-decoration:none; 
color:#000; 
background:CCFFFF; 
text-align:center; 
width:100px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
padding:inherit;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-350px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-300px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:60px solid #eee;
border-right:60px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
/* End hide from IE-mac */  



 
 /*printer styles*/ 
 @media print{ 

/*hide the left column when printing*/ 
#leftcol{
	display:none;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
} 

/*hide the right column when printing*/ 
#rightcol{
	display:none;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
} 
#twocols, #maincol{
	width:100%;
	float:none;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
}
}