/* ==================================================
Page Structure
================================================== */

/* multiple styles
-------------------------------------------------- */

#pre-banner-wrapper,
#heading,
#navigation ul,
#meat
{ width: 930px; margin: 0 auto; padding-bottom: 0; }

#meat { padding: 10px 0; }



/* pre-banner
-------------------------------------------------- */
#pre-banner ul {
	position: relative;
	left:305px;
}

#pre-banner ul li
{
	float: left;
}



/* banner
-------------------------------------------------- */

#banner { clear: both; }



/* content
-------------------------------------------------- */

#content.contains-sidebar #main-content
{
	float: left;
	width: 670px;
	margin-right: 30px;
}

#content.contains-sidebar #sidebar
{
	float: left;
	width: 199px; /* -1px because of its border AND -30px because of padding */
}

#content .overview
{
	margin-bottom: 30px;
	border-bottom: 1px dashed #ddd;
}

#content #overview,
#content #column-wrapper  { margin-top: 20px; margin-left: 0; padding-left: 0; }

#content .content-column
{ width: 200px; float: left; }



/* navigation
-------------------------------------------------- */

#navigation ul li  	{ float: left; }

#navigation ul li a
{
	display: block;
	padding: 8px 15px;
}



/* self-clearning rules
-------------------------------------------------- */

