/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666; 
	background: #ececec;
	text-align: center;
}

/* links */
a { 
	color: #4284B0;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #9EC068;
	background-color: inherit;
}

/* headers */
h1, h2, h3, menuheader {
	font: 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;	
}

h1 { font-size: 1.6em; color: #e53817; } 
h2 { font-size: 1.6em; color: #e53817; }
h3 { font-size: 1.4em; color: #45a1d3; }
p { font-size: 1.2em; }

p, h1, h2, h3 {
	text-align: left;
	margin: 0px 15px;
}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #4284B0;
}

ul span, ol span {
	color: #666666; 
}

table
{
    float: left;
    border-width: 1px 0 0 0;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: solid;
    border-color: #cccccc;
}

td
{
    margin: 0;
    padding: 4px;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #cccccc;
}


.tabletext{
	font: bold 16px/30px "trebuchet MS", Arial, Tahoma, Sans-serif;
	text-align: center;
	padding-top:10px;
}



#main
{

	width:1000px;
	margin: 0 auto 0 auto;
}

	#maintop
	{
		position:relative;
		width: 100%;
		height: 114px;
		background: url('../images/topbkg.gif')  repeat-x;
		margin: 0;
		padding: 0;
	}
		#logo {
		 float: left;
		 padding-left:50px;
		}	
	
	#mainbtns
	{
		width: 100%;
		height: 133px;
		background: url('../images/btnsbkg.gif')  repeat-x;
		margin: 0;
		padding: 0;
	}

	#menu
	{
		width: 100%;
		padding: 0px;
		background: #45a1d3 url(../images/menu.gif) no-repeat;	
		font: bold 16px/30px "trebuchet MS", Arial, Tahoma, Sans-serif;
		height: 30px;
		margin: 0px;
	}
	
		#menu ul
		{
		 	float: left;		
			list-style: none;
			margin:0;
			padding: 0 0 0 20px;
		}
	
		#menu ul li
		{
			color: #666666;
			display: inline;
			margin: 0;
			padding: 0;
		}
	
			#menu ul li a
			{
				color: #686868;
				padding: 30px;
				text-decoration: none;
			}
			
			#menu ul li a:hover
			{
				color: #e53817;	
			}

	#mainmiddle
	{
		float: left;
		padding: 0;
		background: url('../images/mainbkg.gif') repeat-y;
		width: 100%;
		height: 100%;
	}
		
		#buttons {
		 float: left;
		 padding-left:30px;
		}		

		#buttonimage {
		 float: left;
		 padding:8px 35px 5px 5px;
		}
		
		#container
		{

			width: 100%;	
			height: 130px;
			margin: 10px 0px 0px 0px;
		}
		
		#dividers {
		 width: 100%;
		 float: center;
		 margin: 0px 0px 15px 0px;  
		}		
		
		#leftimage {
		 float: left;
		 margin: 0px 20px 0px 20px;  
		}

		#rightimage {
		 float: right;
		 margin: 20px 20px 20px 20px;  
		}		

	#mainbottom
	{
		float: left;
		width: 100%;
		height: 18px;
		background: url('../images/bottom.gif') no-repeat;
		margin-bottom: 20px;
	}


/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }


/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }