
* { font-size: 100.01%; }
html { 
		font-size: 62.5%; 
		max-width:100%;
}
body {
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #272e33;
	margin: 0 auto; padding: 0;
	min-width: 1036px;
}

#Wrapper{
margin-right:auto;
margin-left:auto;
width:930px;
display:block;
}

/***************************** Header *****************************/

#headerWrapper {
	width: 100%;
	background-color:#000033;
	
}

#header{
width:930PX;
margin-left:0px;
height:210px;
border:solid 1px #000033;
background-color:#000033;
}

#headerLogo img {
border:none;
}

#headerWrap{
width:100%;
background-color:#000033;
}

#headerContent{
margin-right:auto;
margin-left:auto;
width:900px;
height:200px;
border:solid 1px #000033;
background-color:#000033;
}

#headerLogo{
display:block;
margin-left:10px;
margin-top:60px;
text-align: left;
}




/***************************** Navigation *****************************/


#navAreaHome{
margin-top:10px;
margin-left:-20px;
margin-right:35px;
}

#navArea{
margin-top:10px;
margin-left:80px;
}
.logo-header { width: 200px; height: 20px; }
.separator{
padding:0;
margin:0;
display:block;
height:65px;
border-right:dotted 1px #808099;
float:right;
margin-left:2px;
}

#nav, #nav ul{
list-style:none;
padding: 0;
margin: 0;
float:right;
margin-left:20px;

}

#nav li {
padding:0;
margin:0;
float:left;
margin-bottom:0;

}



/************************************Not used CSS - for menu drop downs************************/

#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
display:block;
background-color:#000033;
width:175px;
margin:0;
}
	
#nav li ul li a { /* second-level list links */
font-size:0.75em;
width:175px;
float:none;
display:block;
background-color:#808099;
color:#000033;
padding:3px;
margin:0;
background-color:#ffd800;
}

#nav li ul li{
border-top:dotted 1px #808099;

}


#nav li ul li a:hover {
background-color:#fff;
color:#000033;
}
	
#nav li ul ul { /* third-and-above-level lists */
left: -999em;
}
	
#nav li a { /* first-level list links */
padding:2px;
font-size:1em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#808099;
text-decoration:none;
display:block;
margin-right:5px;
float:left;
}

#nav li a:hover {
color:#ffd800;
text-decoration:none;
display:block;
}


	

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

/********************************************end not used****************************************/

#SecondNav ul li{
border-top:dotted 1px #808099;
}

#SecondNav ul li a{
font-size:0.9em;
width:205px;
display:block;
color:#000033;
margin:0;
padding:5px;
text-decoration:none;
}

#SecondNav ul li a:hover{
background-color:#ffd800;
}

#SecondNav ul li.indent a:hover{
background-color:#ffd800;
width: 185px;
}

#SecondNav ul{
list-style:none;
padding: 0;
margin: 0;
float:left;
}

li.indent {
	width:195px;
	margin-left: 20px;
}


/**************************************navigation end**************************/
#container{ 
margin-left:5px; height:400px; width:469px;
}
#VideoNav {
	background-color:#000033;
}

#video {
	 background-color:#FFF;
	}
/*********************video nav**********/

#innerWrapper{
margin-top:10px;
width:900px;
margin-left:10px;
}

#SecondNav{
float:left;
width:215px;
display:block;
height:550px;
margin-top:40px;
}

#MainContent{
float:left;
width:445px;
margin-left:10px;
text-align: justify;
}

#PlanContent{
width:900px;
margin-left:-82px;
text-align: justify;
}
#PlanContent h2{
margin:0;
padding-bottom:5px;;
font-size:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#000033;
}

#MainContent img{
padding-right:5px;
padding-left:5px;
padding-bottom:5px;
}

#flashArea{
margin-top: 0px;
width:1036px;
height:448px;
}

#newsWrapper{
margin-left:10px;
float:left;
width:220px;
margin-top:40px;
}

.newsItems{
margin-left:5px;
float:left;
display:block;
width:220px;
border-top:dotted 1px #808099;
padding-top:10px;
padding-bottom:10px;
}

.newsItems h2 {
padding-bottom:7px;
}

.homeCol{
margin-top:10px;
width:290px;
display:block;
float:left;
}

