/* 
File:     SEAS stylesheet
Authors:  Rob Newman, Catherine Williams
Created:  2006-10-12
Modified: 2007-01-08
Notes:    1. Include other stylesheets for other sections
*/

/* ----- DEFAULTS  for things like link color, headings, paragraphs etc ----- */

/* Import stylesheets */
@import url( "/SEAS/css/updates_from_sea.css" ) ;      /* Updates from sea */

a:link {
	color: #6699cc;
	text-decoration: underline;
  }
  
a:visited {
	color: #666666;
	text-decoration: underline;
  }
  
a:hover {
	color: #6699cc;
	text-decoration: underline;
  }

body {
	font-family: Verdana, Arial, Helvetica,  sans-serif;
	font-size:medium;
	margin:0px;
	background-color:#000033;
	color: #000033;
	}	

h1 {
	font-size: 165%;
	font-weight: bold;
	padding: 0px;
	margin: 2px 0px 10px 0px;
	}

h2 {
	font-size: 125%;
	font-weight: bold;
	color:#333333;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	}

h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

h4 {
	font-size: 100%;
	font-weight: bold;
	color:#666666;
	margin: 0px;
	padding: 0px;
	}
 
p {
	padding: 0px;
	margin: 5px 0px 15px 0px;
 	}

ul {
	margin:0px 10px 10px 10px;
	padding:0px 10px;
	list-style-type:square;
	}

li {
	margin:5px 0px 5px 0px;
	}

table {
	margin: 10px 0px 10px 5px;
	font-size:93%;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	}

th {
	text-align:left;
	border-bottom: 1px solid #CCCCCC;
	padding:0px 5px 0px 5px;
	}

td {
	border-bottom: 1px solid #CCCCCC;
	vertical-align: top;
	padding:0px 5px 0px 5px;
	}

/* ----- PAGE WRAPPER ----- */
#wrapper { /* outer wrapper: brackets masthead + footer + maincontent + sidebar */
	background-color:#FFFFFF;
	width:950px;
	margin:0px 20px;
	font-size:80%;
	}

html>body #wrapper /* ignored by IE but not by other browsers */
	{
	width:auto;
	min-width:800px;
	font-size:93%;
	}

/* ----- MASTHEAD AND FOOTER ----- */
#masthead { /* pull masthead image in here rather than in page code, because it caches for faster reload on second and subsequent pages */
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:200%;
	font-weight:bold;
	background-color:#000033;
	color:#FFFFFF;
	background-image:url(/SEAS/images/masthead_montage.jpg);
	background-position:left;
	background-repeat:no-repeat;
	height:65px;
	margin:0px;
	padding:10px 0px 0px 130px;
	}
 
#footer {
	border-top: 1px solid #666666;
	background-color:#EDEDED;
	color:#999999;
	font-size:small;
	width:100%;
	clear:both;
	text-align:center;
}  
#footer p { padding:2px 10px 5px 10px; } 

/* ----- NAVIGATION ----- */
#nav_global	{ /* top-level navigation */
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
	color:#6699cc;
	font-size:93%;
	}

#nav_global ul { /* have nav items as a list */
	float:left;
	width:98%;
	margin:2px 0px -2px 5px;
	padding:0px;
	list-style-type:none;
	border-bottom:2px solid #000033;
	}
	
#nav_global li { /* the list of nav items are set to display as tabs across the top of the page (inline) under the masthead */
	float:left;
	display:inline;
	text-align:center;
	width:131px;
	padding:5px;
	margin: 5px 0px -2px 5px;
	background-color:#000033;
	border-top:2px solid #000033;
	border-left:2px solid #000033;
	border-right:2px solid #000033;
	}

#nav_section {  /* second-level navigation */
	margin:-5px 0px -2px 0px;
	padding:0px;
	float:left;
	width:100%;
	color:#000033;
	}

#nav_section ul { /* have nav items as a list */
	float:left;
	width:98%;
	margin:5px 2px 2px 5px;
	padding:0px;
	list-style-type:none;
	border-bottom:2px solid #6699cc;
	}
	
#nav_section li {  /* the list of nav items are set to display as tabs across the top of the page (inline) under the masthead */
	float:left;
	display:inline;
	text-align:center;
	width:130px;
	padding:5px;
	margin: 5px 1px -2px 5px;
	background-color:#6699cc;
	border-top:2px solid #6699cc;
	border-left:2px solid #6699cc;
	border-right:2px solid #6699cc;
	}
	
#nav_global a:link, #nav_section a:link { /* unlike links elsewhere, nav links are not underlined unless the cursor is hovering over them */
	color:#FFFFFF;
	text-decoration: none;
	width:128px;
	display:block;
	}

#nav_global a:visited, #nav_section a:visited {
	color:#FFFFFF;
	text-decoration: none;
  }
  
#nav_global a:hover, #nav_section a:hover {
	color:#FFFFFF;
	text-decoration: underline;
  }

#nav_global .thispage, #nav_section .thispage {
 	background-color:#FFFFFF;
	font-weight:bold;
	}

#nav_global .thispage  a:link, #nav_section .thispage a:link {
	color:#6699cc;
	text-decoration: none;
	}

