@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document for asfc.ac.uk */

body,td,th {

	
}

a:link {
	text-decoration: none;
	color:#FC7BF1;
}
a:visited {
	text-decoration: none;
	color:#FC7BF1;

}
a:hover {
	text-decoration: underline;
	color:#c3dde7;
}
a:active {
	text-decoration: none;
}


#OverallContainer {

}

#TitleBarContainer {

}

#TitleInner {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background:#5d6469 url("../_images/LT.gif") left top no-repeat;
	text-align:left;
	width:300px;
	height:20px; 	
	float:left;
}

#ActionBar {
	margin:0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	background:#5d6469 url("../_images/RB.gif") right bottom no-repeat;
	text-align:right;
	width:400px;
	height:20px; 	
	float:right;
}

#MainImageContainer {
	background-image:url(../_images/MainImage1.jpg);
	background-repeat:no-repeat;
	margin:5px 0px 0px 0px;
	text-align:center;
	width:940px;
	height:100px; 	
}

#BreadcrumbContainer {
	background-color:#5d6469;
	margin:5px 0px 0px 0px;
	text-align:center;
	width:940px;
	height:20px; 	
}

#BreadcrumbInner {
	background:#5d6469 url("../_images/LT.gif") left top no-repeat;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	text-align:left;
	width:500px;
	height:20px; 	
	float:left;
}

#DateBar {
	background:#5d6469 url("../_images/RB.gif") right bottom no-repeat;
	padding:0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:right;
	width:300px;
	height:20px; 	
	float:right;
}

#PageContainerTop {
	background-color:#fff;
	background:#fff url("../_images/LT1.gif") left top no-repeat;
	margin:5px 0px 0px 0px;
	text-align:center;
	width:940px;
	height:180px; 	
}
#PageContainerBottom {
	background-color:#fff;
	background:#fff url("../_images/RB1.gif") right bottom no-repeat;
	margin:0px 0px 0px 0px;
	text-align:center;
	width:940px;
	height:295px; 	
}

#WelcomeContainer {
	background:#5d6469 url("../_images/LTgrey.gif") left top no-repeat;
	margin:10px 0px 0px 10px;
	text-align:left;
	width:370px;
	height:160px; 	
	float:left;
}
#WelcomeTitle {
	margin:3px 5px 0px 10px;
	text-align:left;
	width:350px;
	height:16px; 	
	float:left;
}
#WelcomeImage {
	background-image:url("../_images/DRJanetNevin.jpg");
	margin:8px 10px 0px 10px;
	text-align:left;
	width:67px;
	height:67px; 	
	float:left;
}
#WelcomeText1 {
	margin:4px 10px 0px 0px;
	text-align:left;
	width:273px;
	height:70px; 	
	float:left;
}
#WelcomeText2 {
	margin:9px 10px 0px 10px;
	text-align:left;
	width:350px;
	height:58px; 	
	float:left;
}


#WelcomeContainerBottom {
	background:#5d6469 url("../_images/RBgrey.gif") right bottom no-repeat;
	margin:0px 0px 0px 10px;
	text-align:left;
	width:370px;
	height:10px; 	
	float:left;
}

#SlideShowImageContainer {
	background-color:#5d6469;
	margin:10px 10px 0px 0px;
	text-align:left;
	width:540px;
	height:170px; 	
	float:right;
}

#LatestNewsContainer {
	background:#5d6469 url("../_images/LTgrey.gif") left top no-repeat;
	margin:10px 10px 0px 10px;
	text-align:left;
	width:370px;
	height:264px; 	
	float:left;
}

#NewsTitle {
	margin:3px 5px 0px 10px;
	text-align:left;
	width:350px;
	height:16px; 	
	float:left;
}
#NewsImage1 {
	margin:12px 10px 0px 10px;
	text-align:center;
	width:67px;
	height:67px; 	
	float:left;
}
#NewsText1 {
	margin:4px 10px 0px 0px;
	text-align:left;
	width:273px;
	height:71px; 	
	float:left;
}
#NewsText2 {
	margin:9px 10px 0px 0px;
	text-align:left;
	width:273px;
	height:71px; 	
	float:left;
}


