//#base css file

body {
	font: normal 0.75em/1.4em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 auto;
}

ul { padding-bottom: 5px; }
ul br { display: none; }
ul li { margin: 0 0 5px; }

.right { margin-left: 250px; }

.errorlist { color:red; }
.errorlist li { list-style:none; }

/* LINKS ------------------ */

a, a:active, a:visited {
	color: #392f82;
}

a:hover {
	color: #2a95be;
	text-decoration: none;
}

/* NAV ------------------- */

ol {
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
}

ul.reg {
	margin: 0;
	padding: 0;
}

#nav li {
	font-weight: bold;
	display: block; 
	float: left;
}

#nav li a { 
	display: block; 
	float: left; 
	overflow: hidden; 
	color: #FFF; 
	font-size: 1.1em; 
	color: #392f82;
	padding: 6px 15px 6px 15px;
	text-decoration: none;
}

#nav a:hover {
	background-color: #FFFFFF;
}

/* REG BUTTONS ----------- */
.reg { margin: 0; }
.reg li { padding: 0;  list-style: none; }
.reg a {  color:#FFFFFF;  font-size: 1.05em; font-weight: bold; text-align: center; text-decoration: none;  width: 100%; min-width: 185px; display: block;  height: 25px; padding-top: 4px; margin-bottom: 8px;}
.reg a:hover {   background-color: #eede44; }


.mentor {
	background-color: #574e95;
}

.mentee {
	background-color: #2a95be;
}

.mentor:hover {
	color: #574e95;
}

.mentee:hover {
	color: #2a95be;
}


/* LAYOUT ----------------- */

#canvas {
	font: normal 0.75em/1.4em Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	color: #333333;
	min-width: 750px;
}

#content { 
	max-width: 1024px;
	margin: 0px auto -1px auto; 
	line-height: 1.5em;
	background-color: #FFFFFF;	
	border: 6px #FFFFFF solid;
	
} 

#header {
	background-image: url(top.jpg);
	background-repeat: repeat-x;
	height: 149px;
}

#main {
	background-image: url(fade.jpg);
	background-repeat: repeat-x;
	padding: 35px;
}

#lhs {
	float: left;
	width: 70%;
}

#rhs {
	float: right;
	width: 25%;
	color: #392f82;
}

.left {
	float: left;
}

.navbar {
	max-width: 1024px;
	height: 30px;
	background-color: #F4F4F4;
	background-image: url(topright2.jpg);
	background-repeat: no-repeat;
	background-position: right;
}


.clear_both {
	clear: both;
}

#footer {
	/*background-image: url(footer.jpg);
	background-repeat: repeat-x;*/
	height: 80px; 
	max-width: 1024px;
	clear: both; 
	border-top: 4px solid #F4F4F4;
	padding: 15px 0 0 0;
	margin: 0;
	background-color: #FFFFFF;
}

.footer_text {
	height: 91px;
	/*padding: 47px 0 0 30px;*/
	font-size: 10px;
	color: #666666;
	float: left;
}

.footer_text a {
	color: #2a95be;
	text-decoration: none;
}

.footer_text a:hover {
	color: #392f82;
}

.timebank {
	float: right;
}

/* TITLES ----------------- */

h1 {
	color: #2a95be;
	margin: 0;
	font-size: 1.5em;
	font-weight: bold;
}

h2 {
	color: #574e95;
	margin: 0;
	font-size: 1.5em;
	font-weight: bold;
}

.contact  {
	color: #574e95;
	margin: 0;
	font-size: 1.75em;
	font-weight: normal;
	font-style: italic;
}

h3 {
	color: #574e95;
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
}


/* FORMS ------------------ */

.row {}

.row h2 { margin: 20px 0 15px; }

.divider {
	border-bottom: dotted 1px #F4F4F4;
	clear: both;
	margin: 0 0 6px 0;
}

.required {
	font-weight: bold;
}

.formtext {
	width: 250px;
	float: left;
	color: #574e95;
}

input, select, textarea {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

/*------------------------- */

.title_box {
	height: 25px; 
	padding: 5px 0 0 25px; 
	margin-bottom: 8px; 
	font-size: 1.05em; 
	border-bottom: 2px solid #EFEFEF;
}

.border {
	border: 2px solid #EFEFEF;
}

.white {
	color: #FFFFFF;
}

.pad {
	padding: 0 25px 25px 25px;"
}