/* CSS Document */

/*general styling*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,
textarea,p,blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
abbr,acronym { border:0; }

.clearBoth{
	clear:both;	
}


html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{
  margin:0px;
  padding:0px;
  border:0px;
  border-collapse:separate;
  border-spacing:0px;
}
input,select{
  margin:0;
  padding:0;
}
body {
	font-size:62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#000000;
}

.ordinaryBody{
	font-size:1.2em;
	line-height:1.4em;
}

.quoteBlock{
text-align:center;
padding: 20px 40px;
margin: 10px;
border-top: #778384 1px dotted;
border-bottom: #778384 1px dotted;
}

.quoteBlockText{
line-height:1.2em;
}

hr{
height:1px;
margin:5px 0 5px 0;
}

.generalList li{
padding-left:2px;
list-style-type:disc;
list-style-position:outside;
font-size:1.2em;
}

.generalList a:hover{ text-decoration:underline;}

.borderAboveAndBelow{
	border-top:#999999 1px dotted;	
	border-bottom:#999999 1px dotted;	
}

li{ font-size:1em;}

.smallRightAlignText{
font-size:.9em;
text-align:right;
}

/*this is for quote blocks with images in the background*/

.quoteBlockWithPic {
	hasLayout: true;/*ie6 hack - might need to be removed*/
	position:relative;
	height: 500px;
	width: 95%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;	
}
.quoteBlockWithPicText {
	display:inline;/*ie6 hack - might need to be removed*/
	margin: 5px;
	background-color:#999;
	width:300px;
	padding:5px;
	text-align:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #fff;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

/*ends here*/

/*this is for thumbnail galleries, like the one in the Illustration website*/
#gallery{text-align:center;}
#gallery p{display:inline;}
#gallery span{margin:0 5px 5px 5px; vertical-align:top; display:table-cell; display:inline-table; display:inline-block;}
#gallery p img{margin-bottom:5px;}

/*this is for more general galleries, like the one in the foundation website*/
.generalGallery img{
	padding:3px;
	margin:5px;
	border:#6d6d6d 1px dotted;
}

.generalGallery{
text-align:center;
}

.generalTable td{
padding:2px;
}

.centeredText{
text-align:center;}

.centredImg{
	padding:3px;
	border:#999999 1px dotted;
	display: block;
	margin:20px auto;
}

.centredImgNoBorder{
	padding:3px;
	border:0;
	display: block;
	margin:20px auto;
}

.centredImgWithoutMuchMargin{
	padding:3px;
	border:#999999 1px dotted;
	display: block;
	margin:5px auto;
}
.centredImgLittleMarginNoBorder{
	padding:3px;
	border:0;
	display: block;
	margin:5px auto;
}
.smallText{
font-size:.9em;
}

.thumbnailWithCaption{
	float: left;
	text-align:center;
	margin-right:7px;
	margin-bottom:1px;
}

.thumbnailWithCaption img{
	padding:2px;
	border:#6d6d6d 1px dotted;
}

.thumbnailWithCaption p{
	font-size:1em;
	text-align:center;
	background-color:#f1f1f1;
	padding:2px;
	margin: 5px 2px 0 2px;
}

.imgWithBotBorder{
background: no-repeat bottom center;
border-bottom:1px solid;
border-top:1px solid;
margin-top: 10px;
margin-bottom: 10px;
}

.imgWithBotBorder img{
display: block;
margin:0 auto;
}


/*browser quirks*/
* html ul a {
	height: 1px;
}
* html #contentRight1{
	display:inline;
} 



/* general text styles*/

a:link, a:visited{
	text-decoration: none;
	word-wrap: break-word;
}


p {
	font-size:1.2em;
	line-height:1.4em;
}
h1 {
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight:normal;
}
h2 {
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight:normal;
}
h3 {
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight:normal;
	
}
.biggerText{
	font-size: 1.5em;
	line-height: 1.3em;
}
.generalPic {
	padding:3px;
	margin:2px 5px 0 0;
	float: left;
	border:#6d6d6d 1px dotted;
}

.generalPicNoBorder {
	padding:3px;
	margin:2px 5px 0 0;
	float: left;
	border:none;
}

.smallItalics{
	font-size:1em;
	font-style:italic;
}

.blackDottedBorder{
	padding:2px;
	border:#6d6d6d 1px dotted;
}



/*top and header stuff*/
#top{
background-color:#000000;
}
#header {
	height: 112px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
#header .pic1{float:left;}
#header .pic2{float:right;}








/*middle and main stuff*/
#main {
	text-align:left;
	width: 950px;
	margin-right: auto;
	margin-left: auto;

}

#middle{
	text-align:center;
	background-color: #fff;
	overflow:auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: scroll;
	overflow-x:hidden;
	overflow-y:hidden;
}





/* grahic banner stuff*/
#graphicBanner {
	position:relative;
	height: 130px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-attachment: scroll;
	background-color: #FFFFFF;
}
#graphicBanner img{
position: absolute;
bottom: 0px;
left: 0px;
}




/*contentLeft stuff*/
#contentLeft {
padding-top:15px;
	float: left;
	width: 190px;
}
#contentLeft a:link, #contentLeft a:visited{
	color:#778384;
	text-decoration:none;
}
#contentLeft a:hover{
	text-decoration:underline;
}
#contentLeft ul {
	padding-bottom: 10px;
	display: block;
	text-align: right;
	margin-bottom: 10px;
}
#contentLeft ul a:link, #contentLeft ul a:visited{
	color:#778384;
}
#contentLeft ul a:hover {
	background-image: url(../images/grey_arrow.gif);
	background-repeat: no-repeat;
    background-position: left center;
	text-decoration:none;
	padding-left:15px;
	border-bottom: 1px dotted #000000;
}
#contentLeft li {
	list-style-type: none;
	font-size: 1.3em;
	height: 24px;
	padding: 4px 2px 5px 0;
}
.otherContentLeftText{
text-align:center;
font-size:1.2em;
}





