/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)

Screen layout: */

body {
margin: 0 auto;
padding: 0;
font: 100% Verdana,Tahoma,Arial,sans-serif;
background: #506d91;
	color: black;
}

#wrapper {
color: white;
margin: 20px auto;
width: 770px;

}

#header {
position:relative;
margin: 0px 0 0 0;
padding: 0px;
height: 80px;
width: 770px;
}


		#logo{
			width:667px;
			float:left;
			vertical-align: bottom;
			margin: 0px 0px 0px 0px;
			}


		#top_links{
			float:left;
			text-align:right;
			width:99px;
			height: 55px;
			margin: 15px 0px 10px 0px;
			border-left: 1px solid white;
			}
					#top_links ul{
					font-size: 12px;
					font-weight: normal;
					color: white;
					list-style:none;
					}

					#top_links ul li{
					margin: 3px 0px 0px 0px;
					}

					#top_links a{
					color: white;
					}


#strip{
	position:relative;
	clear: both;
	width: 770px;
	height:15px;
	background: #bbb67c;
	}


#content{
	clear: both;
	position:relative;
	top:0px;
	width: 770px;
	background:#e5e1b5;
	margin:0px;
	padding:0px;
	overflow: hidden;
height: 100%;
	}

/*************   LEFT SIDE ****************/

#left_side{
	position:relative;
	width: 170px;
	margin:0px;
	padding:0px;
	float:left;
	border: 1px solid #959162;
	background: #959162;
	height: 1150px;
	}

								/*************   CALENDAR ****************/
								#left_calendar{
									border-top: 1px solid  #85684c;
									}



									#calendar{
									position:relative;
									width: 170px;
									height: 153px;
									margin:0px;
									padding:0px;
									}



										.brown{
											position:relative;
											width: 170px;
											background: #85684c;
											height: 17px;
											font-size: 10px;
											padding: 0px;
											margin:0px;
											}

										.brown p{
										color:white;
										padding:0px;
										margin:0px;
										}

										.brown a:active, .brown a:visited, .brown a:link{
										color:white;
										padding:0px;
										margin:0px;
										}
										
									/*************   MENU ****************/

										#left_menu {
										width: 170px;
										margin:0px;
										font-size:12px;
										background:#074f70;
										color: white;
										font-weight: bold;
										}

										#left_menu ul {	
										list-style: none;
										width: 170px;
										margin: 0px;
										padding: 0px;
										}	

										#left_menu li {
										padding:0px;
										margin:0px;
										height: 40px;
										border-top: 1px solid #959162;
										}

										#left_menu li a {
										
										text-decoration: none;
										display: block;
										padding: 10px 0px 0px 30px;
										margin: 0px 0px;
										color: white;
										height: 30px;
										}	
											
										#left_menu li a:hover {
										background: #bdd5eb;
										color: #286ea0;
										}


									.sub {	
										list-style: none;
										width: 170px;
										margin: 0px 0px 0px 0px;
										padding: 0px;
										}	
								
										#left_menu .sub li {
										padding: 0px;
										margin:0px;
										background:#074f70;
										height: 25px;
										}

										#left_menu .sub li a {
										font-weight: normal;
										text-decoration: none;
										display: block;
										padding: 3px 0px 0px 50px;
										margin: 0px 0px;
										color:white;
										height: 25px;
										}	


										#left_menu .sub li a:hover {
										background: #bdd5eb;
										color: #286ea0;
										}


										 .sub li#last {
										padding: 0px;
										margin:0px;
										background:#074f70;
										height: 35px;
										border-bottom: none;
										}

										 .sub li#last a:hover {
										background: #bdd5eb;
										color: #286ea0;
										height: 33px;
										}



.clear{
clear:both;
}





									/*************   LOGO'S ****************/	
									#left_logo{
										width: 170px;
										background: #959162;
										}



/*************  RIGHT SIDE ****************/

#right_side{
	float:left;
	position:relative;
	width: 598px;
	margin:0px;
	padding:0px;
	border-top: 1px solid #959162;
	height: 100%;
	}


