/*
	NECO -  by Neptune Web, Inc. 
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.SECTION SPECIFIC STYLING
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
	   10.HOME PAGE
	   11.PRIMARY CONTENT
	   12.SECONDARY CONTENT
	   13.INTERNAL PAGES
	   14.FORMS
	   
	   
    -------------------
*/



		
/*  1. BODY 
-------------------------------------------------------------*/
		
html	{height:100%;}
form { padding: 0px; margin: 0px; }
		
body {background-color: #DED7CE;
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			color: #666;
			margin: 0;
			padding:0;
			text-align: left;
}

/*  2. DEFAULT STYLING 
-------------------------------------------------------------*/

p, div, ul, ol, li, h1, h2, h3, h4, h5, h6 {margin-top: 0px;}
		
img a {border:0;}
		
.clear	{clear:both; height:0; margin:0; padding:0; line-height:0;}
table   { border-collapse: collapse }

hr {
		text-align: center;
		width: 100%;
		height: 1px;
		color: #bbb;
		border: none;
		} /* For Internet Explorer */
		html>body hr {
		margin-right: 0;
		width: 100%;
		height: 1px;
		background-color: #bbb;
		border: none;
		} /* For Gecko-based browsers */
		html>body hr {
		margin-right: 0;
		width: 100%;
		height: 1px;
		background-color: #bbb;
		border: 0px solid #bbb;
		} /* For Opera and Gecko-based browsers */

legend  { text-transform:uppercase; font-size: 14px; font-weight: bold;  } 
/* 3. HEADINGS 
-------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6	{font-family: Arial, Helvetica, sans-serif;}

h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }	
h4 { font-size: 14px;  }
h5 { font-size: 14px; }	
h6 { font-size: 14px;  }

/* 4. LINKS 
-------------------------------------------------------------*/