#nav_global .thispage a:visited, #nav_section .thispage a:visited {
	color:#6699cc;
	text-decoration: none;
  }

#nav_global .thispage a:hover, #nav_section .thispage a:hover {
	color:#6699cc;
	text-decoration: underline;
  }
 

/* ----- SECTIONS FOR CONTENT ----- */
#maincontent {
	width:600px;
	float:left;
	padding:15px 5px 15px 20px;
	margin:2px;
	}
html>body #maincontent {
	width:62%;
	}	

#mainadmincontent { /* added by Rob Newman */
	width: 96%;
	padding: 15px 5px 15px 15px ;
	margin: 0 ;
}

#mainPhpContent {  /* added by Rob Newman */
	width: 100% ;
	padding:15px 5px 15px 15px;
	margin:2px;
	padding-top: 49px ;
}

#sidebar {
	float:right;
	width:290px;
	font-size:93%;
	line-height:120%;
	padding:15px 15px 15px 5px;
	margin:2px;
	}
html>body #sidebar {
	width:25%;
	}	

#sidebar li {
	list-style-type:square;
	padding-bottom: 5px;
	margin: 0px;
}

#sidebar ul {
	margin: 10px;
	padding-left: 12px;
}

/* ----- FONT FORMATTING for use with p or span tags (mostly) ----- */
.back {
	font-size:small;
	text-align:right;
	}

.box1 {
	border:2px solid #CC3333;
	padding:10px;
	margin:10px 0px 10px 0px;
	}

.box2 {
	border:2px solid #FFCC00;
	padding:10px 10px 5px 10px;
	margin:10px 0px 10px 0px;
	}
.box3 {
	border:2px solid #70859B;
	padding:5px;
	margin:10px 0px 10px 0px;
	background-color: #C3D2ED;
	}
    
#breadcrumb 
	{
	width:75%;
	font-size:x-small;
	margin:-15px 0px 0px 0px;
	padding:0px 0px 5px 130px;
	color:#FFFFFF;
	background-color:none;
	float:right;
	text-align:right
	}
#breadcrumb a:link, #breadcrumb a:visited {
	color: #FFFFFF;
	text-decoration: none;
  }
#breadcrumb a:active, #breadcrumb a:hover {
	text-decoration: underline;
  }
  
#breadcrumb p { margin:0px; padding:0px; }
  
.caption {
	margin: 0px 5px 5px 0px;
	padding:10px 10px 5px 10px;
	background-color:#EDEDED;
	font-size:93%;
	}    

.emphasis {
	font-weight:bold;
		} 

.hide {
	display: none;
	}

.italic {
	font-style:italic;
	}

.list1 ul { /* for use with ul tag */
	margin:0px 0px 0px 15px;
	padding:0px;
	}

.list1 li { 
	margin:0px 0px 2px 0px;
	padding:0px;
	}

.quote {
	font-style:italic;
	}

/* ----- IMAGES ----- */
.image_left {
	float:left;
	margin:5px 10px 5px 0px;
	padding:5px 10px 0px 5px;
	border:0px;
	}

.image_right {
	float:right;
	margin:5px 0px 5px 10px;
	padding:5px 5px 0px 10px;
	border:0px;
	}

/* Formatting for PHP slide shows */
.numbers {
	display:inline;
	padding:5px;
	margin:20px 2px 20px 2px;
	border:2px solid #000066;
	color:#990033;
	background-color:#D3E3F5;
	}

.photoCaption {
    font-size: 80% ;
    color: #333 ;
    margin: 0 ;
    padding: 0 ;
    background-color: inherit;
    text-align: right ;
    font-style: italic ;
}

#slide {
	list-style-type:none;
	font-size:110%;
	padding:20px 2px 5px 10px;
	}

#slide a:link {
	text-decoration: none;
	}

#textcolumn 	{
	float:right;
	font-size:13px;
	width:40%;
	margin:5px 0px 5px 0px;
	}

#thisslide {
	display:inline;
	padding:5px;
	margin:20px 2px 20px 2px;
	border:2px solid #990033;
	color:#990033;
	background-color:#F5E5EA;
	}

/* forms -- tags are lifted from the old SEAS website css file */
.form {
	padding: 5px;
	margin: 0px auto;
	border:2px solid #CCCCCC;
}

div.row {
 	clear: both;
 	padding-top: 10px;
}

div.row span.label {
 	float: left;
 	width: 30%;
 	text-align: right;
}

div.row span.formw {
 	float: right;
 	width: 68%;
 	text-align: left;
}

/* ----- ADMIN SPECIFIC CONTENT: added by Rob Newman ----- */
#mainadmincontent table {
    margin: 0 auto ;
	border:1px solid #CCC ;
}
#mainadmincontent th {
    background-color: #003 ;
    color: #FFF ;
    padding: 3px ;
}

/* ----- FOR STUDENTS ----- */
div#library_img {
	border: 2px solid #000033; 
	background-color:#EDEDED;
	float: right; 
	margin: 10px; 
	padding: 6px; 
}
div#library_img img {
	margin-left: 60px;
	padding: 4px;
}
div#library_img p {
	font-size: 85%;
	font-style:italic;
	text-align: right;
}