/* Special Thanks to Jon Buda (http://jonbuda.com) for help with the Project Streamer CSS */

/* Start Global Stuff */


body {
	padding: 15px 5px 15px 5px;
	margin:0;
	color: #333;
	background: #F0F0F0;
	font: x-small Verdana, Sans-serif;
	text-align:center;
	}

img	{
	display: block;
	border: 0;
	}

ul {
	list-style-type: none;
	}

a:link, a:visited { 
	text-decoration : underline;
	color: #205794;
	}

a:hover {	 
	text-decoration : underline;
	color: #ff5909;
	}

h1 {
	color: #fff;
   	padding: 4px;
   	margin:0;
   	font: bold 150% Verdana, Sans-serif;
   	text-align: left;
	}

h2 {
	color: #fff;
   	padding: 3px;
   	margin:0;
   	font: bold 100% Verdana, Sans-serif;
   	text-align: left;
	}

h3 {
	color: #fff;
   	padding: 3px;
   	margin:0;
   	font: bold 75% Verdana, Sans-serif;
   	text-align: left;
	}

h4 {
	color: #000;
   	padding: 3px;
   	margin:0;
   	font: bold 125% Verdana, Sans-serif;
   	text-align: center;
	}

h5 {
	color: #fff;
   	padding: 3px;
   	margin:0;
   	font: bold 100% Verdana, Sans-serif;
   	text-align: left;
	}
p {
	
	}

input,select{
	border: 1px solid #ccc;
	background: #f3f3f3;
	color: #333;
	font-size: 100%;
	padding: 2px 3px;	
}

select{
	padding: 2px 0 2px 3px;
}

input:focus {
	border: 1px solid #999;
	background: #fff;
	color: #000;
}

input.buttan{
	background: #e4e4e4;
	padding: 2px;
	margin-top: 5px;
	color: #205794;
	border-color: #999;
}

input.buttan:hover {
	background: #205794;
	color: #fff;
	border-color: #999;
}

input.buttan2{
	background: #e4e4e4;
	padding: 2px;
	color: #205794;
	border-color: #999;
}

input.buttan2:hover {
	background: #205794;
	color: #fff;
	border-color: #999;
}

textarea {
        background: #f3f3f3;
	border: 1px solid #ccc;
	font: 100% Verdana, Sans-serif;
}

textarea:focus {
        background: #fff;
	border: 1px solid #999;
	font: 100% Verdana, Sans-serif;
}


/* End Global Stuff */

/* Start Overall Style */