a:link 	{color:#336799}
a:hover	{color:#8bac1f}
a:active	{color:#336799}
a:visited	{color:#336799}

/* 5. PAGE LAYOUT 
-------------------------------------------------------------*/

/* define a nice looking bullet list */
#right_column #content ul { margin: 0; padding: 0 0 10px 0; list-style-type: none;} 
#right_column #content ul li { line-height: 20px; background: url(/images/redbullet.gif) no-repeat left 4px; padding-left: 17px; }

/* this to avoid sub lists having the red bullets such as process.html in admissions */
#right_column #content ol li { background: none; padding-left: 8px; } 
#container {width:900px; margin:0 auto;}
#top_area {width:880px; height:69px; padding:0px 0 0px 20px; background:#a73745 url(../images/bg_top.gif) no-repeat top right; }
a#logo {display:block; height:56px; width:172px; margin:5px 10px 0 0; background:url(../images/logo.gif) no-repeat; float:left; }
#main_container { border: 1px solid #bfbfbf ; background:url(../images/bg.jpg) no-repeat top left; background-color: white; }
#left_column {width:198px; float:left;}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }			
a#why_neco {display:block; text-indent:-1000em; height:133px; width:117px; padding-right: 50px; margin-top: 26px; float:right; background:url(../images/why_neco.gif) no-repeat 0 -133px;}
a#why_neco:hover {background-position:0 0;}	

#right_column {width:690px; float:left; padding:15px 0 0;}
#right_column h1 {margin:0 0 23px; color:#A73745; font-weight:normal; }

				
#right_column #content {width:690px; padding:0; float:left; color:#000; padding-bottom: 15px; }
#content_top {width:680px; margin:0 0 40px;}
#news { width:230px; margin:0 ; float:left; background: #CFBC9B; padding: 5px; }
#news blockquote { padding:5px 0 10px 0 ; margin:0; } 
#spotlight {  width:400px; margin:0 12px 0px 0 ; padding: 0; float: right;}
	
#right_column #content h2{ margin:0 0 0px; font-weight: normal;}	
#right_column #content h3{ margin:0 0 15px; font-style:italic; color:#A73745; font-weight:normal;}	


#right_column #content p {font-size:13px; line-height:16px; }
#right_column #content a.more {font-weight:bold; color:#ef801d; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;}


#content_top #introtext { width: 260px;}
#content_top #introtext p {  line-height: 22px;  font-size: 14px;  }

div#googlesearch { padding:0px 0px 0px 0px; margin: 10px 0 0 0; width: 180px; }
div#googlesearch #searchsubmit { float: right; margin-top: 9px; } 
div#googlesearch #searchinput { float: right; font-size:12px; line-height:15px; margin-right:2px; margin-top:8px; padding:2px; width:130px; }



/* 6. NAVIGATION 
-------------------------------------------------------------*/

#top_navigation {float:left; height:16px; padding:49px 0 1px;}
#top_navigation ul {padding:0; margin:0; position: relative; left: 60px; float: left;}
#top_navigation li {list-style-type:none; float: left; padding-right: 34px;}
#top_navigation a  {display:block; line-height:17px; float:left; background-repeat:no-repeat; text-decoration: none;} 
#top_navigation a#prospectivestudents {width:158px; background-image:url(../images/nav_prosp_students.jpg)}
#top_navigation a#alumni {width:55px; background-image:url(../images/nav_alumni.jpg)}
#top_navigation a#students {width:67px; background-image:url(../images/nav_students.jpg)}
#top_navigation a#facultystaff {width:102px; background-image:url(../images/nav_faculty-staff.jpg)}

#top_navigation ul li ul.subnav {border: 1px solid #bfbfbf; border-top: none; background-color: white; display: none; margin-top: -1px;}
#top_navigation ul li ul.subnav li {padding: 0px; margin: 0px; display: block; width: 100%;}
#top_navigation ul li ul.subnav a {width: 97%; display: block; margin: 0px; padding: 2px 0px 2px 5px; font-weight: bold; text-decoration: none; color: #333;}
#top_navigation ul li ul.subnav a:hover {background-color:#aa3545; color:#eba59d;}

/* set specific widths for the top 4 nav items */
#prospectivestudentsli ul.subnav {position: absolute; top: 22px; left: -2px; width:165px;}
#alumnili ul.subnav {position: absolute; top: 22px; left: 278px; width:135px;}
#studentsli ul.subnav {position: absolute; top: 22px; left: 188px; width:155px;}
#facultystaffli ul.subnav {position: absolute; top: 22px; left: 378px; width:105px;}

#left_navigation {margin:0; padding:17px 0 0 10px; }
ul.menu, ul.menu ul, ul.menu ul ul{  list-style-type:none;  margin:0;  padding: 0;}
ul.menu li a:visited, ul.menu li a:link { color: black; }
ul.menu a { display: block; text-decoration: none; color: #000000;}
ul.menu li { background:url(../images/closed.gif) no-repeat left 10px;  }
ul.menu li a { display: block; height: 30px; color: #000000; font-size:14px; font-weight:bold; line-height:30px; text-indent: 12px; }
ul.menu li li { background:none;  }
/* for loading ... set display none so you don't see it open for a second */
ul.menu li ul { display: none; }
ul.menu li li a {font-size:13px; font-weight:normal; padding:0 0 0 0px; line-height: 20px; height: 20px; }
ul.menu li li li a { padding:0 0 0 14px}
ul.menu li li a.on {color:#A73745;}

/*
ul.menu li ul li {width:130px;  margin:1px 0px 0px 0px;}
ul.menu li ul li a {color: #000;}
ul.menu li ul li a.on { top right no-repeat;  color: #000;	 }
ul.menu li ul li a.more {color: #000;}
ul.menu li ul li ul {margin:0;}
ul.menu li ul li ul li a{width:115px; color: #00080;  padding: 3px 0px 3px 10px;  margin:1px 0px 2px 5px;  line-height:12px;}
*/


/* 7. SECONDARY PAGE ADJUSTMENTS FROM DEFAULT 
-------------------------------------------------------------*/

/* reduce size just a bit here */
#right_column #content.secondary h1{ margin:0 0 10px;}
/* nice looking h2 and h3 */
#right_column #content.secondary h2{margin:10px 0 10px 0px; color: #000;}	

body #content.secondary table td, body #content.secondary table th { font-size: 13px; line-height: 20px; }

body #content.secondary table.tablestyle1 {
background-color:#DBE0BF;
width: 90%;
}

/* style2: right hand tables */
body #content.secondary table.tablestyle2 {
background-color:#DBE0BF;
width: 250px;
float: right;
margin-left: 20px;

}

body #content.secondary table.tablestyle2 td {
	padding: 10px;
}



body #content.secondary table.tablestyle1  td, body #content.secondary table.tablestyle1  th {
	padding: 4px;
	border-bottom: 1px solid #aaaaaa;
	font-size: 13px;
}
body #content.secondary table.tablestyle1 {
border: 1px solid #aaaaaa;
}

body #content.secondary  .tablestyle1 {
b
}

			
#footer ul {padding:20px 0px 20px 0px; }
#footer ul li{list-style:none; float: left; padding-left: 5px;padding-right: 5px;}
		
body #content #news p.homespot , body #content #spotlight p.homespot  {
	color: #b34357; font-size: 15px; font-weight: bold; font-family: Times; 
}

