/* structure 
@import url("dropdown.css");*/
* {margin:0;padding:0;}

body {
	background-color:#E3DFE0;
	margin:0 auto;
	font: normal 12px/1.2 arial,sans-serif;
}

div#container {width:900px;margin:0 auto;}

div#header-nav {text-align:left;height:22px;background-color:#434343;padding:6px 8px;}
div#header-nav2 {text-align:left;height:22px; padding:6px 8px; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#000000; }

div#left {float:left;width:625px;}

div#right {float:right;width:230px;background:url(images/bg_right.png) top left no-repeat #bbb;padding:50px 15px 20px 15px;}

div#footer {color:white;clear:both;text-align:left;padding:8px 10px;margin-bottom:20px;background:url(images/bg_footer.jpg) bottom right no-repeat #7F7F7F;border:1px solid #696969;}

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

/* header */

div#header-nav a {color:#ebebeb;text-decoration:none;}
div#header-nav a:hover {text-decoration:underline;}


div#header-nav span, div#header-right {font:bold 15px/1.1 'trebuchet ms',arial,sans-serif;letter-spacing:-1px;}


div#header-nav span {color:#FF7805;padding-right:10px;}


div#breadcrumb {display:inline;color:white;}


div#header-right {float:right;}
	div#header-right ul, div#header-right ul li, div#header-right div, div#header-right form {display:inline;}
	div#header-right ul li {font-size:.95em;color:#EBEBEB;margin-right:10px;}

	div#header-right div {border-left:1px solid #818181;padding-left:10px;color:#ebebeb;text-transform:uppercase;vertical-align:middle;}
	
	div#header-right input {background-color:#e3e3e3;border:1px solid white;margin-left:10px;height:20px;width:116px;vertical-align:top;}
	
	div#header-right input.search {width:20px;height:22px;}
	
/*--------------------------------------------------------------- */


/* logo panel */

div#logo-panel img {float:left;}

div#rotator {background-color:#28231D;color:white;float:right;width:604px;height:160px;z-index:1;}


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


/* main nav */

	/* the styling */
#nav {float:left;background:black;width:100%;margin-bottom:50px;position:relative;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none; display:block;}

#nav li {display:inline;  margin:0; padding:0; height:auto;}

#nav .select a, 
#nav .current a {display:block; height:2.5em; float:left; background:url("images/bg_nav_left.gif") no-repeat left top; padding:0 0 0 9px; border-bottom:1px solid #765; text-decoration:none; font-weight:bold; line-height:2.4em; white-space:nowrap;}
* html #nav .select a, * html #nav .current a {width:1px;}

#nav .select a b, 
#nav .current a b {height:100%; display:block; background:url("images/bg_nav_right.gif") no-repeat right top; padding:0 15px 0 6px; color:white;font-size:1.25em;letter-spacing:-1px;}

#nav .select a:hover, 
#nav li:hover a {background-position:0% -150px; border-color:#fd9700;cursor:pointer;}

#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -150px; border-color:#fd9700; color:white;}


#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:1em;}

#nav .current a {background-position:0 -150px; border-color:#fd9700;color:white;}
#nav .current a b {background-position:100% -150px; color:white;}

#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {border-color:#fd9700; color:black;}