#LatestNewsContainerBottom {
	background:#5d6469 url("../_images/RBgrey.gif") right bottom no-repeat;
	margin:0px 10px 0px 10px;
	text-align:left;
	width:370px;
	height:10px; 	
	float:left;
}

#BoxesContainer {
	margin:10px 10px 0px 0px;
	text-align:left;
	width:540px;
	height:274px; 	
	float:right;
}

/*#Box1 {
	background-color:#000;
	background-image:url("../_images/Box1_over.jpg");
	margin:0px 10px 0px 0px;
	text-align:left;
	width:265px;
	height:120px; 	
	float:left;
}*/

/*#Box2 {
	background-color:#000;
	background-image:url("../_images/Box2_off.jpg");
	margin:0px 0px 0px 0px;
	text-align:left;
	width:265px;
	height:120px; 	
	float:right;
}

#Box3 {
	background-color:#000;
	background-image:url("../_images/Box3_off.jpg");
	margin:10px 10px 0px 0px;
	text-align:left;
	width:265px;
	height:120px; 	
	float:left;
}

#Box4 {
	background-color:#000;
	background-image:url("../_images/Box4_off.jpg");
	margin:10px 0px 0px 0px;
	text-align:left;
	width:265px;
	height:120px; 	
	float:right;
}*/

#CopyrightContainer {
	background-color:#fff;
	margin:4px 0px 0px 0px;
	text-align:center;
	width:540px;
	height:20px; 	
	float:right;
}

#FooterContainer {
	background:#e2e8ea url("../_images/LT2.gif") left top no-repeat;
	margin:10px 0px 0px 0px;
	text-align:center;
	width:940px;
	height:190px; 	
}
#FooterContainerBottom {
	background:#e2e8ea url("../_images/RB2.gif") right bottom no-repeat;
	margin:0px 0px 0px 0px;
	text-align:center;
	width:940px;
	height:10px; 	
}

#FooterInner {
	background:#5d6469 url("../_images/LTFooter.gif") left top no-repeat;
	margin:10px 10px 0px 10px;
	text-align:center;
	width:920px;
	height:170px; 
	float:left;	
}
#FooterInnerBottom {
	background:#5d6469 url("../_images/RBFooter.gif") right bottom no-repeat;
	margin:0px 10px 10px 10px;
	text-align:center;
	width:920px;
	height:10px; 
	float:left;	
}

#FooterTitle {
	margin:5px 0px 0px 10px;
	text-align:left;
	width:138px;
	height:16px; 	
	float:left;
}

#FooterBox1 {
	margin:5px 10px 0px 10px;
	text-align:left;
	width:138px;
	height:160px; 	
	float:left;
}


#FooterBox2 {
	margin:5px 10px 0px 0px;
	text-align:left;
	width:148px;
	height:160px; 	
	float:left;
}
#FooterBox3 {
	margin:5px 10px 0px 0px;
	text-align:left;
	width:138px;
	height:160px; 	
	float:left;
}
#FooterBox4 {
	margin:5px 10px 0px 0px;
	text-align:left;
	width:138px;
	height:160px; 	
	float:left;
}
#FooterBox5 {
	margin:5px 10px 0px 0px;
	text-align:left;
	width:148px;
	height:160px; 	
	float:left;
}
#FooterBox6 {
	margin:5px 10px 0px 0px;
	text-align:left;
	width:138px;
	height:160px; 	
	float:left;
}

ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	text-indent: 0px;
	}



/*CONTENT PAGES LAYOUTS */