/*contentRight stuff*/
#contentRight {
	margin-left: 200px;
	position:relative;
}
#contentRight2 {
	width: 240px;
	padding-left:10px;
	float: right;
}
#contentRight1 {
	width:500px;	
	float: left;
	padding-bottom:10px;
	margin-top:-12px;
}




#news{
margin-right:10px;
margin-top:10px;
padding:10px 0 30px 0;
background:url(../images/white_pixel.gif);
}
#news a:hover{
text-decoration:underline;
}
.newsItem{
	border-bottom: 1px dotted #fff;
	padding:10px;
	background-color:#E1E1E1;
}
.newsItem p, .lastNewsItem p{
	font-size:1.1em;
}
.lastNewsItem{
	border-bottom: none;
	padding:10px 10px 15px 10px;
	background:url(../images/news_bar_bottom_2.gif) no-repeat bottom left scroll;
}
.newsItem img, .lastNewsItem img  {
	padding:3px;
	margin:2px 5px 0 0;
	float: left;
	border:#999999 1px dotted;
}
.latestNewsTitle{
	font-size: 1.2em;
	line-height: 1.2em;
	color:#4a3118;
	font-weight:bold;
	padding-left:10px;
	background:url(../images/latest_news_bg.gif) no-repeat top left scroll;
	padding-top: 10px;
	padding-bottom: 3px;
background-color:#fff;
}
.newsItem .newsItemDate{
	font-size: 0.9em;
	font-style:normal;
	color: #666;
	text-align: right;
}

.lastNewsItem .newsItemDate {
	font-size: 1.1em;
	color:#4a3118;
	text-align: right;
}


.newsItemHeading {
	font-size: 1.2em;
	color:#4a3118;
	line-height: 1.6em;
	font-weight:bold;
}










/*search box stuff*/
.searchbox {
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #b04b0e;
	 
}
form {
	margin: 0px;
	padding: 0px;
}
#search {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:right;
}




/*secondaryNav stuff*/
#secondaryNav{
	padding:5px;
	text-align:left;
}
#secondaryNav ul{
	list-style:none;
	padding:10px 0 5px 0;
	
}
#secondaryNav li{
	display:inline;
}





/*tertiary nav stuff*/
#tertiaryNav{
	padding:5px;
	text-align:left;
}
#tertiaryNav ul{
	list-style:none;
	padding:5px 0 5px 0;
	
}
#tertiaryNav li{
	display:inline;
}






/*bottom and footer stuff*/
#footer {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	padding:10px 0;
}
#bottom{
	background-color:#000000;
	clear:both;
	
}
#footer p {
	color: #FFFFFF;
	font-size: 1.1em;
	
}






/* navigation rollovers*/


.homeOff {
	color:#778384;
}
.homeOn {
	color:#000;
	font-weight:bold;
	background-attachment: scroll;
	background-image:url(../images/home_arrow.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
	padding-left:12px;
}

.coursesOff {
	color:#778384;
}
.coursesOn {
	color:#000;
	font-weight:bold;
	background-attachment: scroll;
	background-image:url(../images/home_arrow.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 12px;
}
.studyOff {
	color:#778384;
}
.studyOn {
	color: #000;
	font-weight:bold;
	background-attachment: scroll;
	background-image:url(../images/home_arrow.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 12px;
}
.researchOff {
	color:#778384;
}
.researchOn {
	color: #000;
	font-weight:bold;
	background-attachment: scroll;
	background-image:url(../images/home_arrow.gif);
    background-repeat: no-repeat;
   	background-position: left 3px;
    padding-left: 12px;
}
.enterpriseOff {
	color:#778384;
}
.enterpriseOn {
	color: #000;
	font-weight:bold;
	background-attachment: scroll;
	background-image:url(../images/home_arrow.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 12px;
}
.coasOff {
	color:#778384;
}
.coasOn {
	color:#000;
	font-weight:bold;
	background-attachment: scroll;
	background-image:url(../images/home_arrow.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 12px;
}
.staffOff{
	color:#778384;
}
.staffOn{
	color: #000;
	font-weight:bold;
	background-attachment: scroll;
	background-image:url(../images/home_arrow.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 12px;
}

.alumniOff {
	color:#778384;
}
.alumniOn {
	color: #000;
	font-weight:bold;
	background-attachment: scroll;
	background-image:url(../images/home_arrow.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 12px;
}
.visitOff {
	color:#778384;
}
.visitOn {
	color:#000;
	font-weight:bold;
	background-attachment: scroll;
	background-image:url(../images/home_arrow.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 12px;
}
.contactOff {
	color:#778384;
}
.contactOn {
	color: #000;
	font-weight:bold;
	background-attachment: scroll;
	background-image:url(../images/home_arrow.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 12px;
}

.libraryOff {
	color:#778384;
}
.libraryOn {
	color: #000;
	font-weight:bold;
	background-attachment: scroll;
	background-image:url(../images/home_arrow.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 12px;
}

.newsOff {
	color:#778384;
}
.newsOn {
	color: #000;
	font-weight:bold;
	background-attachment: scroll;
	background-image:url(../images/home_arrow.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 12px;
}