.homeCol a{
color:#ffffff;
}

.homeCol a:hover {
color:#ffffff;
}

.LrgSeparator{
margin-top:10px;
height:100px;
border-right:dotted 1px #808099;
float:left;
margin-right:5px;
margin-left:5px;
}

#label{
position:absolute;
margin-left:900px;
margin-top:15px;
}

.pullQuote{
padding:10px;
margin-left: 10px;
width:220px;
background-color:#ffd800;
float:right;
}

.pullQuote img{
display:inline;
}
.pullQuoteText {
	width: 220px;
}

img.endquote {
	float: right;
}

/*******************************footer elements********************************/

#Validate{
float:right;
text-align:right;
}

#address{
float:left;
width:630px;
}

#Validate a{
font-family:Helvetica, sans-serif;
text-decoration:none;
}

#Validate a:hover{
font-family:Helvetica, sans-serif;
text-decoration:underline;
}


#footer{
margin-top:10px;
border-top:dotted 1px #808099;
margin-left:10px;
width:900px;
}

#Validateplan{
float:right;
text-align:right;
}

#addressplan{
float:left;
width:700px;
}

#Validateplan a{
font-family:Helvetica, sans-serif;
text-decoration:none;
}

#Validateplan a:hover{
font-family:Helvetica, sans-serif;
text-decoration:underline;
}


#footerplan{
margin-top:10px;
border-top:dotted 1px #808099;
margin-left:-82px;
width:1100px;
}

#footerplan p {
margin-top: 10px;
font-size: 0.65em;
font-family: Helvetica,sans-serif;
color: #808099;
}

/************* Contact forms etc *******************/

#regform {
background-color:#EEEEEE;
font-size:0.75em;
color:#646567;
font-family: arial;
margin-bottom:10px;
padding:0 20px 10px 10px;
}

#regform input {
border:1px solid #CCCCCC;
margin-bottom:10px;
padding:4px;
width:100%;
}

#regform select {
border:1px solid #CCCCCC;
margin-bottom:10px;
padding:3px;
width:100%;
}

#regform #submitF {
margin-left:160px;

color:#646567;
width:100px;
}

#regform textarea {
border:1px solid #CCCCCC;
height:100px;
width:100%;
}

#regform input.chkbox {
width:20px;
}

.whitelink {
color:#ffffff;
}

.whitelink:hover {
color:#ffffff;
}

img {
border:none;
}

/*----------------------LIGHTBOX STUFF ------------------------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(../../images/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(../../images/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*----------------------Gallery Styling ------------------------- */

#album_container
{margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 15px;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
background-color: #f7f7f7;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:#bbbbbb;
border-top:1px;
border-top-style:solid;
border-top-color:#bbbbbb;
border-left:1px;
border-left-style:solid;
border-left-color:#bbbbbb;
border-right:1px;
border-right-style:solid;
border-right-color:#bbbbbb;
}

#album_container_inner
{margin-left:5px;
margin-top:5px;}

#album_container img {
margin-top:5px;
margin-left:2px;
border-top:2px;
background-color:#FFFFFF;
border-top-color:#FFFFFF;
border-top-style:solid;
padding-top:3px;
}




/* index start */
#page {
	overflow: hidden;
	width: 100%;
	position: relative;
	background: url(../../images/body-bg-internal.gif) repeat-x;
}

#page-internal {
	overflow: hidden;
	width: 100%;
	position: relative;
	background: url(../../images/bg2.jpg) repeat-x;
}

#page-views {
	overflow: hidden;
	width: 100%;
	position: relative;
	background: url(../../images/bg_views_header.png) repeat-x;
}

#page-internal-bfund {
	overflow: hidden;
	width: 100%;
	position: relative;
	background: url(../../images/body-bg-bfund.gif) repeat-x;
}

/* logo start */
/* logo start */
.logo {
	margin: 13px 30px 0 5px;
	float: left;
}
.logo a {
	display: block;
	text-indent: -9999px;
	width: 178px;
	height: 63px;
	overflow: hidden;
	background: url(../../images/logo.png) no-repeat;
	outline: none;
}


/* header start */
.hid-logo {
	display: none;
}
#header-home {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 455px;
	overflow: hidden;
}


