/*  Regular Styles */

html, body {
	min-height: 100%;
	height: 100%;
}

body, a, a:link, a:hover, a:visited, td, th, textarea, input, select, h2, h3, h4, h5, h6, p, li, address {
    font: 87%/1.5 arial, helvetica, sans-serif;
	color:#666666;
}

body
{
background: #FFFFFF url('/images/background.png') repeat-y center;	
text-align:center;
}

/* Layout Styles */

#wrapper
{
	position:relative;
	margin:auto;
	width:800px;
	text-align:left;
	height:100%;
}

#topNavigation
{
width:801px;
margin-left:0px;
background-color:#FFFFFF;
}

#topBanner
{
height:86px;
padding-bottom:15px;
padding-top:0px;
margin-left:0px;
width:800px;
background-color:#ffffff;
}

#standardContentArea  /* Main Content Area */
{
	background-color:#ffffff;
	margin-top:4px;
	padding-left:10px;
	padding-right:10px;
	padding-left:10px;
	width:560px;
	float:right;
	min-height:600px;
}

#standardContentArea p
{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:14px;
	color:#666666;
}

#standardContentArea a:link
{
	font-size: 100%;
	color:#0F6835;
	text-decoration:none;
	font-weight:500;
}

#standardContentArea a:hover
{
	font-size: 100%;
	color:#0F6835;
	text-decoration:underline;
}

#standardContentArea a:visited
{font-size: 100%;
	color:#3EA07E;
	text-decoration:none;
}

#standardContentArea sup
{
font-size:80%;
line-height:0.65em;
vertical-align:top;
}

#standardContentArea h1
{
	padding-left:0px;
	margin-bottom:10px;
	margin-left:8px;
	border-bottom:1px solid #cccccc;
	text-decoration:none;
}

#standardContentArea h2
{
	padding-left:10px;
	margin-bottom:10px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:100%;
}
#standardContentArea h6
{
	padding:10px;
	margin-bottom:10px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:100%;
	text-align:center;
	color:red;
	border:1px solid red;
	margin-bottom:20px;
}

#standardContentArea address
{
font-style:italic;
padding-left:15px;
padding-bottom:10px;
}

#standardContentArea blockquote 
{
background-image: url(images/open-quote.gif);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 30px;
font-style: italic;
}
#standardContentArea blockquote span {
background-image: url(images/close-quote.gif);
background-repeat: no-repeat;
background-position: right bottom;
display: block;
padding-right: 30px;
}

/* End of Content Area */

#footer
{
	clear:both;
	text-align:left;
	width:800px;
	margin-left:17px;
	margin-right:17px;

	background-color: #fff;
	width: 100%; /* See note below */
	border-top: 1px solid #ccc;
	padding: 0 15px;
	margin-top:30px;

}


/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#footer {
    \width: 100%;
    w\idth: 92%;
}

/* content styles */
 
h1
{

font-weight:bold;
color:#555555;
}

 h2
{
	
	color:#666666;
	font-size:14px;
}
 h3
{

	color:#666666;
	font-size:12px;
}

 h4
{

	color:#555555;
	font-size:13px;
	font-weight:bold;
	padding-bottom:10px;
}

blockquote
{
border-left:1px solid #5A9A78;
padding-left:0px;
margin-left:30px;
margin-right:40px;
font-size:80%;
width:400px;
margin-bottom:15px;
}

/* list styles  */

#standardContentArea ul
{
	padding-left:50px;
	list-style-image:url(../images/bullets.jpg);
    padding-top:7px;
	padding-bottom:7px;
}

#standardContentArea ol
{
	padding-left:30px;
	list-style-position:outside;
    padding-top:7px;
	padding-bottom:11px;
	list-style:decimal;
}

#standardContentArea  ul li

{ 
	font-size:90%;
	padding-bottom:3px;
	list-style-image:url(../images/bullets.jpg);
	vertical-align: top;       
}

#standardContentArea ol li

{	
	
	font-size:90%;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	vertical-align: top;      
}

#standardContentArea ul li ul
{
	padding-top:7px;
	padding-bottom:7px;
}
#standardContentArea ol li ul li

{	
	font-size:100%;
	padding-bottom:3px;
	vertical-align:top; 
	padding: 0 0 0 0;
	margin:0 0 0 0;  
}
#standardContentArea ul li ul li

{	
	font-size:100%;
	padding-bottom:3px;
	vertical-align:top; 
	padding: 0 0 0 0;
	margin:0 0 0 0;  
}

/* img styles */

.facultyPictures
{
	padding-top:10px;
	padding-left:10px;
	padding-right:50px;
	padding-bottom:10px;
}


/* form items */

.goButton
{
	background: transparent url('../images/go_button.jpg') no-repeat center top;
	margin: 0;
	height:20px;
	border: 0;
	width:50px;
	padding-left:18px;
}

