/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-image: url('images/SkyBackground.jpg'); 
 
} 

 
#pagewidth{ 
 width:759px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background-color:#FFFFFF; 
 background-image: url('images/COG_WebHeader_2009.gif'); 
 background-repeat: no-repeat;
 z-index:2; 
} 
 
#header{
 position:relative; 
 height:292px; 
 width:100%;
} 
#logo {
 float: right;
 padding-top: 40px;
 padding-right: 5px;
 padding-bottom: 15px;
 height: 400px;
}


#menu {
 float: right;
 width:700px;
 color: #FFFFFF;
 font-weight: bold;
 font-family:Verdana,arial;
 z-index: -1; 
 text-align: center;
 text-transform: uppercase; 
 font-size:12pt;
 margin-top: 218px;
 margin-right: 25px;
}

#menubottom {
 width: 598px;
 float: right;
 z-index: -3;
}

#menu a:link,#menu a:visited {
 color: #FFFFFF;
 text-decoration: none;
 font-weight: bold;
 font-size: 12pt;
 
}
#menu a:hover {
 color: #D0D0D0;
 text-decoration: none;
 font-weight:bold;
 font-size: 12pt;}
 
#leftcol{
 width:14%; 
 float:left; 
 position:relative; 
 padding-top:30px;
 }
 
 #leftcol ul {
	 list-style:none;
	margin:0;
     padding:0;	
	 background-color: #174992;
	 color: #FFFFFF;
 text-decoration: none;
 font-weight:bold;
 font-size: 12pt;
 }
 
 #leftcol ul li {
	 border-bottom: 1px solid #FFFFFF;
	 padding-bottom: 2px;
 }
 #leftcol ul li  a:link,#leftcol ul li a:visited {
 color: #FFFFFF;
 text-decoration: none;
 font-weight: bold;
 font-size: 12pt;
 
}
 #leftcol ul li  a:hover {
  background-color: #003399;
 color: #D0D0D0;
 text-decoration: none;
 font-weight:bold;
 font-size: 12pt;
}

 
#twocols{
 width:85%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:1%; 
 float:right; 
 position:relative; 
 }
 
#maincol{
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:85%;
 min-height: 300px;
 padding-right:6px; 
}
 
 .one-image img {
	 border:0px;
 }
 
#maincolgallery{
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:100%;
 min-height: 300px;
 }
 
#footer{
 height:60px; 
 clear:both;
 text-align: center; 
} 
#footerbottom {
 background-image: url('images/BlueShadow.gif');
 background-repeat: repeat-y;
 width: 100%;
 float: right;
}

.dots {
	background:url('images/dot.gif') repeat-x bottom;
}
.dots span {
	background-color: #FFFFFF;
}
.dots .right {
	float:right;
	padding-right:50px;
}

.image {
	padding: 5px 10px 0 0; 
}
.slideshow {
	width: 400px;
	height: 400px;
	float: left;
	margin-bottom: 5px;
	position: relative;
	}
.slideshow span {
	width: 400px;
	height: 33px;
	background: #1a1a1a;
	position: absolute;
	top: 367px;
	left:0px;
	opacity: .9;
	}
.slideshow span img {
	padding-left: 5px;
	width: 400px;
	}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}