#SectionContainer {
	background:#5d6469 url("../_images/LTgrey.gif") left top no-repeat;
	margin:10px 0px 0px 10px;
	text-align:left;
	width:220px;
	height:120px; 	
	float:left;
}
#SectionTitle {
	margin:3px 5px 0px 10px;
	text-align:left;
	width:200px;
	height:16px; 	
	float:left;
}
#SectionText {
	margin:9px 10px 0px 10px;
	text-align:left;
	width:200px;
	height:90px; 	
	float:left;
}
#SectionContainerBottom {
	background:#5d6469 url("../_images/RBgrey.gif") right bottom no-repeat;
	margin:0px 0px 0px 10px;
	text-align:left;
	width:220px;
	height:10px; 	
	float:left;
}
#SectionImage {

	margin:10px 10px 0px 0px;
	text-align:center;
	width:690px;
	height:130px; 
	float:right;
}
#SideLinksContainerContainer {
	margin:10px 0px 0px 10px;
	text-align:left;
	width:220px;
	height:500px; 	
	float:left;
}
#SideLinksContainer {
	background:#5d6469 url("../_images/LTgrey.gif") left top no-repeat;
	padding:10px 0px 0px 0px;
	text-align:left;
	width:220px;
	height:490px; 	
	float:left;
}
#SideLinksContainerBottom {
	background:#5d6469 url("../_images/RBgrey.gif") right bottom no-repeat;
	margin:0px 0px 10px 0px;
	text-align:left;
	width:220px;
	height:10px; 	
	float:left;
}

#MiddleContentContainerContainer{
	background:none;
	margin:10px 10px 10px 10px;
	text-align:left;
	width:515px;
	height:auto;
	float:left;
}
#MiddleContentContainer{
	background:#e2e8ea url("../_images/LT3.gif") left top no-repeat;
	text-align:left;
	width:515px;
	height:auto;
	float:left;
}
#MiddleContent{
	margin:10px 10px 10px 10px;
	text-align:left;
	width:495px;
	float:left;
}
#MiddleContentBottom {
	background:#e2e8ea url("../_images/RB3.gif") right bottom no-repeat;
	margin:0px 0px 0px 0px;
	text-align:left;
	width:515px;
	height:10px; 	
	float:left;
}
#PageContainerTop1 {
	background-color:#fff;
	background:#fff url("../_images/LT1.gif") left top no-repeat;
	margin:5px 0px 0px 0px;
	text-align:center;
	width:940px;
	height:140px; 	
}
#PageContainerBottom1 {
	background-color:#fff;
	background:#fff url("../_images/RB1.gif") right bottom no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	text-align:center;
	width:940px;
	height:530px;
}
#SideBox1 {
	background-color:#000;
	background-image:url("../_images/Box1_over.jpg");
	margin:0px 0px 0px 0px;
	text-align:left;
	width:165px;
	height:120px; 	
	float:right;
}

#SideBox2 {
	background-color:#000;
	background-image:url("../_images/Box2_off.jpg");
	margin:10px 0px 0px 0px;
	text-align:left;
	width:165px;
	height:120px; 	
	float:right;
}

#SideBox3 {
	background-color:#000;
	background-image:url("../_images/Box3_off.jpg");
	margin:10px 0px 0px 0px;
	text-align:left;
	width:165px;
	height:120px; 	
	float:right;
}

#SideBox4 {
	background-color:#000;
	background-image:url("../_images/Box4_off.jpg");
	margin:10px 0px 0px 0px;
	text-align:left;
	width:165px;
	height:120px; 	
	float:right;
}
#SideBoxContainer {
	background-color:#fff;
	margin:10px 10px 10px 0px;
	text-align:left;
	width:165px;
	height:500px; 	
	float:right;
}
#OverallContainer1 {
	margin:auto;
	width:940px;
	height:900px; 	
}


/* TEXT STYLES */
.WhiteText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	line-height:20px;
	}
.OrangeText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ff9834;
	line-height:20px;
	}
.BlueText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#95e2ff;
	line-height:20px;
	}
.NormalText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	color:#fff;
	}
.NormalBlueText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	color:#95e2ff;
	}
.NormalOrangeText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	color:#ff9834;
	}
.NormalBlackText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	color:#000;
	}

.NewsWhiteText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	color:#fff;
	}
.NewsBlueText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	color:#95e2ff;
	}
.NewsOrangeText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	color:#ff9834;
	}
	
.CopyrightText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#5d6469;
	line-height:10px;
	}
	
.SectionTitleBoldWhiteText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	line-height:20px;
	font-weight:bold;
	}

	.LinksSectionTitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	padding:0px 0px 0px 10px;
	}

	