ul.sub li a {margin-bottom:5px !important;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {color:#000;}

#nav .sub_active .current_sub a {background:#F8DF9A;border:2px solid #FFBC00 !important;}


#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:900px; top:30px; left:0; background:#fd9700; margin-top:1px; padding:8px 0;z-index:100;}

#nav .sub, #nav .current .sub {margin:0; padding:0; list-style:none;}
#nav .sub_active {display:block; position:absolute; width:900px; top:30px; left:0; background:#fd9700; margin-top:1px; padding:8px 0;}/*z-index:10;*/

/** html #nav .sub_active {z-index:-1;}
* html #nav .select a:hover .sub {z-index:-1;}*/



#nav .sub_active a {text-decoration:none;}
#nav .sub_active a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; background:#fd9700; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:1em;  line-height:1.2em; color:white; border-color:#fd9700; height:18px;}


#nav .sub_active a {padding:0; float:left; margin-bottom:5px !important; border:2px solid #FD9700;}
ul.sub_active {padding:8px 10px !important; width:880px !important;}
#nav .sub_active li.current_sub a {padding:0 10px !important;}
#nav ul.sub_active li ul {display: none; width:135px; padding: 0px 0px 2px 0px; margin: 0px 0px 0px 0px;}
#nav ul.sub_active li {float:left; position:relative;}
#nav ul.sub_active li:hover ul {display:block; position:absolute; top:21px; left:0px; width:135px; padding: 0px 0px 2px 0px; margin: 0px 0px 0px 0px; z-index:200;}
#nav ul.sub_active li:hover ul li a {display:block;position:relative;width:135px; padding: 5px 0px 2px 5px !important; margin: 0px 0px 0px 0px !important; z-index:200; background-color:#ffbc00;}

#nav ul.select li ul.sub li ul {display: none; width:135px; padding: 0px 0px 2px 0px; margin: 0px 0px 0px 0px;}
#nav ul.select li ul.sub li {float:left; position:relative;}
#nav ul.select li ul.sub li:hover ul {display:block; position:absolute; top:21px; left:0px; width:135px; padding: 0px 0px 2px 0px; margin: 0px 0px 0px 0px; z-index:200;}
#nav ul.select li ul.sub li:hover ul li a {display:block;position:relative;width:135px; padding: 5px 0px 2px 5px !important; margin: 0px 0px 0px 0px !important; z-index:200; background-color:#ffbc00;}
/**/

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


/* left side */
.full {float:left;width:900px;}

h1, h2, h3 {font:bold 2.8em/1.1 'trebuchet ms',arial,sans-serif;letter-spacing:-1px;}
h2 {font-size:2em;margin-bottom:10px;}
div#left p {line-height:1.5;}


/* intro + cms pages */
	
div.intro, div.cms {background:url(images/bg_intro.png) top left no-repeat white;padding:60px 5px 60px 20px;}
	div.intro h1 {width:430px;color:#29241e; margin-bottom:20px;}
	
	div.intro h1 span.csn, div.cms h1 {color:#fe6700;}
	div.intro h1 span.sub {color:#3d3d3d;}
	
div.cms {padding:40px 5px 40px 20px;margin-bottom:15px;min-height:350px; height: auto !important; height: 350px;}
	div.cms h1 {margin-bottom:20px;}
	div.cms h2 {margin-top:30px;}
	
	div.cms ul {margin-top:20px;}
	div.cms ul li {list-style:none;}
	div.cms ol {margin-left: 11px;}
	div.cms ol li {list-style:disc;padding-left:6px;}
	div.cms ul li a {display:block;padding:6px 0;color:#696969;list-style:none;}
	* html div.cms ul li a {padding:0;}
	
	div.cms a:hover {text-decoration:none;}
	

	
	
/* callout - homepage */
div.callout {background:url(images/bg_callout.png) top left no-repeat #c7c7c7;padding:18px 18px 60px 18px;margin:15px 0 20px;}

	div.callout h3 {margin:15px 0;}
	div.callout h3 a {color:white;text-decoration:none;}
	div.callout h3 a:hover {text-decoration:underline;}
	div.callout p {}
	

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


/* right side */


#navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:url(images/bg_sidenav_closed.jpg) 0 0 repeat-y #8c8c8c;
	color:white;
	display:block;
	font:bold 1.3em/1.1 'trebuchet ms', arial, sans-serif;
	padding:6px 10px;
	text-decoration: none;
	margin-bottom:3px;
}

#navigation ul {}

#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:white;
	font:bold 1.1em/1.1 'trebuchet ms', arial, sans-serif;
	display:block;
	padding:6px 0 6px 10px;
	text-decoration: underline;
}

* html #navigation li li a {overflow:hidden;width:208px;}

#navigation li li a:hover {
	background-color:#cdcdcd;
	text-decoration:none;
}

#navigation a.current {
	color:#fe6700; background-color:white; text-decoration:none;
}

#navigation a.head.open {background:url(images/bg_sidenav_open.jpg) 0 0 repeat-y #FE8800;color:white;}

#navigation li li a img {display:block;border:0;}
#navigation li li a:hover img {background:none;}


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

/*misc */

.right {float:right;}

.clear {clear:both;display:block;}

.thickbox {background-image:none;}

div#search-results h1 span {color:#29241e;}
div#search-results h2 {font-size:1.5em;font-weight:normal;letter-spacing:0;}
div#search-results p {padding:5px 0 20px;border-bottom:1px solid #cdcdcd;line-height:1.3;}
div#search-results span.score {font-size:1.1em;display:block;margin:0 0 5px;}
div#search-results span.link {color:#008000;display:block;margin:5px 0; 0}

div.two-col {float:left; width:430px;margin:10px 0;}

div.four-col {float:left; width:215px;margin:10px 0;}
div.four-col p {display:block;}
div.four-col img {border:2px solid #cdcdcd;}
div.four-col a img {opacity:.8;}
div.four-col a:hover img {opacity:1;}

div#board p {display:block;width:160px;}

div.master {display:block;width:220px;float:left;;padding:20px;margin:10px 20px 10px 0;text-align:center;font-size:2em;background:#EADAA9;}
div.master a {display:block;}
div.master span {display:block;}

div#instructors p {padding:2px 0;margin:3px 0;font-size:1.4em;display:block;border-bottom:1px solid #cdcdcd;}

tr.class-heading th {background:#e6e6e6;font-size:1.2em;}
tr.class-info td {border-bottom:1px dotted #696969;padding:10px 0;}
h2.schedule {background:#d7d7d7;color:#393939;padding:5px 2px;}

a.alpha-index {margin:0 9px;font-size:1.5em;}
a.alpha-link {font-weight:bold;}

#footer a {
	color:white;
	font:bold 1.1em/1.1 'trebuchet ms', arial, sans-serif;	
	text-decoration: underline;
}