/* CSS Document */

/*This style effects virtually everything within page, as all the page content sits within the body tag*/
BODY {PADDING: 0; MARGIN: 0; font-family: Verdana, Arial, Helvetica, sans-serif; 
background-image: url(../siteimages/fc_gradient.gif);
	background-repeat: repeat-x; 
	background-color: #a2c1d9;}
	
	.headgraphic{background-image: url(../siteimages/header.jpg);
background-repeat: no-repeat;
width: 742px;
height: 129px;
margin: 0;
padding: 0;}
	.menuindex {background:#ffffff;}

/*This box contains the main navigation and main page content*/
.container {margin: 0 auto; width: 742px; padding: 0; }

/*this is for the bottom of the screen, so that the background image for the menu shows up*/
.bottom {clear: both; overflow: hidden; width: 100%; height: 23px;  background-image: url(../siteimages/fc_footer.gif);
}

/*sets the text size for the h1 text, main heading top right hand corner*/
h1 {font-size: 120%; text-align: right; font-weight: bold; padding: 32px 5px 0 0; margin: 0; color: #FFFFFF; display: none;}

/*sets the style for the page heading*/
h2 {font-size: 100%; font-weight: bold; padding: 10px 10px 3px 0; margin: 15px 10px 10px 10px;}

/*sets the style for sub-headings*/
h3 {
	font-size: 85%;
	font-weight: bold;
	padding: 10px 0px 5px 0px;
	margin: 10px 10px 5px 10px;
	border-bottom:1px solid #cccccc;
	color: #E68729;
}

/*sets the style for paragraph text*/
P {
	padding: 0;
	margin: 7px 10px 13px 10px;
	font-size: 70%;
	line-height: 150%;
	color: #666666;
}


/*------------------All form elements--------------------------------------*/
form {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}

/*sets the style for tables*/
form table, .noborder {border: 0; margin: 10px; padding: 0; border-collapse: collapse; font-size: 70%; width: 95%; line-height:150%;}
/*sets the style for cells within a table*/
form td, .noborder td {padding: 5px 5px 5px 0px; border: 1px solid #ffffff; vertical-align:top;  }

.formelements{
text-align:right;
padding: 97px 6px 0px 0px;
font-size:70%;
color:#333333;
font-weight:bold;
}

.tsearch {
padding: 0px 3px 0px 0px;
margin:0px;
}

input{font-size:85%; margin:0px; padding:0px;}
select{font-size:85%; margin:0px; padding:0px;}

.intxt{width:180px;}


/*-----------------------------------------------------------------------------------------*/

/*The widths of columnOne and columnTwo should add up to 740px , column one is for the main navigation*/
#columnOne {FLOAT: left; WIDTH: 320px; PADDING: 15px 0px 0px 0px; margin:0px 5px 0px 10px; font-weight: normal; background: #ffffFF;}
#columnOne ul {margin: 0; padding: 0; list-style: none; line-height: 100%; font-weight: bold;}
/*This sets font size, and text alignment*/
#columnOne li {font-size: 72%;    margin:0px 0px 8px 0px;  }

.border{border: 1px solid #417295;}

.news{ width:320px;}


.fullstory{margin-top:10px; text-align:right; padding-right:18px;padding-top:2px;background:#fff url(../siteimages/arrowso.gif) no-repeat top right;}
#columnOne .fullstory a:link, #columnOne .fullstory a:visited{
padding: 5px 0px 5px 0px;margin:0px;color:#BE1500; display:inline; text-decoration: none;}
#columnOne.fullstory a:hover{color: #E68729; display:inline;text-decoration: none; }
#columnOne .news a:link, #columnOne .news a:visited{margin:0px;color:#BE1500; display:inline; background: none;text-decoration: none;}
#columnOne .news a:hover{color: #E68729; display:inline;text-decoration: none; background: none;}


/*This sets the style for the  main navigation bars, the height can be altered by adjusting the top and bottom padding, which is currently set to 5px*/
.ug{background-image:url(../images/indexsection1.jpg); background-repeat:no-repeat; background-position:233px 3px ; padding: 6px 0px 6px 10px;}
.pg{background-image:url(../images/indexsection2.jpg); background-repeat:no-repeat; background-position:233px 3px ; padding: 6px 0px 6px 10px;}
.stuprofiles{background-image:url(../images/indexsection3.jpg); background-repeat:no-repeat; background-position:233px 3px ; padding: 6px 0px 6px 10px;}
.research{background-image:url(../images/indexsection4.jpg); background-repeat:no-repeat; background-position:233px 3px ;padding: 6px 0px 6px 10px;}
.facind{background-image:url(../images/indexsection5.jpg); background-repeat:no-repeat; background-position:233px 3px ;padding: 6px 0px 6px 10px;}
.res{background-image:url(../images/indexsection6.jpg); background-repeat:no-repeat; background-position:233px 3px ;padding: 6px 0px 6px 10px;}
.newsevents{background-image:url(../images/indexsection7.jpg); background-repeat:no-repeat; background-position:233px 3px ; padding: 6px 0px 6px 10px;}
.jobs{background-image:url(../images/indexsection8.jpg); background-repeat:no-repeat; background-position:233px 3px ; padding: 6px 0px 6px 10px;}
.staff{background-image:url(../images/indexsection9.jpg); background-repeat:no-repeat; background-position:233px 3px ;padding: 6px 0px 6px 10px;}
.contact{background-image:url(../images/indexsection10.jpg); background-repeat:no-repeat; background-position:233px 3px ;padding: 6px 0px 6px 10px;}
.imggal{background-image:url(../images/indexsection11.jpg); background-repeat:no-repeat; background-position:233px 3px ; padding: 6px 0px 6px 10px;}


#columnOne a:link, #columnOne a:visited, #columnOne a:active {width: 308px; display: block; text-decoration: none;   color: #417295;background-color: #ffffff;
 margin:0px;}
#columnOne a:hover {color: #ffffff;  background-color: #417295; }

#columnOne .latestnews { width: 320px; PADDING: 0px 0px 0px 0px; margin:0px 0px 0px 0px; font-weight: normal; background: #ffffFF; border:1px solid #D80200; }
#columnOne .latestnews ul {margin: 0px; padding: 0px ; list-style: none; line-height: 100%; font-weight: bold;}
/*This sets font size, and text alignment*/
#columnOne .latestnews li {font-size: 71%; margin:2px 0px 5px 0px;  padding:0px 0px 5px 0px; border-bottom:1px solid #E68729;}
#columnOne .latestnews a:link, #columnOne .latestnews a:visited, #columnOne .latestnews a:active {  text-decoration: none; color: #D80200; background-color: #ffffff; 
 margin:0px; padding:0px 0px 0px 10px;}
#columnOne .latestnews a:hover {color: #E68729; background:#fff;}
#columnOne .latestnews img{margin:0px 0px 4px 0px; }
#columnOne .latestnews p {font-size: 71%; margin: 0px 0px 4px 0px; padding: 0px ;}

/*The widths of columnOne and columnTwo should add up to 740px , column two is for the main page contents*/
#columnTwo {  float: left; WIDTH: 390px; PADDING: 0px 0px 5px 5px; margin:0px; COLOR: #333333;  }
#columnTwo img {border: 1px solid #ffffff; padding:3px; clear:both; margin:10px 5px 5px 5px;}
#columnTwo img.right {
		border: 1px solid #fff;
		margin-left: 10px;
		margin-top: 0px;
		margin-bottom: 10px;
		margin-right: 5px;
		float: right;
		padding: 5px;
	} 
	
	#columnTwo img.left {
		border: 1px solid #dfdfdf;
		margin-right: 10px;
		margin-top: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		float: left;
		padding: 5px;
	}  
#columnTwo a, .columnTwo a:link, .columnTwo a:visited, .columnTwo a:active {text-decoration: none; color:#417295;}
#columnTwo a:hover {text-decoration: none; color:#E68729;}	


/*This sets the indent for a bulleted list and also its font size*/
#columnTwo ul {margin: 0px 0px 20px 10px; padding: 0; font-size: 70%; list-style: none; font-weight:bold;}
/*This provides a margin around the text in a bulleted list*/
#columnTwo ul li {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; line-height:160%; }


/*----------------------breadcrumb menu and strippy bar------------------------------------------*/
#breadtrail {
	background-color: #ffffff;
	margin:0px 18px 0px 18px;
	padding:14px 0px 0px 0px; 
	height:20px; 
background-image: url(../siteimages/fc_seperator2.gif); 
	background-repeat:repeat-x;
	width:705px;
	clear:both;

}


.breadlinks{width:610px; float:left; font-family:Verdana, Arial, sans-serif;
	font-size:70%;
	color:#447498;
	line-height:140%}

.breadlinks a:link, .breadlinks a:visited {
	text-decoration:none;
	color:#447498;
	padding:2px;
}
.breadlinks a:hover {
	color:#447498;
	text-decoration:underline;}


.backtotop{float:left;
 text-align:right; font-family:Verdana, Arial, sans-serif;
	font-size:70%;
	color:#447498;
	line-height:140%}

.backtotop a:link, .backtotop a:visited {
	text-decoration:none;
	color:#447498;
	padding:2px;
}

.backtotop a:hover {
	color:#447498;
	text-decoration:underline;}
/*-------------------------------------------------------------------------------------*/

hr {
	border: none 0;
	border-top: 1px solid #bcbec0; /* the border */
	width: 98%;
	height: 1px; /* total width of the border-top and border-bottom equal */
	text-align: left; /* alignment for IE */
	margin: 0px 0px 0px 0px; /* alignment for Mozilla */
	padding:0px;
	}