body {
	background: #eaeaea;
	text-align:center;
	margin:0;
	width: 100%;
	height: 100%;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
img,div,form {
	border: none;
	padding: 0px;
	margin: 0px;
	width:auto;
}
.outer_container {
	background-repeat: repeat;
	height: auto;
	background-image: url('assets/outer_bg.gif');
	padding:0px;
	background-color: #eaeaea;
	margin:0px;
}
.container {
	background-repeat:repeat-x;
	height: auto;
	width:100%;
	top:0;
	left:0;
}
a:link {
	text-decoration: none;
	color: #724f81;
	font-weight:bold;
}
a:visited {
	text-decoration: none;
	color: #724f81;
	font-weight:bold;
}
a:active {
	text-decoration: none;
	color: #724f81;
	font-weight:bold;
}
a:hover {
	text-decoration: underline;
	color: #724f81;
	font-weight:bold;
}

.container#w1 {
	background-image: url('assets/background.gif');
}
.main_container {
	height: auto;
	width: 1000px;
}
.header_container {
	background-color:#ffffff;
}
.headerbg {
	background-image: url('assets/header.jpg');
	background-repeat: no-repeat;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#FFFFFF;
	height: 188px;
}
.menu {
	width: 1000px;
	height:36px;
}
.menu .menu-btn {
	float: left;
	height:38px;
	width:auto;
	height:auto;
}
.event_month{
	height:auto;
	left:40px;
	position:absolute;
	text-align:left;
	top:152px;
	width:auto
}
.event_month a { 
	color: #ffffff;
	text-decoration:none;
}
.event_year{
	left:280px;
position:absolute;
text-align:left;
top:151px;
width:25px;
height:auto;
}
.event_year a { 
	color: #ffffff;
	text-decoration:none;
}
.signin {
	position: absolute;
	top: 171px;
	text-align: center;
	width:25px;
	left: 914px;
}
.content_container {
	position: relative;
	text-align:left;
	background-color:#FFFFFF;
	margin:0px;
	padding: 0px;
	width: 1000px;
}
.home {
	position:relative;
	width: 975px;
	background-image: url('assets/home_content_bg.png');
	background-repeat:no-repeat;
	margin:0px;
	min-height: 332px;
	padding: 22px 0px 0px 20px;
	text-align:left;
}
.template {
	position:relative;
	width: 975px;
	min-height: 354px;
	background-image: url('assets/content_bg.gif');
	background-repeat:no-repeat;
	margin:0px;
	background-color: #ffffff;
	padding: 22px 0px 0px 17px;
	text-align:left;
}
.template#about {
	overflow: auto; padding-left:30px; padding-right:20px; width: 930px; height:354px;
}
/*
.template .schools {
	margin:0px;
	height: inherit;
	padding: 0px;
	text-align:left;
}*/
th {
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
}
p {
	margin: 0px;
}
h1{
	color: #6d3694;	
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 9px;
	font-weight:normal;
}
h2 {
	color: #724f81;
	font-size: 10px;
	font-weight: bold;
	margin-top:0px;
	margin-bottom: 3px;
	vertical-align:bottom;
}
.text {
	padding:0px;
	margin:0px;
	text-align:left;
	color: #928a96;
	font-size: 13px;
	height:auto;
	width: 100%;
}
.gta_events {
	position: absolute;
	left :585px;
	top: 10px;
	font-size: 10px;
}
.recent_calendar {
	position: absolute;
	left :585px;
	top: 175px;
	margin-top: 10px;
	font-size: 10px;
}
.box {
	margin: 0px;
	padding: 0px;
	width: 261px;
	font-size: 10px;
	position:absolute;
}
.box .header {
	background:url('assets/box_header.png');
	background-repeat: no-repeat;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
	height:25px;
}
.box .header#content {
	padding: 5px 0px 0px 12px;
	height: 20px;
}
.box .content {
	background-color:#fafafa;
	border-left:#CCCCCC 1px solid;
		border-right:#CCCCCC 1px solid;
}
.box .content#text {
	padding: 8px 12px 0px 12px;
}
.box .bottom {
	margin: 0px;
	padding: 0px;
	background-color: #fafafa;
}
.box .bottom .left {
	background: url('assets/box_bottom_left.gif');
	background-repeat:no-repeat;
	width: 6px;
	height: 6px;
	left: 0px;
	bottom: 0px;
	position:absolute;
}
.box .bottom .right {
	background: url('assets/box_bottom_right.gif');
	right: 0px;
	bottom: 0px;
	width: 6px;
	height: 6px;
	position:absolute;
	background-repeat:no-repeat;
}
.box .bottom .middle {
	border-bottom: 1px solid #cccccc;
	left: 6px;
	right: 6px;
	width: 256px;
	bottom: 0px;
	padding:0px;
	margin:0px;
}
.snapshot {
	position:absolute;
	left: 855px;
	top: 10px;
}
.grey_box {
	position: absolute;
	width: 130px;
	height: 332px;
	padding:0px;
	margin:0px;
	background-color:#fafafa;
}
.grey_box .top {
	height: 6px;
	margin: 0px;
	padding: 0px;
	background-color: #fafafa;
	font-size:14px;
	color:#704981;
}
.grey_box .top .left {
	left: 0px;
	background: url('assets/box_up_left.gif');
	background-repeat:no-repeat;
	width: 6px;
	height: 6px;
	position:absolute;
	top: 0px;
}
.grey_box .top .middle {
	border-top: 1px solid #cccccc;
	position: absolute;
	left: 6px;
	right: 6px;
	width: 120px;
	top: 0px;
}
.grey_box .top .middle#content {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding: 3px 0px 0px 0px;
}
.grey_box .top .right {
	position:absolute;
	right: 0px;
	top: 0px;
	background: url('assets/box_up_right.gif');
	background-repeat:no-repeat;
	width: 6px;
	height: 6px;
}
.grey_box .content {
	background-color:#fafafa;
	border-left:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
}
.grey_box .bottom {
	height: 6px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #fafafa;
}
.grey_box .bottom .left {
	left: 0px;
	bottom: 0px;
	background: url('assets/box_bottom_left.gif');
	background-repeat:no-repeat;
	width: 6px;
	height: 6px;
	position:absolute;
}
.grey_box .bottom .middle {
	border-bottom: 1px solid #cccccc;
	position: absolute;
	left: 6px;
	right: 6px;
	width: 120px;
	bottom: 0px;
}
.grey_box .bottom .right {
	position:absolute;
	right: 0px;
	bottom: 0px;
	background: url('assets/box_bottom_right.gif');
	background-repeat:no-repeat;
	width: 6px;
	height: 6px;
}
.footer{
	position: relative;
	background-image:url('assets/footer.png');
	background-repeat:no-repeat;
	width:1000px;
	height:77px;
}
.logo {
	position: relative;
	/*left: 95px;*/
	left: -55px;
	top: 10px;
	padding:0px;
	text-align: right;
}
.bottom_bar {
	background-color:#eaeaea;
	height:100%;
	color: #ffffff;
}
.textbottom {
	vertical-align: text-bottom;
}
#grey_text {
	text-decoration:none;
	color: #928a96;
}
.purple {
	color: #6d3694;
	font-size: 13px;
}
.surveys {
	float: left;
	margin-left: 9px;
}
.division {
	margin-top: 10px;
	margin-bottom: 10px;
}
/*
.divisions_schools {
	width:  300px;
}
.school_details {
	width: 300px;
}*/
.map {
	left: 300px; 
	top: 15px;
	position:absolute; 
	z-index:1;
}
.box_header {
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF; 
	padding-left: 15px;
}
.box_content {
	padding: 15px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	color:#724f81;
	background-color:#fafafa;
	font-size:10px;
	height: 132px;
	font-weight:bold;
	text-align:left;
	vertical-align:text-top;
	line-height: 16px;
}
.snapshot_content {
	height: 325px;
		border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #fafafa; 
	font-weight: normal; 
	padding-left: 4px; 
	padding-right: 4px; 
	padding-top: 0px; 
	text-align: center; 
}
.resources_search { 
	padding: 0px; 
	margin-top: 20px;
}
.resources_search_result {
	float:left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
}
.search_content {
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	height: 345px;
}
.resources_download {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.resources_content {
	font-size: 11px;
	color: #424242; 
	vertical-align:text-top; 
	padding-left: 5px;
	padding-bottom: 5px; 
	line-height:15px; 
	margin-bottom:5px; 
	width: 189px;
	text-align: left;
}
img {
	padding: 0px;
	margin: 0px;
}
.textfield {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.textfield_createevent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.left_column {
	color: #8047ad;
	font-size: 11px;
	vertical-align:text-top;
	width: 75px;
}
.left-column-table {
	color: #8047ad;
	font-size: 11px;
	vertical-align:text-top;
}

/* NEW CSS FOR ESP PHASE 2 */

#black-text {
	color: #000000;
}
.member {
	width: 100%;
	height:auto;
}
	.member .left-col {
		width: 363px;
		float:left;
		height:auto;
	}
	.member .right-col {
		width: 520px;
		float:left;
		margin-left: 20px;
		height:auto;
	}
		.member .right-col .links {
			font-size: 11px;
			margin: 20px 0px;
		}
			.member .right-col .links a.de-rol {
				float:right; line-height:29px; height: 29px; vertical-align: middle;
				padding:0px 15px;
				background-image: url('assets/images/x.jpg');
				background-repeat:no-repeat;
				background-position:right 13px;
				text-decoration:underline;
			}
.clear {
	clear: both;
}
.newbox {
	width: 100%;
	padding-bottom: 15px;
}
.createevent {
	width: 70%;
	margin:0 auto;
}
	.newbox .newbox-top {
		background-image: url('assets/images/bg-box.gif');
		background-repeat: repeat-x;
		height: 25px;
	}
		.top-left {
			background-position:left top;
			background-image: url('assets/images/left-side-box.gif');
			background-repeat: no-repeat;
		}
		
		.top-right {
			background-position:right top;
			background-image: url('assets/images/right-side-box.gif');
			background-repeat: no-repeat;
		}
		.top-title {
			height: 25px;
			line-height: 25px;
			vertical-align:middle;
			padding: 0px 15px;
			font-weight: bold;
			color: #ffffff;
			font-size: 11px;
		}
	.newbox .newbox-content {
		padding: 0px 15px 15px 15px;
		background-color: #FFFFFF;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
	}
		.newbox .newbox-content select.manage-student {
			width: 100%;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			margin:5px 0px;
			padding: 2px 0px;
		}
	.newbox .tabular-data {
		padding: 15px 20px 15px 20px;
	}
		.newbox .newbox-content .sub-title {
			color: #724f81;
			font-size: 12px;
			padding: 12px 0px;
			font-weight: bold;		
		}
		.newbox .newbox-content table.form {
			width: 100%;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
		}
		table.form tr td {
			padding: 5px 0px;
			/*text-align:left;*/
		}
		table.form tr td.left {
			width: 115px;
			text-align:left;
		}
		table.form tr td.right {
			width: 115px;
			text-align:right;
			padding-right:10px;
		}
		table.form tr td.left-purple {
			color: #8047AD;
		}
		table.form tr td input[type=text],table.form tr td select {
			
			border: 1px solid #CCCCCC;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			width: 205px;
			padding:2px 0px;
		}
			/*
			table.form tr td input.btn {
				padding: 2px;
				width:auto;
				float:right;
				margin-right:9px;
				cursor:pointer;
				color: #FFFFFF; 
				background-color: #f09810;
			}*/
			table.form tr td input.btn-right {
				float:right;
				margin-left:9px;
				margin-right: 0px;
			}
		table.data {
			font-size: 11px;
			color: #3d3d3d;
			width: 100%;
		}	
		table.data tr {
			background-color: #f0f0f1;
		}
		table.data tr.data-even {
			background-color: #ffffff;
		}
		table.data tr td {
			padding: 8px 12px;
		}
		table.data tr td.cell {
			letter-spacing:-1px;
		}
		table.data tr td.cell a {
			text-decoration: underline;
			font-weight: bold;
		}
		table.data tr td.action {
			vertical-align:middle;
			text-align:right;
			width: 190px
			color: #b7b7b7;
		}
		table.data tr td.action a {
			text-decoration: none;
		}	
		table.data tr td a {
			color: #8049af;
			font-weight: normal;
		}	
		table.data tr td a.delete {
			background-image: url('assets/images/x.jpg');
			background-repeat:no-repeat;
			background-position:center right;
			padding-right: 15px;
			font-weight: none;
		}
		table.data tr td a.approve {
			background-image: url('assets/images/check.gif');
			background-repeat:no-repeat;
			background-position:center right;
			padding-right: 15px;
			font-weight: none;
		}		
		table.ideadetail {
			font-size: 11px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			width: 580px;
			margin: 70px auto 50px auto;
		}
		
		table.ideadetail tr td {
			padding: 10px 5px;
		
		}
		table.ideadetail tr td.right {
			color: #000000;
		}
		table.ideadetail tr td.left {
			color: #8047AD;
			font-weight: bold;
			vertical-align:top;
			width: 120px;
		}
		
		table.ideadetail tr td .share_this_idea {
			position: absolute;
			right: 0px;
			top: 20px;
			width: 117px;
			height: 24px;
			background-repeat: no-repeat;
			background-image: url('assets/images/share_this_idea.gif');
		}
		.related_events {
			font-size: 10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #000000;
		}
		#related-events {
			font-size: 10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #000000;
		}
		.related_events a{
			color: #724f81;
			text-decoration:none;
		}
		table.event {
			font-size: 11px;
			color: #000000;
		}
		
		table.event tr td {
			padding: 5px 0px;
			text-align:left;
		}
		table.event tr td.left {
			width: 170px;
			text-align:left;
			color: #551464;
		}
		table.event tr td input[type=text],table.event tr td input[type=file],table.event tr td select, table.event tr td textarea {
			
			border: 1px solid #CCCCCC;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			width: 205px;
			padding:2px 0px;
		}
		table.event tr td textarea {
			width: 100%;
			height: 150px;
		}
		table.event tr td input.date,table.event tr td select.date{
			width: auto;
		}
		table.event tr td label {
		
		}
		table.event tr td select {
		
		}
			input[type=text].youtube {
				width: 100%;
				border: 1px solid #CCCCCC;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				padding:2px 0px;
				margin-top:5px;				
			}
			input[type=submit].btn,input[type=button].btn,a.btn {
				padding: 2px 8px;
				font-weight: normal;
				width:auto;
				border: 1px solid #CCCCCC;
				float:right;
				margin-right:9px;
				cursor:pointer;
				color: #FFFFFF; 
				background-color: #f09810;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
			}
			input[type=submit].go {
				width:44px;
				height: 46px;
				border: none;
				background: url('assets/send_button.png') no-repeat;
			}
			a.btn {
				text-decoration: none;
				font-weight: normal;
				font-size: 11px;
				margin: 0px;
				margin-top: 5px;
			}
			a.btn-purple {
				padding: 4px 8px;
				width:auto;
				text-decoration:none;
				border: 1px solid #9b70b7;
				cursor:pointer;
				color: #FFFFFF; 
				font-weight: normal;
				height:18px;
				background-image: url('assets/images/btn-purple-bg.gif');
				background-repeat: repeat-x;
			}
			a.btn-embed {
				padding: 3px 10px;
				width: 65px;
				float:left;
				margin-top: 15px;
				color: #FFFFFF;
				background-color: #959595;
			}
			table.event tr td input.btn-right {
				float:right;
				margin-left:9px;
				margin-right: 0px;
			}
	.newbox .newbox-bottom {
		
	}
		.bottom-left {
			background-position:left bottom;
			background-repeat:no-repeat;
			background-image: url('assets/images/left-bottom-corner.gif');
		}
		.bottom-right {
			background-position:right bottom;
			background-image: url('assets/images/right-bottom-corner.gif');
			background-repeat:no-repeat;
		}
		.bottom-middle {
			height: 5px;
			margin: 0px 6px;
			background-color:#FFFFFF;
			border-bottom: 1px solid #e0e0e0;
		}
	.template#member {
		overflow: auto; padding-left:30px; padding-right:20px; width: 930px; height: auto;
	}
	
	.member-menu-left {
		width: 241px;
		float:left;
	}
	.member-menu-right {
		width: 241px;
		float:right;
	}
			
	.greybox {
		border:1px solid #E0E0E0; 
		position:relative;
		background-color:#FFFFFF;
	}
		.greybox .greybox-content {
			width: auto;
		}
			.greybox .greybox-content .item {
				height: 28px;
				line-height: 28px;
				padding: 0px 8px;
				color: #724f81;
				background-image: url('assets/images/left-arrow.gif');
				background-position:230px center;
				background-repeat:no-repeat;
				font-size: 11px;
			}
			.greybox .greybox-content .item a {
				font-weight: normal;
			}
			.greybox-container {
				 background-image: url('assets/images/purple_gradient_bg.gif'); 
				 background-repeat: repeat-x;
				 margin: 4px;
			}
		.greybox .corner-top-left {
			background-image: url('assets/images/left-top-corner.gif');'
			background-position: top left;
			background-repeat:no-repeat;
			width: 6px;
			height: 6px;
			position:absolute;
			top: -1px;
			left:-1px;
		}
		.greybox .corner-top-right {
			background-image: url('assets/images/right-top-corner.gif');
			background-position: top right;
			background-repeat:no-repeat;
			width: 6px;
			height: 6px;
			position:absolute;
			top: -1px;
			right:-1px;		
		}
		.greybox .corner-bottom-left {
			background-image: url('assets/images/left-bottom-corner.gif');
			background-position: bottom left;
			background-repeat:no-repeat;
			width: 6px;
			height: 6px;
			position:absolute;
			bottom: -1px;
			left:-1px;
		}
		.greybox .corner-bottom-right {
			background-image: url('assets/images/right-bottom-corner.gif');
			background-position: bottom right;
			background-repeat:no-repeat;
			width: 6px;
			height: 6px;
			position:absolute;
			bottom: -1px;
			right:-1px;
		}
		
	.note {
		font-style: italic; font-size: 10px; color: #5d5d5d; float: left;
	}		
	.upto {
		color: #666666;
		line-height: 18px;
		height: 18px;
		margin-top: 15px;
		vertical-align:middle;
		margin-left: 15px;
		font-weight: bold;
		float:left;
	
	}
	.error {
		font-style:italic;
		color: #ff0000;
		font-size:xx-small;
	}