/* PHOTO SLIDE SHOW SPESH DIV */

#photodiv {
  background-repeat: no-repeat;
}





/*clear fix from snippets library*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearBoth{
	clear:both;
}

.clearfix {
	display: inline-table;
	clear:both;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}






/* BOXES ROLLOVERS background-color:#000;
	background-image:url("../_images/Box1_over.jpg");*/

#Box_1 {
	margin:0px 10px 0px 0px;
	text-align:left;
	width:265px;
	height:120px; 	
	float:left;
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	*display: inline;
	/* End hide from IE5/mac */	
}

.Box_1rollover	{ 
	background-image: url(../_images/Box1_on.jpg);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 265px;
	height: 120px;
}

.Box_1rollover a {
	display: block;
	width: 265px;
	height: 120px;
	display: block;
}

.Box_1rollover img {width: 265px; height: 120px; border: 0; }
* html a:hover {visibility:visible}
.Box_1rollover a:hover img{visibility:hidden}

#Box_2 {
	margin:0px 0px 0px 0px;
	text-align:left;
	width:265px;
	height:120px; 	
	float:right;
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	*display: inline;
	/* End hide from IE5/mac */	
}

.Box_2rollover	{ 
	background-image: url(../_images/Box2_on.jpg);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 265px;
	height: 120px;
}

.Box_2rollover a {
	display: block;
	width: 265px;
	height: 120px;
	display: block;
}

.Box_2rollover img {width: 265px; height: 120px; border: 0; }
* html a:hover {visibility:visible}
.Box_2rollover a:hover img{visibility:hidden}

#Box_3 {
	margin:10px 10px 0px 0px;
	text-align:left;
	width:265px;
	height:120px; 	
	float:left;
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	*display: inline;
	/* End hide from IE5/mac */	
}

.Box_3rollover	{ 
	background-image: url(../_images/Box3_on.jpg);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 265px;
	height: 120px;
}

.Box_3rollover a {
	display: block;
	width: 265px;
	height: 120px;
	display: block;
}

.Box_3rollover img {width: 265px; height: 120px; border: 0; }
* html a:hover {visibility:visible}
.Box_3rollover a:hover img{visibility:hidden}

#Box_4 {
	margin:10px 0px 0px 0px;
	text-align:left;
	width:265px;
	height:120px; 	
	float:right;
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	*display: inline;
	/* End hide from IE5/mac */	
}

.Box_4rollover	{ 
	background-image: url(../_images/Box4_on.jpg);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 265px;
	height: 120px;
}

.Box_4rollover a {
	display: block;
	width: 265px;
	height: 120px;
	display: block;
}

.Box_4rollover img {width: 265px; height: 120px; border: 0; }
* html a:hover {visibility:visible}
.Box_4rollover a:hover img{visibility:hidden}

/*The section left side navigation specifics */
#SectionNavContainer {
	margin:0px 0px 0px 0px;
}

#SectionNavContainer ul
{
margin: 0px 0px 0px 0px;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#SectionNavContainer li { margin: 0 0 0px 0; }

#SectionNavContainer a.top{
	border-top:solid;
	border-top-width:thin;
	border-top-color:#e2e8ea;
	margin:5px 0px 0px 0px;
}
/*9dd3e8*/
#SectionNavContainer a.on{
	background-color:#c3dde7;
}

#SectionNavContainer a
{
display: block;
padding: 5px 10px;
width: 200px;
color: #fff;
background-color: #5d6469;
text-decoration: none;
border-bottom:solid;
border-bottom-color:#e2e8ea;
border-bottom-width:thin;
}

#SectionNavContainer a:hover
{
color: #fff;
background-color: #fc7bf1;
text-decoration: none;
}

#SectionNavContainer ul ul li { margin: 0 0 0px 0; }

#SectionNavContainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 205px;
color: #fff;
background-color: #c3dde7;
text-decoration: none;
border-bottom:solid;
border-bottom-color:#e2e8ea;
border-bottom-width:thin;
}

#SectionNavContainer ul ul a:hover
{
color: #fff;
background-color: #fc7bf1;
text-decoration: none;
}