.blue{
position:relative;
	background: #5886b0;
	height: 8px;
	width: 594px;
	padding:0px;
	margin:0px;
	}

		#right_wrap{
		background: #e5e1b5;
		padding:0px;
		margin:0px;
	
		}

		#right_menu{
		width: 595px; 
		padding:0px;
		margin:0px; 
		height:40px;
		}

		ul#nav {
		width: 595px; 
		padding: 0px; 
		margin: 0px; 
		list-style-type: none;
		height:40px;
		font-size:12px;
		display:block;
		border-top: 2px solid #e5e1b5;
		}
					ul#nav li {
						padding:0px; 
						margin: 0px;
						list-style-type: none;
						float: left;
						width: 130px;
						padding: 0px;
						text-align: center;
						height: 36px;
						display:block;
						border-right: 1px solid #e5e1b5;
					}

					ul#nav li#customer {
						float: left; width: 191px; margin: 0px;
						height: 36px;
						padding:0px;
						
					}
					ul#nav li#time {
						float: left; width: 140px; 
						padding: 0px;
						margin: 0px;
					}

					ul#nav a {
						width: 100%; float: left; color: white; text-decoration: none;
						height: 24px;
						padding: 0px 20px;
					}

				
				

					ul#nav li#time a:active, ul#nav li#time a:link, ul#nav li#time a:visited {
						color: #ffffff;
						background: #c7342c;
						padding: 12px 0px 4px 0px;
						height:26px;
					}

					ul#nav li#time a:hover {
						color: #333333;
					}


					ul#nav li#accounts a:active, ul#nav li#accounts a:link, ul#nav li#accounts a:visited {
						color: #ffffff;
						background: #ea9620;
						padding: 12px 0px 4px 0px;
						height:26px;
						
					}

					ul#nav li#accounts a:hover {
						color: #333333;
					}


					
					ul#nav li#pay a:active, ul#nav li#pay a:link, ul#nav li#pay a:visited {
						color: #ffffff;
						background: #82d474;
						padding: 12px 0px 4px 0px;
						height:26px;
						
					}

					ul#nav li#pay a:hover {
						color: #333333;
					}

					ul#nav li#customer a:active, ul#nav li#customer a:link, ul#nav li#customer a:visited {
						color: #ffffff;
						background: #b75476;
						padding: 6px 0px 6px 0px;
						margin:0px;
						height:30px;
						
					}

					ul#nav li#customer a:hover {
						color: #333333;
					}






		#right_content{
		clear:both;
		position:relative;
		padding: 10px 0px;
		margin: 0px;
		background:#e5e1b5;
		height:100%;
	
		}

		


		#rcontent_left{
		position:relative;
		width: 395px;
		float:left;
		padding: 20px 20px 20px 10px;
		margin:0px;
		border-right: 1px solid white;
		background:#e5e1b5;
		color: black;
		font-weight:normal;
		font-size: 12px;
		}

		#rcontent_left h1{
		color: #074f70;
		font-weight:bold;
		font-size: 12px;
		}
		
		#rcontent_left p{
		color: black;
		font-weight:normal;
		font-size: 12px;
		}

		#rcontent_left ul, li{
		color:  black;
		font-weight:normal;
		font-size: 12px;
		}



		#rcontent_right{
			position:relative;
		width: 130px;
		float:left;
		background:white;
		padding: 20px 5px 10px 5px;
		margin: 20px 0px 10px 10px;
		
		}

		#rcontent_right h1 {
		font-size: 13px;
		color: #cccccc;
		padding: 5px 10px;
		}

		#rcontent_right h2 {
		font-size: 10px;
		color: #074f70;
		padding: 0px;
		margin:0px;
		}

		#rcontent_right p{
		font-size: 10px;
		color: #666666;
		margin: 0px;
		padding:0px;
		}


#rcontent_right  a {
		font-size: 10px;
		color: #074f70;
		margin: 5px 3px 0px 0px;
		padding:0px;
		text-decoration:none;
		}


#rcontent_right  a:hover {
		font-size: 10px;
		color: #333333;
		margin: 5px 3px 0px 0px;
		padding:0px;
		text-decoration:none;
		}

#footer {
clear: both;
margin: 5px auto;
padding:  0;
width: 770px;
text-align: center;
color: #ffffff;
font-size: 11px;
}

#footer a {
color: #ffffff;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

.left {
text-align:left;
}

.right {
text-align:right;
}

.center{
text-align:center;
}

 h2 {
		font-size: 12px;
		color: #074f70;
		padding: 0px;
		margin:0px;
		}

 p{
		font-size: 12px;
		color: black;
		margin: 0px;
		padding:0px;
		font-family: Verdana,Tahoma,Arial,sans-serif;
		font-weight:normal;
		}

ul, li{
		font-size: 12px;
		color: black
		font-family: Verdana,Tahoma,Arial,sans-serif;
		font-weight:normal;
		}


 a:active, a:link, a:visited {
color: #333333;
text-decoration:none;
}

 a:hover {
color: #074f70;
text-decoration:underline;

}


.small{
	font-size:10px;
	}



p.prod a{
	margin: 0px 0px 0px 70px;
	}