/*	CSS Properties for Educational Council	*/

/*	LAYOUT DIVISIONS	*/
	
	body {
	 margin: 0;
	 padding: 0;
	 text-align: center;
	 background: url('http://d772270c91641dd0ae3a750d8b8aa004fbdec5a4.gripelements.com/images/body-bg.jpg') repeat-x #fff;
	}
	#big-wrapper {
		width:895px;
		margin:auto;
	}
	* html #big-wrapper {
		width:898px;
	}
	.shadow-l,
	.shadow-r {
		width:15px;
		height:354px;
		float:left;
		background:url(http://d772270c91641dd0ae3a750d8b8aa004fbdec5a4.gripelements.com/images/shadow-left.gif) no-repeat
	}
	.shadow-r {
		background:url(http://d772270c91641dd0ae3a750d8b8aa004fbdec5a4.gripelements.com/images/shadow-right.gif) no-repeat
	}
	#wrapper {
	 background: #fff;
 	 float:left;
	 text-align: left;
	 width: 865px;
	  min-height:800px;
	  height:auto !important;
	  height:800px;
	position:relative;
	}
	
	#header {
	 background: url('http://d772270c91641dd0ae3a750d8b8aa004fbdec5a4.gripelements.com/images/header-bg.png') top left no-repeat;
	 border-bottom: 1px solid #fff;
	 height: 70px;
	 width: 865px;
	}
	
	.home-link1,
	.home-link2 {
		float:left;
		position:relative
	}
	#mainNav {float:right; position:absolute; right:15px; top:45px;}
	/*margin: 45px 20px 0px 0px;*/
	
	#headerImgMain {
	 background: url('http://d772270c91641dd0ae3a750d8b8aa004fbdec5a4.gripelements.com/images/header-img-02.png') top left no-repeat;
	 border-bottom: 1px solid #fff;	
	 height: 290px;
	 width: 865px;
	}
	
	#headerImg {
	 background: url('http://d772270c91641dd0ae3a750d8b8aa004fbdec5a4.gripelements.com/images/header-img-01.png') top left no-repeat;
	 border-bottom: 1px solid #fff;	
	 height: 140px;
	 width: 865px;
	}
	
	#blueBar { background: #003580; height: 10px; width: 865px; clear:both; border-top:solid 1px #FFF; }

	#main {
	 float: left;
	 margin: 0;
	 padding: 0px 0 10px 0;
	 width: 865px;
	}
	
	#content {
	 float: left;
	 width: 545px;
	}
	
	#sidebar {
	 background: #fff0b4 url('http://d772270c91641dd0ae3a750d8b8aa004fbdec5a4.gripelements.com/images/sidebar-bg.png') top left no-repeat;
	 float: right;
	 margin: 0px 10px 0px 0px;
	 min-height: 400px;
	 padding: 5px 10px 10px 10px;
	 width: 260px;
	}
	
	#menu {
	 float: right;
	 margin: 0px;
	 padding: 0px 20px 0px 0px;
	 text-align: right;
	 width: 220px;
	}
	
	#footer {
	 background: #ddd;
	 border-top: 1px solid #ccc;
	 clear: both;
	 margin: 0;
	 padding: 0px 0px 5px 0px;
	 text-align: right;
	}
	#footer .wrapper {
		width:865px;
		margin:auto;
	}

/*	FRONT PAGE	*/
	
	#frontWrap {
	}
	
	#frontSidebar {
	 background: #fff0b4 url('http://d772270c91641dd0ae3a750d8b8aa004fbdec5a4.gripelements.com/images/sidebar-bg.png') top left no-repeat;
	 float: right;
	 margin: 10px 0px 0px 0px;
	 min-height: 500px;
	 width: 280px;
	}
	
	#frontContentWrap {
	 float: left;
	 width: 576px;
	}
	
	#frontContentLeft {
	 float: left;
	 width: 280px;
	}
	
	#frontContentRight {
	 float: right;
	 width: 280px;
	}
	#banner {
		overflow:hidden;
		height:289px;
	}
	#banner #left {
		float:left;
		background:url(http://d772270c91641dd0ae3a750d8b8aa004fbdec5a4.gripelements.com/images/bluebox.gif) no-repeat;
		height:289px;
		width:287px;
	}
	#main-img {
		float:left;
		width:578px;
		height:289px;
	}
	#fader {
		list-style: none;
		margin:0;
		padding:0;
	}
	#fader2 {
		height:270px;
		width:580px;
		float:right;
		list-style: none;
		margin:0;
		padding:0;
	}
	#motto {
		float:left;
	}
	#sdfsc-images {
		overflow:hidden;
		height:270px;
	}
	div.search {
		margin-top:160px;
		padding:6px;
		height:50px;
	}
	div.nav-search {
		float:right;
		margin:10px 15px 0 0;
		display:inline;
	}
	input.text {
		background-color:#d7dde4;
		border:solid 1px #0b2d5c;
		height:18px;
		padding:3px;
		color:#666;
		width:200px;
		position:relative;
		display:inline;
		float:left;
	}
	form {
		line-height:0;
		display:block;
		margin:0;
	}
	#banner input.submit {
		float:right;
		margin-right:9px;
	}
	div.email-signup {
		padding:6px;
		height:50px;
	}