#wrapper {
	color: #333;
	margin: 0px auto;
	padding: 0;
	border: 1px solid #cccccc;
	width: 753px;  /* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 100%;
	width: 750px;	 
	}

html>#wrapper	{
	width: 750px;
	} 

#maintop {
	position: relative;
	background: #205794 url("/img/maintopbg.gif");
	height: 100px;
	color: #fff;
	padding: 8px 0 0px 15px;
	}

#logo {
background: #205794 url("/img/logo.gif");
height: 65px;
width: 223px;
margin-bottom: -40px;
text-align: left;
}

ul#rightnav{
	bottom:0;
	list-style-type: none;
	margin:0;
	padding:0;
}

ul#rightnav li{
	float: left;
	margin-top: 80px;
	margin-right: 10px;
}

ul#rightnav li a{
	display: block;
	background: #244A79;
	padding: 4px 5px;
	color: #ccc;
	text-decoration: none;
	margin:0;
}

ul#rightnav li a#c, 
ul#rightnav li a#c,
ul#rightnav li a#c,
ul#rightnav li a#c {
	background: #fff;
	color: #F48603;
	}

ul#rightnav li a:hover{
	background: #416899;
	color: #fff;
}


#content {
	position: relative;
        background: #fff;
	height: 100%;
	color: #000;
	padding: 25px 50px 25px 50px;
	margin: 0;
	text-align: center;
}

#content h1 {
        color: #000;
        padding: 4px;
        margin:0;
        font: bold 150% Verdana, Sans-serif;
        text-align: center;
        }


.forms {
	padding: 0;
	color: #205794;
}

.lbox{
	width: 250px;
	margin:0 auto;
	background: #F0F0F0;
	border: 1px solid #cccccc;
	text-align: left;
}



.lbox p{ 
	padding: 0px 25px;
	color: #205794;
}



.lboxhead {
	position: relative;
	background: #205794;
	height: 50px;
	color: #fff;
	padding: 10px 5px 0px 5px ;
	border-bottom: 1px solid #cccccc;
	text-align:center;
	}


.lboxhead h5 {
        color: #fff;
        padding: 0px;
        margin:0;
        font: bold 150% Verdana, Sans-serif;
        text-align: center
        }

.lboxhead p {
        color: #fff;
        padding: 0px;
        margin:0;
        font: bold 100% Verdana, Sans-serif;
        text-align: center
        }





.tbox{
        width: 450px;
        margin:0 auto;
        background: #F0F0F0;
        border: 1px solid #cccccc;
        text-align: left;
}



.tbox p{
        padding: 10px 10px 10px 10px;
        color: #205794;
	font: 100% Verdana, Sans-serif;
}



.tboxhead {
        position: relative;
        background: #205794;
        height: 35px;
        color: #fff;
        padding: 10px 5px 0px 5px ;
        border-bottom: 1px solid #cccccc;
        text-align:center;
        }


.tboxhead h5 {
        color: #fff;
        padding: 0px;
        margin:0;
        font: bold 150% Verdana, Sans-serif;
        text-align: center
        }

.tboxhead p {
        color: #fff;
        padding: 0px;
        margin:0;
        font: bold 100% Verdana, Sans-serif;
        text-align: center
        }









#projects {
        color: #000;
        padding: 3px;
        margin:0;
        font: 100% Verdana, Sans-serif;
        text-align: center;
	

}



#projects td.Header, #projects tr.Header  {
        font-family : Tahoma, Arial, Helvetica, sans-serif;
        font-size : 11px;
        font-weight : bold;
        color : #ffffff;
        text-decoration : none;
        background : #205794;
        border: 1px solid;
        border-color : #205794;
        
}


#projects td.Even, #projects tr.Even {
        font-family : Tahoma, Arial, Helvetica, sans-serif;
        font-size : 11px;
        font-weight : normal;
        color : #000000;
        background : #ddddff;
        text-decoration : none;
        text-align: center;
}

#projects td.Odd, #projects tr.Odd {
        font-family : Tahoma, Arial, Helvetica, sans-serif;
        font-size : 11px;
        font-weight : normal;
        color : #000000;
        background : #eeeeff;
        text-decoration : none;
        text-align: center;
}


#projects input, #projects form {
	margin:0px;
	padding:0px;

}


#projects td {
	padding: 3px;
	margin:0px;
}


#howto {
        color: #000;
        padding: 3px;
        margin: 5px 30px 5px 30px;
        font: 100% Verdana, Sans-serif;
        text-align: center;


}       

#howto img.dotted {
	border: 1px;
	border-style: dotted;
}

#howto div.Odd {
        color : #000000;
        background : #eeeeff;
	padding: 5px;
	height: 1%;
}

#howto div.Even {
        color : #000000;
        background : #ddddff;
	padding: 5px;
	height: 1%;
}


#ihatecss {
	text-align: left;
	width: 10px auto;
}






#footer {
	margin: 15px;
	padding: 10px;
}




#topbar {
	margin: 0px;
	padding: 0px;
	background: url("/img/topbarbg.gif") #0000FF;
}


#topbar a:link, #topbar a:visited { 
	font: 70% Verdana, Sans-serif; 
	font-weight: bold;
        text-decoration : none;
        color: #ffffff;
}

#topbar a:hover {        
        text-decoration : underline;
	font: 70% Verdana, Sans-serif;
	font-weight: bold;
        color: #ffffff;
}

#topbar table {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	vertical-align: top;
	border: 0px solid;
	border-spacing: 0px;

}

#topbar td, tr {
        margin: 0px;
        padding: 0px;

}