/* 
 ----------------------------------------------------------------------------
 CSS Document - nyu op - styles.css
 ---------------------------------------------------------------------------- 
*/

/* style reset/cleanup thingys
 * ------------------------------------------------------------------------- */
/* remove list styles */
ul,ol { list-style:none;}
/* heading, fonts and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td {font-size:1em;}
/* Remove inconsistent default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0;padding:0;}
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset {border:none;}
body{ font-family: Verdana, Arial, sans-serif; font-size:11px; line-height:13px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:block; }  /* for IE/Mac */
strong{font-weight:bold;}
form{ padding:12px;}
/* School Wide Colors */
.orange{color: #B94804; }
.purple{color: #412a72; }
.highlight {color: #ff0000; }

/* photos*/
.photo_left{ float:left; padding:2px 10px 2px 12px;}
.photo_right{ float:right; padding:2px 12px 20px 10px;}


a:link, a:visited{color:#B94804; text-decoration:none;}
a:hover, a:hover{color:#412a72; text-decoration:underline; }

.page_title{ float:left; width:199px; background:#B94804; margin:0; height:100px; color:#fff; top:80px;}
h1.page_title {}
 #left .page_title h1 {top:80px;}
.page_image{ float:right; width:365px;  margin:0 1px 0 0; background:blue; height:100px; overflow:hidden;}
#title{ width:568px; margin:0; height:101px; overflow:hidden; float:left;}

#wrapper{ margin:0 auto; text-align:left; width:772px;}
#container{ border:1px #999 solid; width:770px; background: url(../images/layout/bg.gif) center top repeat-y;}
#left{ float:left; width:568px; margin:1px 0 0 1px; display:inline; position:relative;}
#left h1{ display:none;}
#left p { padding:0 20px 10px 17px; color:#b2b3ad;}
#left h2 { padding:0 20px 1px 14px; color:#B94804;}
#left h3 { padding:8px 20px 1px 17px; color:#b2b3ad; font-style:italic;}

#left ol{margin:0 0 10px 35px; padding: 0; list-style-type:decimal;}
#left ol li {font-size:11px;margin:0 0 10px 0px; padding:0;text-decoration:none;color:#B94804; font-weight:bold;}
#left ol li p{color:#b2b3ad; padding:0; font-weight:normal;}

#left ul{margin:0 0 10px 0;}
#left ul li {background:transparent url(../images/layout/bullet_purple.gif) no-repeat scroll 0 5px;font-size:11px;margin:0 0 2px 17px; padding-left:14px;text-decoration:none;color:#73766F;}
#left ul li a:link, #left ul li a:visited{ color:#B94804; text-decoration:none;}
#left ul li a:hover, #left ul li a:active{ color:#412a72; text-decoration:underline;} 
#left #home_image{ width:568px; height:303px; display:block; margin:44px 0 0 0; z-index:1; }

#right{ float:right; width:200px; height:100%; margin:0px 1px 1px 0; border-top:1px #fff solid;}
#right #sidebar {}
#right #sidebar_top{ background:url(../images/layout/sidebar_top.gif) left top repeat-x; height:44px;}
#right #sidebar_calendar_header{ background: url(../images/layout/sidebar_calendar_header.gif) left top no-repeat; height:32px;}
#right #sidebar_calendar { height:181px;}
#right #sidebar_calendar a { border:none; margin:0; padding:0;}
#right #sidebar h5 { background:url(../images/layout/sidebar_highlights.gif) left top no-repeat; height:32px; margin:0 0 10px 0;}
#right #sidebar h5 span {display:none;}
#right #sidebar h2, #right #sidebar h3 {padding:0 10px 10px 10px; font-size:12px; font-weight:normal; color:#fff;}
#right #sidebar a:link, #right #sidebar a:visited {color:#fff; font-size:12px; text-decoration:none;}
#right #sidebar a:hover, #right #sidebar a:active {color:#fff; font-size:12px; text-decoration:underline;}
#right #sidebar p{ padding: 0 10px 10px 13px;}
#nav{ float:left; margin:0; width:568px; /*height:80px;*/}
#nav_selected{ float:left; margin:0; width:568px; height:80px;}
#page{ width:566px;}
#page_content{  width:566px; display:inline;}
#subnav{width:566px; margin:6px 0 20px 12px; display:block; float:left; color:#B94804; font-size:10px;}
#subnav a:link, #subnav a:visited{color:#B94804; font-size:10px; text-decoration:none;}
#subnav a:hover{color:#B94804; text-decoration:underline;font-size:10px;}
#subnav a:active { color:#73766F;font-size:10px; text-decoration:none;}


#left h1.home{color:#B94804; font-size:24px; font-weight:normal; display:inline; margin:10px 0 0 13px;}
#left h2.home{color:#412a72; font-size:18px;font-weight:normal;}
#left #lc{float:left; width:48%;}
#left #rc{float:right; width:48%;}
#left p.notice, #left span.notice{color:#9ea481; font-style: italic; font-size:12px; margin-bottom:5px;}
#left

#sidebar a {color:#fff; font-size:12px; text-decoration:none;}
#sidebar h2 span.date {color:#fff; font-size:10px; text-decoration:none;}

#footer{ margin:10px auto; text-align:center; color:#412a72; font-size:11px;}
#footer a:link, #footer a:visited{ text-decoration:none; color:#412a72; font-size:11px;} 
#footer a:hover, #footer a:active{ text-decoration:underline; color:#B94804; font-size:11px;}

/* calendar */
#left #calendar-container ul li{ background:none; margin:0; padding:0; font-weight:normal; font-size:9px;}
.announcement-details span.date { display:none;}
.announcement-details{padding:0; color:#73766F;}


/* sliders */
#sliders{padding:0 12px 12px 12px;}
.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
margin: 10px 0;
}


.openlanguage{color:#412a72; text-decoration:none; font-weight:normal;}
.openlanguage:hover{color:#B94804; text-decoration:none; font-weight:normal;}

.closedlanguage{ color:#B94804; text-decoration:none; font-weight:normal;}

.thelanguage {background-color: #fefefe; line-height:20px; color:#73766F; border:1px solid #412a72; padding:10px;}


/* form */

input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {width: auto;}
.form label, .webform label {font-size:11px; font-weight:bold;color:#73766F;background-color:#FFFFFF !important;}
table{font-size:11px;color:#73766F;}

/* tertiary selected */
td.selected{ color:red;}

#subnav_ter{width:566px; margin:6px 0 10px 0; display:block; float:left; color:#B94804; font-size:10px;}
#subnav_ter a:link, #subnav_ter a:visited{color:#B94804; font-size:10px; text-decoration:none;}
#subnav_ter a:hover, #subnav_ter a:active {color:#B94804; text-decoration:underline;font-size:10px;}

#subnav_ter ul li { /* if your li's float, you can adjust border height w/ line-height */
	padding: 0 0 0 12px; 
	display: inline;
	border-left: 1px solid #B94804;
	list-style-type:none;
	background:none;
	height:8px;}
	
#subnav_ter #first {border:none; padding:0;}
	
#subnav_ter .selected a:link, #subnav_ter .selected a:visited, #subnav_ter .selected a:active, #subnav_ter .selected a:hover  {color:#73766F;}