/*	TYPOGRAPHY	*/
	
	p,td {
	 color: #333;
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 font-size: 12px;
	 line-height: 180%;
	}
	
	#footer p {
	 color: #333;
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 font-size: 10px;
	}
	
	#frontContentRight p {
	 color: #333;
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 font-size: 11px;
	}
	
	h1 {
	 border-bottom: #ddd 1px solid;
	 color: #111;
	 font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	 font-size: 24px;
	 font-weight: normal;
	 margin: 10px 10px 5px 0px;
	 padding: 0px 0px 2px 0px;
	}

	h2 {
	 color: #999;
	 font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	 font-size: 14px;
	 font-weight: normal;
	 margin: 0;
	 text-transform: uppercase;
	}

	h3 { 
	 color: #003580;
	 font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	 font-size: 18px;
	 margin: 10px 0px 10px 0px;
	 padding: 0px;
	}
	
	h4 {
	 color: #800B00;
	 font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	 font-size: 12px;
	 /*font-weight: normal;*/
	 margin: 25px 0px 10px 0px;
	 text-transform: uppercase;
	}
	
	h5 {
	 color: #800B00;
	 font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	 font-size: 12px;
	 margin: 10px 0px 10px 0px;
	 text-transform: uppercase;
	}
	
	em.first {
	 color: #333;
	 font-size: 18px;
	 font-style: normal;
	 line-height: 160%;
	}
	
em.highlight {
     color: #800B00;
     font-style: normal;
     font-weight: bold;
	 text-transform: uppercase;
	}

	
/*	LIST ELEMENTS	*/
	
	li {
	 color: #333;
	 font-family: Verdana, Helvetica, Arial, sans-serif; 
	 font-size: 12px;
	 line-height: 160%;
	}
	
    	#menu ul { margin: 0; padding: 0; }

	#menu li { font-size: 11px; list-style-type: none; line-height: 200%; }
	
	#mainNav ul { margin: 0px; padding: 0px; }
	
	#mainNav li {
	 display: inline;
	 font-family: 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
	 font-size: 12px;
	 font-weight: bold;
	 padding-left: 10px; 
	 text-transform: uppercase;
	}
	
	#sidebar ul { margin: 0; padding: 0; }
	
	#sidebar li {
	 font-family: 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
	 font-size: 14px;
	 line-height: 200%;
	 list-style-type: none;
	}

	#sidebar ul#sublinks li {
	font-size:11px;
	line-height:180%;
	padding-left:10px;
	}

	p + ul#sublinks {
	margin-bottom:5px;
	}
	

