/* CSS Document */

body {
		margin:				0;
		background:			url(../images/bgr.gif);
		font:				11px/16px Verdana, Arial, Helvetica, sans-serif;
		color:				#333;
}

a{
		color:				#0079c2;
}

#header {
		background:			url(../images/2nd_img.png);
		font:				italic bold 20px Verdana, Arial, Helvetica, sans-serif;
		color:				#a84d0f;
		height:				39px;
		padding:			20px 0 0 20px;
}

#bodycontent {
		padding:			0 25px 15px 20px;
}

img {
		border:				none;
}

ol{
		margin:				0 0 0 48px;
}

ul{
		margin:				0 0 0 43px;
}

li {
		margin:				0 0 2px -22px;
}

input, select {
		font:				10px Verdana, Arial, Helvetica, sans-serif;
}

p{
		margin:				0 0 15px 0;
}

h1 {
		color:				#666;
		font:				Bold 16px Verdana, Arial, Helvetica, sans-serif;
}

h2 {
		color:				#339933;
		font:				Bold 12px Verdana, Arial, Helvetica, sans-serif;
}

#logo {
		background:			url(../images/logo_2nd.png) no-repeat;
		width:				761px;
		height:				91px;
}

#logo span {
		display:			none;
}

.clear {
		clear:				both;
}

.white11bold {
		font:				bold 11px Verdana, Arial, Helvetica, sans-serif;
		color:				#fff;
}

.red, .red a, .red a:link, .red a:hover, .red a:visited{
		color:				#a84d0f;
}

.blue, .blue a, .blue a:link, .blue a:hover, .blue a:visited{
		color:				#0079c2;
}

.green, .green a, .green a:link, .green a:hover, .green a:visited{
		color:				#47aa42;
}


.details {
		padding:			0 20px 0 0;
		text-align:			right;
}

.hr {
		border-bottom:		1px dotted #666;
		padding:			17px 0 0 0;
}

#bucket1 {
		width:				160px;
		margin:				0 5px 0 0;
		float:				left;
		padding-bottom:		50px;
}
#bucket2 {
		width:				190px;
		margin:				0 8px 0 0;
		float:				left;

}
#bucket3 {
		width:				180px;
		margin:				0 5px 0 0;
		float:				left;

}

#bucket4 {
		width:				220px;
		margin:				0 5px 0 0;
		padding:			0 0 0 4px;
		float:				left;
}

#bucket5 {
		width:				320px;
		margin:				0 5px 0 0;
		float:				left;
		height:				300px;
		color:				#FFF;
}

.button {
		margin:				10px 0 0 0;
		width:				50px;
		float:				left;
}

td{
		height:				25px;
		text-align:			center;
		padding:			5px 0 0 0;
		background-color:	#FFF;
		font-weight:		bold;
}

th{
		height:				25px;
		text-align:			center;
		padding:			5px 0 5px 0;
		background-color:	#0079c2;
}

.formLeft {
		width:				180px; 
		height:				25px; 
		float:				left; 
		text-align:			right; 
		font-weight:		bold;
		padding-right:		15px;
}

.formRight {
		width:				300px; 
		height:				25px; 
		float:				left; 
		text-align:			left; 

}

/* Home layout structure */

#contentArea {
		margin:				0;
		padding:			0;
		width:				100%;
}
#center {
		margin:				0 auto;
		padding:			0 4px 0 4px;
		text-align:			left;
		width:				761px;
		background:			#fff;
		border:				0;
}

#contentcontainer {
	width:					761px;
	height: 				100%;
	background:				url(../images/gradient.png) no-repeat;
}

#navicontainer {
	float:					left;
	width:					148px;
	margin: 				0 4px 0 0;
	height:					100%;
}

.navi {
		background:			url(../images/navi_bg.gif) repeat-y;
		list-style:			none;
		font:				bold 13px Verdana, Arial, Helvetica, sans-serif;
		padding:			0 0 0 35px;
		margin:				0;
}

.navi a{
		color:				#fff;
		text-decoration:	none;
}

.navi a:hover{
		color:				#ffcc00;
}

.navispace {
		padding:			6px 0 7px 0;
		margin:				0;
}

#onstate {
		color:				#ffff66;
		padding:			6px 0 7px 10px;
		margin:				0;
}

#gradient {
		margin:	 			0;	
		background:			url(../images/gradient.png) repeat-x;	
		height:				100%;	
}

#content {
		float:				left;
		width:				609px;
		padding:	 		0;
}



#footer {
		height:				20px;
		background-color:	#999;
		text-align:			center;
		font:				11px Verdana, Arial, Helvetica, sans-serif;
		color:				#fff;
		padding:			6px 0 0 0;
}

#bottomspace {
		height:				15px;
}