/* :after rules force elements to self-clear in standards-compliant browsers */
#pre-banner:after,
#banner:after,
#navigation:after,
#navigation ul:after,
#meat:after,
#content #column-wrapper:after,
#content #main-content:after,
#content #main-content .box:after,
#footer:after
{
    content:".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

/* These rules force layout in IE 6, which in turn forces the elements to self-clear */
* html #pre-banner,
* html #banner,
* hmtl #navigation,
* html #navigation ul,
* html #meat,
* html #content #column-wrapper,
* html #content #main-content,
* html #content #main-content .box,
* html #footer
{
	height: 1px;
}

/* this one works in IE 7 */
#pre-banner,
#banner,
#navigation,
#navigation ul,
#meat,
#content #column-wrapper,
#content #main-content,
#content #main-content .box,
#footer
{
	min-height: 1px;
}





/* ==================================================
Page Styles
================================================== */


/* body and general styles
-------------------------------------------------- */

body
{
	background: #eeeedd;
	font-size: 100%;
	font-family: "Lucida Grande", Verdana, sans-serif;
}

#banner-and-meat
{
	background: #fff;
	border-bottom: 1px solid #ddddcc;
}

a 		{ color: #ff5555; }
a:hover	{ color: #111144; }

.indent {
	margin-left: 20px;
	margin-right: 20px;
}

.normal-lists ol {
	font-weight: bold;
	padding-left: 20px;
}

.normal-lists ol li {
	list-style-type: decimal;
}

.normal-lists ul {
	font-weight: normal;
	padding-left: 20px;
}

.normal-lists ul li {
	list-style-type: disc;
}

.normal-lists ul li ul li {
	list-style-type: circle;
}

.site-map ul {
	margin: 10px 0px;
}

.site-map ul li ul {
	margin: 5px 0px;
}

.site-map ul li {
	line-height: 1.5em;
}

.site-map ul li.sublist {
	list-style-type: none;
	display: inline;
}

/* pre-banner
-------------------------------------------------- */

#pre-banner
{
	background: #383866 url(../images/pre_banner_gradient.gif) repeat-x left top;
	font-size: 100%;
	font-family: Verdana, sans-serif;
	padding-top: 10px;
}

#pre-banner ul { font-size: .65em; }

#pre-banner ul li a
{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 15px;
	margin: 5px 20px 5px 0;
	display: block;
	background: url("../images/arrow.gif") left center no-repeat;
}

#pre-banner ul li a:hover { text-decoration: underline; }

/* banner
-------------------------------------------------- */

#banner 	{ background: #383866 url(../images/banner_gradient.gif) repeat-x left bottom; };padding-right: -100px;outline: solid 1px black;

#banner h1 	{ padding: 0 0 20px 0; }

#banner h1 a
{
	display: block;
	width: 353px;
	height: 50px;
}

/* navigation
-------------------------------------------------- */

#navigation
{ background: #f7f7e6 url(../images/navigation_gradient.jpg) repeat-x left bottom; font-size: 0.75em; font-family: Verdana, sans-serif; width: 100%; }

#navigation ul
{
	position: relative;
	z-index: 1;
}

#navigation ul li a
{
	border-right: 1px solid #ccccaa;
	color: #333366;
	text-decoration: none;
	text-transform: capitalize;
}

#navigation ul li a.first {
	border-right: none;
	border-left: 1px solid #ccccaa;
}

* html #navigation ul li a { float: left; }

#navigation ul li a:hover
{
	background: #ddddcc;
	text-decoration: underline;
	border-bottom: 1px solid #ccccaa;
}

#navigation ul li a#students
{
	background: url("../images/students_gradient.gif") top left repeat-x #ccaa00;
	border: 1px solid #bb9900;
}

#navigation ul li a#educators
{
	background: url("../images/educators_gradient.gif") top left repeat-x #337799;
	border: 1px solid #226688;
}

#navigation ul li a#advisors
{
	background: url("../images/advisors_gradient.gif") top left repeat-x #992255;
	border: 1px solid #881144;
}

#navigation ul li a#parents
{
	background: url("../images/parents_gradient.jpg") top left repeat-x #3A9C66;
	border: 1px solid #1A7A3F;
}

#navigation ul li a#quick-links,
#navigation ul li a#quick-links:hover
{
	text-decoration: none;
	cursor: default;
	color: #ff3300;
}

#navigation ul li a.colorful-link
{
	color: #fff;
	border-top: none !important;
	cursor: default;
	text-decoration: none;
}

#navigation ul li a.colorful-link:hover { border-bottom: 1px solid #777; }

#navigation ul li a#students:hover 		{ background: #bb9900; }
#navigation ul li a#educators:hover		{ background: #226688; }
#navigation ul li a#advisors:hover 		{ background: #881144; }
#navigation ul li a#parents:hover			{ background: #1A7A3F; }

#navigation ul li.current a
{
	text-decoration: none;
	background: url("../images/current.gif") bottom center no-repeat #555 !important;
	border: 1px solid #444 !important;
	border-bottom: none !important;
	border-top: 1px solid #555 !important;
	color: #fff !important;
}

#navigation ul li.current a:hover
{
	background: url("../images/current.gif") bottom center no-repeat #444 !important;
	border: 1px solid #333 !important;
	border-bottom: none !important;
	border-top: 1px solid #444 !important;
}

#navigation ul li.current a.colorful-link 	{ border-bottom: 1px solid #444; }


	/* Dropdown
	   ------------- */

	#navigation ul li { position: relative; }

	#navigation .hover ul,
	#navigation ul li:hover ul
	{ display: block; }

	#navigation ul li ul
	{
		display: none;
		position: absolute;
		top: 2.8em;
		padding-top: 1px;
		left: 0;
		width: auto;
		border: none;
		font-size: .9em;
	}

	#navigation ul li ul li { float: none; }

	#navigation ul li.current ul li a,
	#navigation ul li ul li a
	{
		display: block;
		color: #fff;
		background: #777 !important;
		background-image: none !important;
		border: 1px solid #555 !important;
		border-top: none !important;
		text-decoration: none;
		width: 150px;
		white-space: nowrap;
		height: 1%;
		float: none !important;
	}

	* html #navigation ul li ul li a { height: 1px; } /* clears link box in IE6 */

	#navigation ul li.current ul li a:hover,
	#navigation ul li ul li a:hover
	{
		text-decoration: underline;
		background: #666 !important;
		border-top: none !important;
		border-bottom: 1px solid #555 !important;
	}



/* content
-------------------------------------------------- */

#content
{
	font-size: 100%;
	line-height: 1.5em;
	color: #000;
}

#content p, ul, ol
{
	line-height: 1.3em;
}

#content #main-content .box
{
	display: none;
	width: 700px;
	height: 300px;
	background: #fff;
	color: #fff;
	padding: 0;
	margin-top: 10px;
	float: left;
}

#content #main-content ul#box-navigation
{
	list-style: none;
	float: left;
	margin: 10px 0 10px 6px;
	padding: 0;
	height: 300px;
	position: relative;
}

#content #main-content ul#box-navigation li
{
	padding: 0;
	width: 224px;
	height: 96px;
	cursor: pointer;
	z-index: 0;
	color: #fff;
}

* html #content #main-content ul#box-navigation li { height: 94px; }

#content #main-content ul#box-navigation li a
{
	padding: 23px 15px 0 23px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 2.0em;
}

#content #main-content ul#box-navigation li a:hover,
#content #main-content ul#box-navigation li:hover a
{
	text-decoration: underline;
}

#content #main-content ul#box-navigation li.first 	{ background: url(../images/yellow.jpg) no-repeat left top; }
#content #main-content ul#box-navigation li.second 	{ background: url('../images/blue.jpg') top left no-repeat; }
#content #main-content ul#box-navigation li.third  	{ background: url('../images/pink.jpg') top left no-repeat; }
#content #main-content ul#box-navigation li.fourth { background: url('../images/green.jpg') top left no-repeat; }

#content #main-content ul#box-navigation li p
{
	padding: 0 15px;
	font-size: .9em;
	line-height: 1.3em;
}

#content h2.page-title { margin-bottom: 20px; }

#content h3 {
	font-size: .9em;
}

#content #column-wrapper
{
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed #ccc;
}
#contfooter { background-position: 0 top; vertical-align: top; clear: both; border-top: 1px dashed #ccc; }
#content #column-wrapper .content-column
{
	width: 280px;
	text-align: left;
}

#content #column-wrapper .first 			{ padding-right: 30px; }
#content #column-wrapper .second 			{ margin-right: 15px; margin-left: 15px; }
#content #column-wrapper .third				{ padding-left: 30px; }

#content #column-wrapper .content-column h4 { margin-bottom: 0.5em;; }

#content p,
#content ul,
#content ol,
#content dl,
#content form,
#content #program-search-tabs
{
	font-size: .75em;
	font-family: "Lucida Grande", Verdana, sans-serif;
}

#content .overview ul,
#content .overview dl
{
	list-style: disc inside;
	margin: 15px 0;
}

#content p { padding-bottom: .8em; }

#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul,
#content ul p,
#content ol p
{
	font-size: 100%; /* returns orginal size to looped elements */
}

#content dl 	{ line-height: 1.3em; }
#content dl dt	{ margin-bottom: 5px; }
#content dl dd 	{ margin-bottom: 15px; }


	/* Form
	------- */

	#content form input,
	#content form textarea,
	#printButton
	{
		margin-bottom: 10px;
		color: #777;
		padding: 5px;
		border: 1px solid #bbb;
	}

	#content form input[type=checkbox] {
		margin-bottom: 0;
		color: #000;
		padding: 0;
		border: 0;
	}

	#content form table td  {
		padding: 2px;
	}

	#printButton {
		cursor: pointer;
		width: 60px;
		height: 28px;
		margin-left: 4px;
	}

	#printButton:hover {
		background-color: #bbb;
	}

	#content form p { padding-bottom: 0; }

	#content form #submit,
	#searchButton
	{
		background: #ff3300;
		color: #fff;
		border: 1px solid #dd1100;
		cursor: pointer;
	}

	#content form #submit:hover, #searchButton:hover { background: #dd1100; }