/*	ANCHOR ELEMENTS	*/
	
	p a:link, td a:link { border-bottom: 1px dotted #aaa; color: #003580; text-decoration: none; }
	p a:visited, td a:visited { border-bottom: 1px dotted #aaa; color: #003580; text-decoration: none; }
	p a:hover, a:hover { border-bottom: 1px solid #333; color: #003580; text-decoration: none; }
	
	li a:link { border-bottom: 1px dotted #ccc; color: #003580; text-decoration: none; }
	li a:visited { border-bottom: 1px dotted #ccc; color: #003580; text-decoration: none; }
	li a:hover { border-bottom: 1px solid #333; color: #003580; text-decoration: none; }
	
	#menu li a:link { border-bottom: 1px dotted #ccc; color: #333; text-decoration: none; }
	#menu li a:visited { border-bottom: 1px dotted #ccc; color: #333; text-decoration: none; }
	#menu li a:hover { border-bottom: 1px solid #333; color: #333; text-decoration: none; }
	
	#mainNav a:link { border-bottom: none; color: #003580; text-decoration: none; }
	#mainNav a:visited { border-bottom: none; color: #003580; text-decoration: none; }
	#mainNav a:hover { border-bottom: none; color: #000; text-decoration: none; }
	
	#sidebar a:link { border-bottom: none; color: #003580; text-decoration: none; }
	#sidebar a:visited { border-bottom: none; color: #003580; text-decoration: none; }
	#sidebar a:hover { border-bottom: none; color: #000; text-decoration: none; }

        #i1 a:link { border-bottom: none; color: #003580; text-decoration: none; }
	#i1 a:visited { border-bottom: none; color: #003580; text-decoration: none; }
	#i1 a:hover { border-bottom: none; color: #000; text-decoration: none; }

/*  ACCORDION MENU  */
.basic  {
	font-family:'Lucida Grande','Trebuchet MS',Arial,sans-serif;
}
.basic div {
	background-color:#33537a;
}

.basic p {
	color:#FFF;
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.basic a.yellow-block {
	cursor:pointer;
	display:block;
	padding:0 5px 0 15px;
	font-size: 10px;
	color:#013580;
	border-bottom: 1px solid #fff;
	height:49px;
	line-height:12px;
	background: #FFF0B4;
	font-family:Verdana;
}
.basic a.yellow-block strong {
	font-family:'Lucida Grande','Trebuchet MS',Arial,sans-serif;
	display:block;
	position:relative;
	left:-10px;
	padding:5px 0 2px 0;
	font-size:13px;
}
.basic a.indent {
	padding-left:35px;
}
.basic a.indent strong {
	font-weight:normal;
}
.basic a:hover {
}
.basic a.selected {
	background: #FFE77B;
}
.basic div a {
	color:#fff;
}

/* Events/Programs Page */
#sidebar input.text,
#sidebar select {
	background-color:#fff;
	color:#333;
	display:inline;
	float:left;
	height:18px;
	padding:3px;
	position:relative;
	width:191px;
}
#sidebar input.submit {
	float:right;
}
#sidebar select {
	border:1px solid #0B2D5C;
	height:26px;
	width:260px;
}
.calendar {
	border-left:1px solid #999999;
	width:100%;
	font-size:11px;
	background:#fff;
}
caption {
	background:#FFDC4A;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-top:1px solid #999999;
	color:#434343;
	font-family:Verdana;
	font-size:16px;
	font-weight:normal;
	letter-spacing:-2px;
	padding:3px;
}
.calendar tr th {
	background-color:#34527A;
	border-bottom:1px solid #999999;
	color:#eee;
	padding:5px 3px;
}
.calendar tr td {
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	color:#999999;
	padding:5px 3px;
}
.linked-day {
	background-color:#FFEA94;
	font-weight:bold;
	text-decoration:none;
}
.linked-day a {
text-decoration:none;
}

.event_date {
	color: #333; 
	background-color: #EEE; 
	width: 100%; 
	padding: 5px 10px;
	letter-spacing: 0.08em; 
	font-size: 15px;
	margin-top: 15px;
}

.event_td {
	border-bottom: 1px solid #DFDFDF; 
	padding: 3px 0;
	font-size: 12px;
}

.event_td a {
	
}

.event_big {
	font-size: 14px; 
	font-weight: bold;
}

.event_small {
	color: #999; 
	font-size: 11px;
}

.message {
	background-color: #FFF0B4;
	padding: 5px;
	color: #34527A;
	font-family:'Lucida Grande','Trebuchet MS',Arial,sans-serif;
	font-size: 14px;
	border: 1px solid #FFD414;
}

#sidebar .callouts .classes {
	margin-bottom: 10px;
}
#sidebar .callouts .classes li {
	font-size: 10px;
}

label {
	color: #800B00;
	 font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	 font-size: 12px;
	 text-transform: uppercase;
	 font-weight: bold;
}

.reg_form tr td {
	padding: 3px 20px 3px 0;
}

.media_type {
	color: #999;
}

.resource_list tr td {
	padding: 3px 0;
	border-bottom: 1px solid #CCC;
}

.resource_list tr td.even {
	background-color: #DFDFDF;
}