/*  

Version: 1.0
Author: Greg Hiatt
Created 9/8/2009 Modified 9/8/2009

*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

body {
	padding: 0;
	margin: 0;
	font: 80% "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;
	background-image: url(assets/images/bgrepeater.gif);
	background-color: #669999;

}

hr {
	display: none;
	
}
#midsection{
	
	margin: 0;
	width:600px;
}
#Hcontent{
	float:right;
	background-color:#FFF;
	width:550px;
    margin-right:6px;
	padding-right:10px;
	padding-top:10px;
}

#Htheworks{
	border: solid 2px #000;
	width:790px;
	background-color:#FFF;
	}
#header{
	width:790px;
	background-color:#000;
	margin: 0;
}
#leftbar{
	background-color:#336666;
	width:180px;
	float:left;
	margin-right:0;
	margin-left:10px;
	margin-top:6px;
}
#news {
	color:#FFF;
	font-size: 0.95em;
	width: 154px;
	margin-left:0;
	margin-top: 0;
	margin-bottom: 20px;
	background-color:#336666;
}
#noflash {
	border: solid 1px #000;
	background-color:#99CCCC;
	padding:6px;
	margin-left:0;
}
#leftcolumnlinks {
	width: 92%; 
	border: solid 0px #000; 
	padding-top:4px;
	padding-bottom:6px;
	padding-right:6px;
	padding-left:6px;
	margin-left:0;
	margin-bottom:4px;
	/*background-color:#336666;*/

	
}
#leftcolumnlink{
	padding:2px;
	border: solid 1px #000;
	background-color:#99CCCC;

}

#bottombar{
	margin-top:2px;
	background-color:#99CCCC;
	width:770px;
	margin-left:10px;
	margin-right:10px;
	}
#bottomleft{

	float: left;
	width:200px;
	height:20px;
	padding-top:4px;
	

}
#bottommid{
	
	margin: 0 200px;
	height:20px;
	padding-top:4px;

}
#bottomright{

	float:right;
	width:200px;
	height:20px;
	padding-top:4px;
}

#footer{
	    margin: 0;
	    border: solid 1px #000;
		width: 790px;
		height: 20px;
		background-color:#000;
}

#flashheader 
	{
		border: solid 0px #000;
		width: 760px;
		height: 100px;
		margin: 0px 0px;
		font-size:10px;
		color: #E0DFE3
	}
#Hflashcontent1 
	{
		border: solid 0px #000;
		width: 154px;
		height: 140px;
		margin: 0px 0px;
	}
#Hflashcontent2 
	{
		border: solid 0px #000;
		width: 550px;
		height: 404px;

	}


#mydiv 
	{
	position:absolute;
	top: 50%;
	left: 50%;
	width:778px;
	height:608px;
	margin-top: -250px; /*set to a negative number 1/2 of your height*/
	margin-left: -389px; /*set to a negative number 1/2 of your width*/
	border: 2px solid #000;
	overflow: auto;
	 background-color: #99CC99; 
	}

.style2 
	{
	font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	}
.style3 
	{	
	font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	}
.style4 {
	font-size: xx-small;
}
.style4 a:hover{
		font-size: xx-small;
	    color:#CF0;
}
.style4 a:visited{
		font-size: xx-small;
	   color:#425227;
}
.style5 
	{
	font-size: 12px;
	}
.style5 a:hover{
		font-size: 12px;
	    color:#CF0;
}
.style5 a:visited{
		font-size:12px;
	   color:#425227;
}
.style6 {
	font-size: 2px;
	color: #0000FF;
	}
.style9 {
	font-size: xx-small;
	font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
.style11 {
	font-size: xx-small; color: #333333; 
}
.style12 {
	font-size: xx-small; color: #cccccc; 
}

.orangeSmall{
	font-size: xx-small;
	color: #c86000;
}
.footerText{
	font-size: 9px;
	color: #425227;
}
.sideLink a:link {
	font-size: xx-small;
}
.sideLink a:hover{
	font-size: xx-small;
	   color:#CF0;
}
.sideLink a:visited{
	font-size: xx-small;
	   color:#425227;
}

/*flashcontent area for pages other than Home*/

#flashcontent1 {
		border: solid 0px #000;
		width: 760px;
		height: 436px;
		margin: 0px 0px;
	}



img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}

#flashcontent2 {
	width: 760px;
	height: 436px;
	margin: 0px 0px;
}


#content{
	float:right;
	background-color:#fff;
	width:550px;
	margin-right:20px;
	padding-top:10px;
}

#theworks{
	border: solid 2px #000;
	width:790px;
	background-color:#000;
	}