@charset "utf-8";
/* CSS Document */

body {
	font-size: 62.5%;
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color:#c0b9d3;
	}

div.access {
	display:none;
	}
	
#wrapper	{
	width: 950px;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	background-image:url(../images/bg-stretch.gif);
	background-repeat:repeat-y;
	}
#main {
	float:left;
	padding:0 0 0 100px;
}
img {
	border:0;
}

/*--------------------- Header ---------------------*/

#header	{
	width: 750px;
	margin:0;
	padding:0;
	float:left;
	padding-left:100px;
	}

#logo {
	float:left;
	padding: 15px 0 0 0;
	border: 0;
	margin: 0;
	width:230px;
	}
	
#headerLinks {
	float:right;
	clear:none;
	padding:15px 0 0 220px;
	width:150px;
	}
	

#headerLinks img {
	clear:none;
	padding:0 0 0 15px;
	}
	
#flashArea {
	float:left;
	padding: 15px 0 10px 0;
	border: 0;
	margin: 0;
	width:750px;
	border-bottom:1px solid #341f79;
	}
	
#flash {
	float:left;
	padding:0;
	border: 0;
	margin: 0;
	width:750px;
	}
	
#headerImage {
	float:left;
	padding: 10px 0 10px 0;
	border: 0;
	margin: 15px 0 0 0;
	width:750px;
	border-bottom:1px solid #341f79;
	border-top:1px solid #341f79;
	}


/*--------------------- Content ---------------------*/

h1 {
	font-size: 2em;
	color: #341f79;
	padding:0 0 12px 0;
	margin:0;
	}
	
h2 {
	font-size: 1.4em;
	color: #341f79;
	padding:10px 0 0 0;
	margin:0;
	}

h3 {
	font-size: 1.2em;
	color: #341f79;
	padding:12px 0;
	margin:0;
	}
	
p {
	font-size: 1.2em;
	color: #666666;
	padding:8px 0;
	line-height:1.5em;
	margin:0;
	}
	
p.purple {
	font-size: 1.6em!important;
	color: #341f79;
	padding-left:10px;
	}
	
#content li, #contentMain li {
	font-size: 1.2em;
	color: #666666;
	padding:2px 0 0 0;
	line-height:1.5em;
	margin:0;
	}

.red { 
	color: #FF0000;
	font-weight: bold;
	}
	
.purple { 
	color: #341f79;
	font-weight: bold;
	}
	
#content {
	float: left;
	clear: none;
	position: relative;
	width: 720px; 			
	text-align: left;
	padding: 20px 20px 10px 10px;
	margin:0;
}

#contentMain {
	float: left;
	clear: none;
	position: relative;
	width: 400px; 			
	text-align: left;
	padding: 20px 20px 10px 0;
	margin:0;
}
	
#contentLeft {
	float: left;
	clear: none;
	position: relative;
	width: 480px; 			
	text-align: left;
	padding: 20px 75px 20px 10px;
	margin:0;
}

/* Left Content Area */

#locations {
	float: left;
	clear: none;
	position: relative;
	width: 480px; 			
	text-align: left;
	padding: 20px 0;
	margin:0;
}

#locations .building {
	float: left;
	clear: none;
	position: relative;
	width: 141px; 			
	text-align: left;
	padding:0 15px 0 0;
	margin:0;
}

#locations .building a:link, #locations .building a:visited {
	color:#341f79;
	text-decoration:none;
	font-weight:bold;
	}
	
#locations .building a:hover {
	text-decoration:underline;
	}
	
#locations .building p {
	padding:8px 0 0 0;
	margin:0;
	line-height:1.5em;
	}
	
/* Right Content Area */

#contentRight {
	float: left;
	clear: none;
	position: relative;
	width: 180px; 			
	text-align: left;
	padding: 20px 0;
	margin:0;
}

#contentRight #image {
	float:right;
	clear:none;
	padding:0 0 15px 0;
	margin:0;
	}
	
#contentRight #video-tour {
	float:right;
	clear:none;
	padding:0 0 15px 0;
	margin:0;
	background-image:url(../images/video-image.gif);
	background-repeat:no-repeat;
	padding-left:90px;
	}
	
#contentRight #video-tour h2 {
	padding:30px 0 0 0;
	margin:0;
	}
	
#contentRight #video-tour p {
	padding:0px 0 0 0;
	margin:0;
	}
	
#contentRight #csci {
	background-color:#d5dbd9;
	float:right;
	clear:none;
	width: 160px;
	padding:10px; 
	margin:0;
	}
	
#contentRight #csci p {
	float:left;
	clear:none;
	font-style:italic;
	font-weight:bold;
	padding:5px;
	text-align:center;
	color:#333333;
	margin:0;
	}
	
#contentRight #csci a:link, #contentRight #csci a:visited {
	text-decoration:none;
	color:#333333;
	}
	
#contentRight #csci a:hover {
	color:#333333;
	text-decoration:underline;
	}

#contentRight #csci img {
	float:left;
	clear:none;
	padding:10px 0 0 15px;
	margin:0;
	border:0;
	}
	
/*  Bottom Area */ 	

#base {
	width: 750px;
	color: #FFFFFF;
	clear: both;
	}	
	
.exampleForm {
	width: 400px;
	}
	
.floatLeft {
	float:left;
	clear:none;
	}
	
/*--------------------- Links ---------------------*/

#content a:link, #content a:visited {
	text-decoration: underline;
	color:#341F79;
	font-weight:bold;
}
#content a:hover {
	text-decoration: none;
}

#contentLeft a:link, #contentLeft a:visited {
	color:#341F79;
	font-weight:bold;
	text-decoration: underline;
}
#contentLeft a:hover {
	text-decoration: none;
}

#contentMain a:link, #contentMain a:visited {
	color:#341F79;
	font-weight:bold;
	text-decoration: underline;
}
#contentMain a:hover {
	text-decoration: none;
}

#contentRight a:link, #contentRight a:visited {
	color:#341F79;
	font-weight:bold;	
	text-decoration: underline;
}
#contentRight a:hover {
	text-decoration: none;
}

/*--------------------- Footer ---------------------*/

#footer {
	width: 850px;
	padding: 3px 0 0 100px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	font-size: 1.1em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	height:85px;
	background-image:url(../images/bg-footer.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
#footer #border {
	background-image:url(../images/border.gif);
	background-repeat:repeat-x;
	height:3px;
	width:745px;
	padding-bottom:5px;
	}
	
#footer #address {
	float:left;
	clear:none;
	width:550px;
	padding:5px 10px 0 0;
	margin:0;
	}
	
#footer #address p {
	font-size:1.0em;
	padding:0;
	margin:0;
	}
	
#footer #footerimage {
	float:right;
	clear:none;
	width:62px;
	padding:0 100px 10px 0;
	margin:0;
	}
	
#footer #details {
	float:left;
	clear:none;
	width:550px;
	padding:0;
	margin:0;
	}
	
#footer #details ul {
	float:left;
	clear:none;
	padding:0;
	margin:0;
	list-style:none;
	}
	
#footer #details ul li {
	float:left;
	clear:none;
	padding:0;
	margin:0;
	color:#666666;
	font-size:0.9em;
	}
	
#footer #details ul li a:link, #footer #details ul li a:visited {
	float:left;
	clear:none;
	padding:0 5px;
	margin:0;
	text-decoration:underline;
	color:#666666;
	}
	
#footer #details ul li a:hover {
	float:left;
	clear:none;
	padding:0 5px;
	margin:0;
	text-decoration:none;
	}