input.btn-text {
	border: none; background: none; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #8049AF; margin:0px; padding:0px; cursor:pointer;
}

.btn-text#approve {
	background-image:url(assets/images/check.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:15px;
}
}
.btn-text#delete {
}

.newbox .division_information {
	padding-top: 10px;
	line-height: 18px;
	font-size:11px;
	
}
.newbox .division_information .desc{
	font-weight: bold;
}
.newbox .division_information .sub-title {
	font-weight: bold;
	color:#6a017d;
}
.newbox .division_information .divider {
	padding: 5px 0px;
}
.newbox .division_information a {
	color:#6a017d;
	font-weight:normal;
}
input.download_outlook {
	background-image: url('assets/images/arrow_down.gif'); background-repeat:no-repeat; background-position: center right; color: #6a017d; padding-right: 15px; width:170px; text-align:left; cursor:pointer;
}
/* Schools in your division */
.newbox .schools_division
{
	padding-top: 10px;
	line-height: 18px;
	font-size: 11px;
}
.newbox .schools_division a {
	color:#6a017d;
	font-weight:normal;
}
.newbox .schools_division select {
	width: 100%;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
.newbox .schools_division .school_detail {
	padding-top: 10px;
}

.newbox .postnote {
	padding: 20px 15px 20px 15px;
	font-size: 11px;
}
.newbox .postnote input,.newbox .postnote textarea {
	width: 100%;
	border: 1px solid #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 0px;
}
.newbox .postnote textarea { margin-top:10px; width: 100%; } 

.newbox .divisions_notes .divisionnotes_content {
	padding: 15px;
	border-bottom: 1px solid #E0E0E0;
}
.newbox .divisions_notes .divisionnotes_title {
	font-weight: bold;
}
.newbox .divisions_notes .divisionnotes_postedby {
	color: #464646;
	font-size: 9px;
}
/*Summary of search results */
.summary_title {
 	background-image: url('assets/images/search_results_summary_title_bg.gif');
	background-repeat:repeat-x;
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	height: 25px;
	line-height: 25px;
	vertical-align:middle;
	font-size: 10px;
	color: #ed9710;
	font-weight: bold;
	padding: 0px 14px;
}
.summary_content {
	font-size: 10px;
	font-weight: bold;
	color: #724f81;
	line-height: 16px;
	padding: 5px 14px;	
}
.total_content {
	color: #464646;
	font-size: 25px;
	font-weight: bold;
	color: #724f81;
	line-height: 16px;
	padding: 5px 14px;	
}

div.hline {
	height:1px;
	background: #c2bdc3 url(assets/hline_r.png) right no-repeat;
}
div.hline div {
	height:1px;
	background: url(assets/hline_l.png) no-repeat;
}
a.aplus {
	display: block;
	background: url(assets/images/a_plus.gif) no-repeat;
	height: 15px;
	padding: 0 0 0 19px;
	font-weight: normal;
}
.topics {
	padding: 12px 0 0;
	color: #000000;
}
.topics a {
	font-weight: normal;
	color: #6a017d
}
.newbox-block {
	border-top: 1px solid #e0dcdb;
	padding: 10px 15px;
	text-align: left;
	font-size: 11px;
}

.gl_title {
	color: #573075
}
.newbox-block p {padding-bottom: 5px}
.newbox-block span {color: #aaa}

.small-note {
	color: #928A96;
	font-size: 10px;
}
.grey {
	color: #928A96;
}
.topic {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; width:200px;}