/* sidebar
-------------------------------------------------- */

#sidebar
{
	font-size: 100%;
	line-height: 1.3em;
	color: #333;
	margin-top: 1.5em;
	border-left: 1px solid #eee;
	padding-left: 30px;
	background: url("../images/sidebar_shadow.jpg") top left repeat-y #fff;
}

#sidebar small
{
	color: #999;
	font-size: .75em;
	line-height: 1.3em;
}

#sidebar ul#education-areas 	{ margin: 10px 0; }
#sidebar ul#education-areas li 	{ list-style: disc inside; }

/* search results
------------------------------------------------ */
#search-content {
	float: left;
	background: url("../images/search_results_divider.jpg") repeat-y 420px 0px #fff;
	border: 1px dashed #cccccc;
	padding: 5px;
}

#web-site-search-results {
	float: left;
	width: 400px;
	padding-right: 20px;
}

#links-search-results {
	width: 400px;
	padding-left: 42px;
	float: left;
}

/* footer
-------------------------------------------------- */
#footer {
	padding-bottom: 20px;
}

#footer td {
	font-size: .75em;
	line-height: 1.5em;
	padding-top: 20px;
	padding-right: 20px;
}

#footer p {
	
	padding-top: 10px;
	color: #555;
	font-size: .75em;
}
.imagefloat { margin-right: 10px; float: left }
.normalbld { color: #333; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; }
.normal { color: #333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 15px; }
.small { color: #333; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 12px; }