/* generic */

* {
 	margin: 0;
	padding: 0;
	}
	
html {
	min-height: 100%;
	}
 
 body {
 	background: #00bb99 url(../img/background.gif) no-repeat bottom left;
	font: 62.75% Arial, Verdana, Helvetica, Tahoma, sans-serif;
	color: #000000;
	text-align: center;
	padding: 25px 0 135px 0;
	}
fieldset {border:0px;}
legend {color: #000000;}
	
h2 {
	color: #00bb99;
	font-size: 1.8em;
	margin-bottom: 15px;
	}
	
h3 {
	font-size: 1.4em;
	margin-bottom: 10px;
	}
	
h4 {
	font-size: 1.2em;
	color: #00bb99;
	margin-bottom: 10px;
	}
	
p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 10px 0;
	}
	
ul {
	list-style-type: none;
	font-size: 1.1em;
	}
	ul li {
		margin-bottom: 8px;
		}
		ul li a {
			font-size: 1.1em;
			background: url(../img/arrow-black.gif) 0 3px no-repeat;
			padding-left: 12px;
			}
	
a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	
	}
	
a img {
	border: none;
	background-color: transparent;
	}
input{width:100px;}
input.button{width:auto;}
#BodyPlaceholder LI
{
	margin-bottom: 10px;
}	
/* layout / columns */

/* main wrapper */
	
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 768px;
	background-color: #fff;
	padding: 35px 0 20px 0;
	}
	
/* login / opportunities wrappers */
	
#contentHeader {
	width: 700px;
	height: 100%;
	margin: 0 0 40px 34px;
	position: relative;
	background-color: #ff5500;
	}
	
#loginArea, #opportunities {
	min-height: 350px;
	height: auto;
	/*height: 350px;*/
	height: 100%;
	padding: 0 13px;
	}
	
#loginArea {
	float: left;
	width: 214px;
	background-color: #00bb99;	
	}
	#loginArea h2 {
		color: #fff;
		margin: 120px 0 10px 0;
		}
		#loginArea p {
			color: #fff;
			font-weight: bold;
			}
			#loginArea p a {
				font-size: 0.9em;
				color: #ffff00;
				text-decoration: underline;
				margin-right: 9px;
				}
				#loginArea a:hover {
					text-decoration: none;
					}
					#loginArea ul {
						font-size: 1.4em;
						}
						#loginArea ul li a {
							color: #fff;
							background: url(../img/arrow-yellow.gif) 0 4px no-repeat;
							}
							#loginArea ul li a:hover {
								text-decoration: underline;
								}
									
.formRow {
	clear: both;
	margin-bottom: 10px;
	}
	
#opportunities {
	width: 434px;
	heigth: 100%;
	float: left;
	background-color: #ff5500;
	}
	#opportunities h1 {
		padding: 95px 0 10px 0;
		font-size: 0.1em;
		}
		#opportunities h2 {
			color: #ffff00;
			margin-bottom: 10px;
			}
			#opportunities p {
				font-size: 1.1em;
				color: #fff;
				font-weight: bold;
				}
				#opportunities ul {
					color: #fff;
					}
					#opportunities ul li a {
						color: #fff;
						text-decoration: none;
						background: url(../img/arrow-yellow.gif) 0 3px no-repeat;
						}
						#opportunities ul li a:hover {
							text-decoration: underline;
							}
							label#username, label#password {
								font-size: 1.1em;
								color: #fff;
								font-weight: bold;
								} 

/* left column */
	
#subColumn {
	float: left;
	width: 220px;
	margin: 0 20px 0 34px;
	display: inline;
	}
		
.module {
	background-color: #ffeb00;
	margin-bottom: 20px;
	padding-bottom: 5px;	
	}
	.module h2 {
		color: #000;
		padding: 10px 0 0 20px;
		}
		.module h3 {
			padding-left: 20px;
			}
			.module p {
				margin-bottom: 5px;
				padding: 0 0 10px 20px;
				} 
				.module a:hover {
					text-decoration: underline;
					}
					.module ul {
						margin: 0 10px 0 20px;
						}
						.module ul li a {
							background: url(../img/arrow-black.gif) 0 3px no-repeat;
							}
							.module img {
								padding-bottom: 10px;
								}
	
	
.green {
	background-color: #00bb99;
	padding: 15px 10px 7px 10px;
	}
	.green h3 {
		color: #fff;
		padding-left: 10px;
		margin-bottom: 10px;
		}
		.green ul li a {
			background: url(../img/arrow-green.gif) 0 3px no-repeat;
			}
			
		
.module div {
	background-color: #fff;
	padding: 10px 0 5px 0;
	}
	.module div h4 {
		margin: 0 10px 10px 10px;
		}
		.module div ul {
			margin-left: 10px;
			}	
	
div.hr {
	float: left;
	background: url(../img/hr.gif) 0 0 repeat-x;
	height: 1px;
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
	}
	div.hr hr {
		display:none;
		}
		
/* main column */
	
#contentColumn {
	float: left;
	width: 460px;
	}
	#contentColumn a {
		text-decoration: underline;
		}
		#contentColumn a:hover {
			text-decoration: none;
			}
			#contentColumn ul {
				margin-bottom: 20px;
				}
				#contentColumn ul li {
					background: url(../img/arrow-green.gif) 0 3px no-repeat;
					}
					
/* Back to Top Link */

a#backToTop {
	background: transparent url(../img/back-top-green.gif) no-repeat scroll 100% 3px;
	padding-right: 14px;
	text-decoration: none;
	float: right;
	clear: both;
	font-size: 1.1em;
	font-weight: normal;
	clear: both;
	margin: 30px 0 18px 0;
	}
	a#backToTop:hover {
		text-decoration: underline;
		}
		
/* footer */
					
#footer {
	border-top:6px solid #00bb99;
	clear:both;
	font-size:0.9em;
	padding:15px 20px 0 20px;
	text-align:center;
	}
	#footer li {
		display: inline;
		background: none;
		}
		#footer a {
			text-decoration: none;
			color: #000;
			background: url(../img/bg-line-black.gif) no-repeat 6px 3px;
			padding: 0 0 0 15px;
			font-weight: normal;
			}
			#footer a:hover {
				text-decoration: underline;
				}
				#footer .first a {
					background: none;
					padding-left: 0;
					}
					#footer p {
						margin: 1em 0 0;
						font-weight: bold;
						color: #666;
						line-height: 1em;
						}
							
/* misc */
					
.clr { 
	clear: both; 
	height: 0.1px; 
	font-size: 0; 
	line-height: 0; 
	}
.warning {
	font-size:0.8em;
	}