#right_column #content.secondary p.italicized { color: maroon; font-style: italic; font-size: 12px; }
/* 8. PAGE SPECIFIC OVERRIDES 
-------------------------------------------------------------*/

#collegeadministration #right_column #content.secondary h6 { color:  #deb08f; }
.facultysearchresult img { float: right; margin: 10px; border: 1px solid black; }
.facultysearchresult  h5 { padding-top: 20px; padding-bottom: 5px; margin-bottom: 5px; font-size: 16px; color: #A73745; border-bottom: 1px solid  #A73745; width: 75%; }
ul#facultysearchresultanchors li { list-style: none; margin: 0; padding: 0; line-height: 20px; }
ul#facultysearchresultanchors { padding-left: 0; margin-left: 0; }
ul.news_listing {  list-style-type: none; padding: 0; margin: 0; }
ul.news_listing li { line-height: 25px; }

#newsarchive h2 { border-bottom: 1px solid black; }

#newsarchive .list_years  {
font-size:12px;
padding-bottom:11px;
}

#newsarchive .secondary ul { list-style-type: none; }

.emph {color: maroon; font-weight:bold; font-style: italic;}
#fouryear {display:none;}
#accelerated {display:none;}
#international {display:none;}
#odms {display:none;}
#ms {display:none;}

#calendar {width: 100%;}
#calendar table {border-collapse:collapse;}
#calendar table td {width:0px; height:100px; padding:0px; margin:0px; overflow: hidden;}
#calendar table td.CalHeader, #calendar table td.CalBottom, #calendar table td.CalDayName, #calendar table td.CalHeaderNav {height:20px;}
#calendar table td#CalHeader {font-weight:bold; font-size:20px; height:20px;}
#calendar table td.CalHeaderNav {text-align:right;}
#calendar table td.CalHeaderNav a {color:black; text-decoration:none; font-size:12px;}
#calendar table td.CalDayName {padding:2px; text-align:center;}
#calendar table td.CalDay {width:100px; padding:2px; border:1px solid black; text-align:right; vertical-align:top;}
#calendar table td a {color: black; text-decoration: none;}
p.calendarevent {padding:0px; margin:1px 0px 1px 0px; text-align:left;}
p.holiday {background-color:#FFC0C0;}
p.presentation {background-color:#B5DDEC;}
p.socialevent {background-color:#B9F5B9;}
div#events {padding-left: 20px; overflow: auto; height: 400px; width: 80%;}

td.formlabel {text-align: right; padding-right: 5px;}
p.error {color: red;}
p.success {color: green;}
#managelistings .required {color: #dc143c;}
#managelistings input {width: 200px;}
#managelistings textarea {width: 400px; height: 100px;}
#managelistings select {width: 200px;}
 
span.studentquote, p.studentquote { font-family: "Times New Roman", Times, serif; font-size: 14px; font-style:italic; color:#660000; font-weight:bold; } 
/* improve readability on p formatted tables */
.residencydirectory  p {   padding: 3px; margin: 0px; }
#healthinsurancemessage { width: 200px; margin: 10px; background-color: #dddddd;  }
#healthinsurancemessage  td { padding: 10px;} 
body #content.secondary #studentorgs .sectiontitle { font-size: 20px; color: white; padding: 5px;} 
