/* colors

dark = #0478AB
light = #26A9E8
*/

body{
margin:10px 0 0 0;
padding:0;
background: white url('../images/toptile.gif') repeat-x;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;

}

div.line
{
	width: 90%;
	font: 1pt arial;
	height: 1px;
	margin-left: 5%;
	background: url('../images/line.gif') repeat-x;
}

div.imageright
{
	float: right;
	text-align: center;
	width: 150px;
	font-size: 9pt;
	color: #0478AB;
	margin-left: 20px;
	margin-bottom: 20px;
}

div.imageright img
{
	border: 1px solid black;
}

ul{
	list-style: none;
	list-style-image: url('../images/bulletfile.gif') ;

}



h1
{
	color: red;
	font-size: 18pt;
	text-align: left;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-weight: bold; 

}

h2, h3
{
	color: #0478AB;
}

h3
{
	font-size: 14pt;
}

h4
{
	color: red;
	font-size: 18pt;
	text-align: center;
		font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
font-weight: bold; 
}

h5
{
		color: #0478AB;
		font-size: 12pt;
		text-align: left;
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-weight: bold; 
}

#topsection{
background: #0478AB;
height: 100px; /*Height of top section*/
border-top: 1px solid black;
border-bottom: 1px solid black;
}

#contentwrapper{
float: left;
width: 100%;
background: url('../images/lefttile4.gif') repeat-y;
}

#formfloat
{
	width: 225px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px dashed red;
	padding: 5px;
	
}

#contentcolumn{
margin-left: 216px; /*Set left margin to LeftColumnWidth*/
background: white;
}

#leftcolumn{
float: left;
width: 216px; /*Width of left column*/
margin-left: -100%;
background: url('../images/lefttile4.gif') repeat-y;

}

#leftholder {
	width: 170px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color: #90bade;
	color: #333;
	min-height: 500px;
	}



	
	#button, #button ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		border: none;
		width: 170px;
		}
	
	#button li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin: 0;
		width: 170px;
				border-bottom: 1px solid #90bade;

	}
	
	#button li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 170px;
		margin-top : -1.35em;
	}
	
	#button li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#button li a {
		width: 165px;
		w\idth : 165px;
		display : block;
		font-weight : bold;
		text-decoration : none;
		border-left: 1px solid #1958b7;
		border-right: 1px solid #508fc4;
		background-color: #0478AB;
		color: #fff;
				font-size: 10pt;

	}
	
	#button li ul li a {
		width: 170px;
		w\idth : 170px;
		display : block;
		font-weight : normal;
		text-decoration : none;
		padding: 1px;
		border: 1px solid black;
		background-color: #26A9E8;
		color: #fff;
		font-size: 10pt;

	}
	
	#button li a:hover {
		color : white;
		background-color : black;
	}
	
	#button li:hover ul ul, #button li:hover ul ul ul, #button li.sfhover ul ul, #button li.sfhover ul ul ul {
		left: -999em;
	}
	
	#button li:hover ul, #button li li:hover ul, #button li li li:hover ul, #button li.sfhover ul, #button li li.sfhover ul, #button li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#content {
		margin-left : 12em;
	}


#footer{
clear: left;
width: 100%;
background: #0478AB;
color: #FFF;
text-align: center;
padding: 4px 0;
border-top: 1px solid black;
border-bottom: 1px solid black;
font: bold 10pt arial;
}

#footer a{
color: #fff;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}