.head-box-about {
	width: 1036px;
	height: 455px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
	background-position: left center;	/*background: url(../../images/header-bg.jpg) no-repeat 0 -100px;*/
}





.header-corner { position: absolute; width: 15px; height: 115px; background: url(../../images/corner.png) top left no-repeat; left: -15px;
	top: 39px;
}
.header-corner2 { position: absolute; width: 15px; height: 115px; background: url(../../images/corner2.png) top right no-repeat; left: 1036px;
	top: 39px;
}
.header-cont {
	width: 1036px;
	position: absolute;
	z-index: 5;
	left: 0px;
	top: 39px;
	height: 90px;
	background: #fff;
	border-top: solid 4px #4b4b69;
		border-bottom: solid 4px #4b4b69;
}








#content-internal {
	overflow: hidden;
	width: 100%;
	margin-top: 435px;
}




.info-box-news { float: left; width: 260px; padding-right: 10px; font-family: Georgia, "Times New Roman", Times, serif; border-right: 1px solid #000; margin-right: 10px; }

.info-box-news h2 { margin: 0; font-size: 1.33em; }
.info-box-news h2 a { color: #272e33; text-decoration: none; }
.info-box-news h2 a:hover { color: #851326; }

.info-box { float: left; width: 150px; padding-right: 10px; font-family: Georgia, "Times New Roman", Times, serif; border-right: 1px solid #000; margin-right: 15px; }

.info-box h2 { margin: 0; font-size: 1.33em; }
.info-box h2 a { color: #272e33; text-decoration: none; }
.info-box h2 a:hover { color: #851326; }

.info-box ul { overflow: hidden;
	margin: 0;
	padding: 6px 0 0;
	list-style: none;
}
.info-box ul li {
	line-height: 1.33em;
}
.info-box ul li a {
	color: #272e33;
	text-decoration: none;
}
.info-box ul li a:hover {
	color: #851326;
	text-decoration: underline;
}



.info-holder-internal {
	overflow: hidden;
	width: 998px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 11px;
	padding-left: 38px;
	background-color: #FFF;
}

.about-holder-accordion {
	overflow: hidden;
	width: 998px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 22px;
	padding-left: 0px;
	display: none;
}

.info-box-internal-news {
	float: left;
	width: 250px;
	padding-right: 10px;
}
.info-box-internal-news h2 {
	margin: 0;
	font-size: 1.33em;
}

.info-box-internal-news p {
	margin-top: 5px;
	
}

.info-box-internal-news img { width: 100px; height: 60px;
	
}
.info-box-internal-news ul {
	overflow: hidden;
	margin: 0;
	padding: 0px 0 0;
	list-style: none;
}
.info-box-internal-news ul li {
	line-height: 1.33em;
}
.info-box-internal-news ul li a {
	color: #272e33;
	text-decoration: none;
}
.info-box-internal-news ul li a:hover {
	color: #851326;
	text-decoration: underline;
}




/* main start */
.main {
	overflow: hidden;
	width: 100%;
	background: #fff url(../../images/main-bg.gif) repeat-x;
}
.main-hold {
	overflow: hidden;
	width: 998px;
	margin: 0 auto;
	padding-left: 38px;
	background: url(../../images/cont-shadow.png) no-repeat;
}

.three-twenty { position: relative; float: left; width: 330px; margin-left: 10px; height: auto; margin-top: 20px; margin-right: 15px; border-right: 1px dashed #444; height: 270px; padding-top: 10px }

.video { position: relative; float: left; background: url(../../images/imac.png) top center no-repeat; width: 300px; margin-right: 10px; height: 253px; margin-top: -5px }


.video1 { position: relative; float: left; top: 14px; left: 17px }


.three-twenty h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #000; padding: 5px; margin-top: -15px; }

.moodle {
	position: absolute;
	float: left;
	width: 135px;
	margin-right: -100px;
	margin-top: 25px;
	left: 1130px;
	top: 300px;
}

.moodle img { margin-left: 40px; margin-top: 30px }

/* col1 start */
.col1 {
	float: left;
	width: 390px;
}
.col-box { overflow: hidden; width: 170px; position: relative; float: left;  }
.col-title {
	margin: 0;
	font-size: 1.25em;
	background: url(../../images/col-title-bg.gif) no-repeat;
	padding-top: 9px;
}
.col-title span {
	display: block;
	padding: 0 15px 10px;
	background-color: #d9d5ce;
	background-image: url(../../images/bg_rpt_tab_header.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}



.accordion {
	overflow: hidden;
	margin: 0;
	list-style: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 13px;
}
.accordion li {
	background: url(../../images/menu-arrow.gif) no-repeat 0 3px;
	padding-left: 13px;
	font-weight: bold;
	margin-top: 12px;
}
.accordion li a {
	color: #272e33;
	text-decoration: none;
}
.accordion li ul {
	overflow: hidden;
	margin: 0;
	padding: 1px 0 14px;
	list-style: none;
	display: none;
}
.accordion li ul li {
	background: none;
	padding-left: 10px;
	font-weight: normal;
}
.accordion li ul li a {
	color: #851326;
	font-weight: bold;
	text-decoration: none;
}
.accordion li ul li a:hover {
	color: #272e33;
	text-decoration: underline;
}


#footer-home {
	overflow: hidden;
	width: 100%; border-top: 1px dashed #444;
}
.foot-holder {
	overflow: hidden;
	width: 998px;
	margin: 0 auto;
	color: #ccc;
	padding: 5px 0 48px 8px;
}

.foot-box-first {
	float: left;
	width: 530px;
	padding-right: 5px;
}

.foot-box-validate { float: right; width: 145px; padding-right: 38px; }

#footer a { color: #000; text-decoration: none; }

#footer a:hover { color: #00F; text-decoration: none; }



.slider {
	width: 100%;
	position: relative;
	z-index: 100;
	margin-right: auto;
	margin-left: auto;
	background: #ffd800;
	background-repeat: repeat-x;
	background-position: 0 100%;	
}
.slider .foot-holder {
	overflow: visible;
	padding: 18px 0 32px 38px;
	position: relative;
	display:none;
}
.slider .foot-holder:after {
	content:"";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
}
.open-link {
	position: absolute;
	right: 180px;
	bottom: -25px;
	text-indent: -9999px;
	overflow: hidden;
	width: 260px;
	height: 25px;
	background: url(../../images/head-link.png) no-repeat;
	z-index: 100;
}


.slide-title {
	display: block;
	font-size: 1.75em;
	padding-bottom: 3px; color: #000
}
.slider .foot-title {
	display: block;
	font-weight: bold;
	margin-left: 0;
	font-size: 1.25em;
}
.slider .foot-cont p {
	margin-top: -13px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}


.slider-nav {
	width: 998px;
	position: relative;
	z-index: 100;
	margin-right: auto;
	margin-left: auto;
	padding-left: 38px;
}

.open-link-nav {
	height: 15px;
	width: 80px;
	text-indent:-9999px;
	background-image: url(../../images/nav-open-btn.png);
	background-position: left top;
	/*
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	bottom: -15px;
	*/
	position: absolute;
	background-repeat: no-repeat;
}

/* slider end */


/* lightbox end */





/*==============================
1) Navigation Styles 
================================*/

#nav-home { width: 100%; height: 50px; list-style: none; }
#nav-home li { float: left;   }
#nav-home li a { display: block; position: relative; height: 12px; margin: 12px 0 0 0; padding: 8px 10px 10px 5px; font-size: 11px; text-decoration: none; text-transform: none; font-weight: bold; color: #000; border-right: 1px dashed #444; margin-top: 20px; font-family: Georgia, "Times New Roman", Times, serif   }
#nav-home li a:hover {color: #7fb826;  }
#nav-home li a .last-nav { border: none; }

/*==============================
5) Contact Form
================================*/

#regform-home {  font-size:0.75em; color:#646567; font-family: arial; margin-top:-10px; padding:0 20px 10px 10px; width: 250px; position: relative; float: left; }
#regform-home h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #000; padding: 5px; }

#regform-home input { border:1px solid #CCCCCC; margin-bottom:10px; padding:4px; width:100%; }
#regform-home select { border:1px solid #CCCCCC; margin-bottom:10px; padding:3px; width:100%; }
#regform-home #submitF { margin-left:160px; color:#646567; width:100px; }
#regform-home textarea { border:1px solid #CCCCCC; height:60px; width:100%; }
#regform-home input.chkbox { width:20px; }