select
{
	width:150px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* Images */

.picture
{
	background-image:url('../images/photo_Frame_top.png');
	background-repeat:no-repeat;
	width:125px;
	height:124px;
	padding:00px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	float:right;
	text-align:center;
	padding-bottom:40px;
	vertical-align:top;
	
}

.picture img
{
  	padding-top:12px;
}

.pictureName
{
	background-image:url('../images/photo_Frame_bottom.png');
	background-repeat:no-repeat;
	width:125px;
	text-align:center;
	font-size:70%;
	line-height:1.3;
	height:15px;
	color:#666666;
	padding-top:8px;
	padding-right:0px;
	float:right;
}



.pictureName a:hover
{
	font-size:130%;
}
.pictureName a:visited
{
	font-size:130%;
}

/* Side Navigation */

#leftNavigation
{
	float:left;
	width:195px;
	padding-left:10px;
}
#leftNavigation h1
{	
	padding:0 0 0 0;
	padding-left:4px;
	padding-top:8px;
	padding-bottom:8px;
	color:#939292;
	font-weight:bold;
	font-size:80%;
}
#leftNavigation ul
{
	padding:0px;
	margin:3px;
}

#leftNavigation  ul li
{
	list-style:none;
	list-style-position:outside;
	padding:2px;
}


#leftNavigation ul li ul 
{
	border-left:1px solid #5A9A78;
	padding-left:5px;
}

#leftNavigation a
{
	text-decoration:none;
	color:#666666;
	font-size:80%;
}

#leftNavigation a:link
{
	text-decoration:none;
	color:#666666;
	font-size:100%;
}

#leftNavigation a:hover
{
	
	text-decoration:underline;
	color:#000;
	font-size:100%;
}

#leftNavigation a:visited
{
	text-decoration:none;
	color:#666666;
	font-size:100%;
}

#leftNavigation a.selectedPage
{
	color:#333333;
	font-weight:bold;
		
}

#leftNavigation a.selectedSubPage
{
	color:#0F6835;
	font-weight:bold;		
}

/* HEADER SECTION STYLES */
#header 
{
	background-image:url('../images/header_background.jpg');
	background-repeat:repeat-x;
	margin-left:0px;
	width:800px;

}

.header h5
{
	border:none;
	font-weight:bold;
	color:#555555;
	padding-top:1px;
	text-decoration:none;
	text-transform:none;
	font-size:100%;
	letter-spacing:0.15px;
	font-family: Arial, Helvetica, sans-serif;
	display:inline;	
	float:left;
}

.header span
{
	float:right;
}

.header span a img
{
	padding-right:4px;
}

/* Headers */

.header
{
	padding-left:10px;
	background-color:#d1d1d1;
	background-image:url('../images/Corner_header.png');
	background-repeat:no-repeat;
	background-position:left;
	height:23px;
	margin-bottom:15px;
}


/* BAS */
.bas_front
{
	border:none;
	margin-left:20px;
}

.basPictureBoxes
{
	height:75px;
	border-bottom:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	width:226px; 
	padding-top:10px;
}

.basPictureBoxes p
{
	color:#666666;
	font-size:90%;
}k

.basPictureBoxes a
{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

/* For Marketing Area */



#blobs {
 width: 569px;
 height: 356px;
 background: url(/programs/undergrad/files/marketing-page.png);
 margin: 10px auto; padding: 0px 0px 0px 0px;
position:relative;

}
#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#blobs a {display: block;}

#blob1 {left: 4px; top: 75px; width: 175px; height: 142px;}
#blob2 {left: 75px; top: 250px; width: 155px; height: 115px;}
#blob3 {left: 170px; top: 0px; width: 222px; height: 142px;}
#blob4 {left: 380px; top: 92px; width: 185px; height: 132px;}
#blob5 {left: 280px; top: 250px; width: 197px; height: 125px;}
#blob1 a {height: 142px;}
#blob2 a {height: 115px;}
#blob3 a {height: 142px;}
#blob4 a {height: 132px;}
#blob5 a {height: 125px;}

#blob1 a:hover {background: url(/programs/undergrad/files/marketing-page.png) -4px -451px no-repeat;}
#blob2 a:hover {background: url(/programs/undergrad/files/marketing-page.png) -75px -626px no-repeat;}
#blob3 a:hover {background: url(/programs/undergrad/files/marketing-page.png) -170px -996px no-repeat;}
#blob4 a:hover {background: url(/programs/undergrad/files/marketing-page.png) -380px -848px no-repeat;}
#blob5 a:hover {background: url(/programs/undergrad/files/marketing-page.png) -280px -626px no-repeat;}

#sideHightlight
{
border:1px solid #ccc;
background-color:#efefef;
padding:10px;

}
#sideHightlight p
{
	padding:0px 0px 0px 0px;
	padding-bottom:12px;
	margin:0px 0px 0px 0px;
	line-height:8px;
	font-size:11px;
}

#sideHightlight h2
{
	padding:0px 0px 0px 0px;
	
}

.facultyHighlight
{
background-color:#efefef;
padding:6px;
text-align:center;
height:100px;
}

