.bodycolor {
	background-color: #eaeff1;
	background-image: url('../images/bg.png');
	background-position: top center;
	background-repeat: no-repeat;
}

.container {
}

p + p {
	margin-top: 0;
	text-indent: 0;
}

#portal {
	position: relative;
	height: 303px;
	width: 950px;
	background: url(../images/portal_comp.jpg) center center no-repeat;
	margin: 50px 0px 150px 0px;
}

#login {
	padding: 150px 0px 0px 0px;
	text-align: right;
}

#find_email_wrap {
	position: relative;
	width: 300px;
	margin: 0 auto;
	padding-bottom: 3px;
}

#find_password_wrap {
	position: relative;
	width: 300px;
	margin: 0 auto;
	padding-bottom: 3px;
}

#submit_button {
	position: relative;
	text-align: right;
	width: 300px;
	margin: 0 auto;
}

#first_name_wrap {
	position: relative;
	width: 300px;
	margin: 0 auto;
	padding-bottom: 3px;
}

#last_name_wrap {
	position: relative;
	width: 300px;
	margin: 0 auto;
	padding-bottom: 3px;
}

#create_email_wrap {
	position: relative;
	width: 300px;
	margin: 0 auto;
	padding-bottom: 3px;
}

#create_password_wrap {
	position: relative;
	width: 300px;
	margin: 0 auto;
	padding-bottom: 3px;
}

#confirm_password_wrap {
	position: relative;
	width: 300px;
	margin: 0 auto;
	padding-bottom: 3px;
}

#register_button {
	position: relative;
	text-align: right;
	width: 300px;
	margin: 0 auto;
}

#registration_wrap {
	padding: 150px 0px 0px 0px;
	text-align: right;
}

#message {
	position: relative;
	text-align: center;
	width: 350px;
	margin: 0 auto;
	padding-bottom: 10px;
}

#flash {
	text-align: center;
	width: 500px;
	margin: 0 auto;
}

/*Custom classes and ID's*/
#content {
	display: block;
	padding: 10px;
	margin: 10px 10px 10px 0px;
	background-color: #fff;
	float: left;
	text-align: justify;
}

#groupPic {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}

.new_look {
	font-style: italic;
}

#footer {
	width: 950px;
	height: 37px;
	margin: 0px;
	padding: 0px;
	background: #FFF url("../images/footer-bg.gif") top left repeat-x;
}

.containerright {
	margin: 0 auto;
	background-color: #fff;
	display: inline;
	float: right;
}

.containerleft {
	margin: 0 auto;
	background-color: #fff;
	display: inline;
	float: left;
}

div.borderright {
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #ccc;
}

div.borderleft {
	padding-left: 4px;
	margin-left: 4px;
	border-left: 1px solid #ccc;
}

td.borderleft {
	padding-left: 4px;
	margin-left: 4px;
	border-left: 1px solid #eee;
}

div.fullborder {
	padding-top: 15px;
	margin-top: 1.5em;
	border: 1px solid #ccc;
	background-color: #fff;
}

img.imgborder {
	padding: 3px;
	margin: 0px;
	border: 1px solid #aaa;
	float: left;
}

img.noimgborder {
	padding: 3px;
	margin: 0px;
	border: 0px;
	float: left;
}

img.img_block {
	display: block;
	float: none;
}

img.right {
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}

.flush_top {
	margin-top: 0 !important;
}

.iconmargin {
	margin: 3px 0px 0px 0px;
}

a {
	color: #000000;
	text-decoration: none;
}

.content {
	margin: 0.9em;
}

.noMargin {
	margin: 0px;
}

.header {
	background-color: #1076BC;
	color: #fff;
	text-align: center;
	line-height: 1.4;
	height: 25px;
}

.pillar_list {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}
	.pillar_list li {
		text-align: center;
		line-height: 2.5;
		font-weight: bold;
		font-size: 1.5em;
	}


.calendar {
	border-collapse: collapse;
	width: auto;
}
	.calendar caption {
	}
	.calendar th,
	.calendar td {
	}
	.calendar th {
		text-align: center;
	}
	.calendar td {
		border: 0.125em solid #333333;
		vertical-align: top;
		height: 5em;
		width: 5em;
	}
	.calendar .with_event {
		background-color: #EAEFF1;
	}
		.calendar .date {
			display: block;
			position: relative;
			left: 0;
			top: 0;
			margin-bottom: 0.5em;
		}
		.calendar .event {
			
		}
	.calendar tfoot {
		display: none;
	}


/* TODO find a way to remove this */

/* ie.css */
body {text-align:center;}
.container {text-align:left;}
* html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {display:inline;overflow-x:hidden;}
* html legend {margin:0px -8px 16px 0;padding:0;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
html>body p code {*white-space:normal;}
hr {margin:-8px auto 11px;}
img {-ms-interpolation-mode:bicubic;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
fieldset {padding-top:0;}
textarea {overflow:auto;}
input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
input.text:focus, input.title:focus {border-color:#666;}
input.text, input.title, textarea, select {margin:0.5em 0;}
input.checkbox, input.radio {position:relative;top:.25em;}
form.inline div, form.inline p {vertical-align:middle;}
form.inline label {position:relative;top:-0.25em;}
form.inline input.checkbox, form.inline input.radio, form.inline input.button, form.inline button {margin:0.5em 0;}
button, input.button {position:relative;top:0.25em;}

