/*  remove default styles of elements - NEW */

img, div, ul, li {
	padding:0;
	margin:0;
	border: none;
}

a, a:hover, a :visited, a:active {
	text-decoration:none;
	color:#fff;
}
body 
{    
	height:100%;
	text-align:center;
	font-size:62.5%;
	background: #061c29;
	color:#fff;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

}
/* Containers & Layout*/
#pagewrapper
{
    width:740px;
    margin:0 auto;
    text-align:left;
position:relative;
}
input, select, textarea 
{
font:1em verdana, sans-serif
}


/* Header & Nav */
.contentheader {
	height:74px;
	width:740px;
	}
#banner {
position:relative;
}
html>body #banner {
}

html>body #banner
{
margin-top:0px;
}
#headerleft
{
position:relative;
right:0;
width:188px;
height:74px;
}
#headerright {
	background: #0c3047;
	z-index:9999;
	width: 552px;
	position:relative;
	right:0;
	height:74px;
line-height:125px;
margin-left:188px;
	margin-top:-74px;
}

#headerright ul {
	list-style-type:none;
}
#headerright #nav li {
	float:right;
	display:block;
overflow:hidden;
	text-align:center;
height:74px;
	width:77px;
	border-left:1px solid #fff;
}
#headerright #nav a, #headerright #nav a:active, #headerright #nav a:visited {
	display:block;
	font-size: 1.2em;
	color: #fff;
	width:77px;	
	height:74px;
	text-transform:uppercase;
}
.home {
	background: url(/images/hme.jpg) no-repeat 50% 0%;
}
.wwd {
	background: url(/images/about.jpg) no-repeat 50% 0%;
}
.course {
	background: url(/images/dates.jpg) no-repeat 50% 0%;
}
.svcs {
	background: url(/images/svcs.jpg) no-repeat 50% 0%;
}
.rscs {
	background: url(/images/rescs.jpg) no-repeat 50% 0%;
}
.news {
	background: url(/images/news.jpg) no-repeat 50% 0%;
}
.contact {
	background: url(/images/contact.jpg) no-repeat 50% 0%;
}
/* Nav hover */

.home a:hover {
	background: url(/images/hmeO.jpg) no-repeat 50% 0% #d34313;
}
.wwd a:hover {
	background: url(/images/abtO.jpg) no-repeat 50% 0% #d34313;
}
.course a:hover {
	background: url(/images/dtesO.jpg) no-repeat 50% 0% #d34313;
}
.svcs a:hover {
	background: url(/images/svcsO.jpg) no-repeat 50% 0% #d34313;
}
.rscs a:hover {
	background: url(/images/rscO.jpg) no-repeat 50% 0% #d34313;
}
.news a:hover {
	background: url(/images/newsO.jpg) no-repeat 50% 0% #d34313;
}
.contact a:hover {
	background: url(/images/cntO.jpg) no-repeat 50% 0% #d34313;
}

/* END NAV CODE*/
/* Changing Images in sub nav */
#icn {
	position:absolute;
	right: 30px;
	top:231px;
	height:50px;
	width:54px;
	z-index:999999;
}
.homeicn {
	background:url(/images/HmeIcn.jpg) no-repeat;
}
.abouticn {
	background:url(/images/abtIcn.jpg) no-repeat;
}
.coursesicn {
	background:url(/images/crsIcn.jpg) no-repeat;
}
.servicesicn {
		background:url(/images/svcIcn.jpg) no-repeat;
}
.resourcesicn {
	background:url(/images/rscIcn.jpg) no-repeat;
}
.newsicn {
	background:url(/images/nwsIcn.jpg) no-repeat;
}
.contacticn {
	background:url(/images/cntIcn.jpg) no-repeat;

}

/* Accessibility bar and links */

#skip {
	position: absolute;
	left: -99999px;
	top:0;
}

/*/accessibility*/
label
{
width:5.5em;
text-align:right;
margin-right:0.5em;
float:left;
display:block
}



/*Headings*/
.maincontent h1
{
font-size:2em;
font-weight:bold;
margin-top:1em;
color:#FF8303;
margin-bottom:3px;
}
h1.lcol  {
	font-size: 1.6em;
	color:#ff8303;
	padding: 0px 20px;
	margin-top: -10px;
}


h2
{
font-size:1.5em;
font-weight:bold;
text-decoration:none;
color:#FF8303;
margin-top:0.5em;
margin-bottom:3px;

}

/* Content Layout */


#clear 
{
clear: both;
height: 1px;
font-size: 0.1em
}

.divide
{
  border-bottom:1px Solid
}

.clear 
{
clear: both;
height: 1px;
font-size: 0.1em;
}

/* Left Column stuff */

	#PanLeft {
	padding-top:25px;
background:#0c3047;
	width:210px;
	right: 210px;             /* LC fullwidth + CC padding */
	margin-left: -100%;
	left:210px;
 /* -LC width for others */
 margin-left: expression(

document.all.PanContent.offsetWidth * -1 +

parseFloat(document.all.PanContent.currentStyle.paddingLeft) +

parseFloat(document.all.PanLeft.currentStyle.paddingLeft) +

parseFloat(document.all.PanLeft.currentStyle.paddingRight)

);
}

html>body #PanLeft {
	left:-210px;
}

#PanLeft h2 {
	padding-left: 20px;
	margin-bottom:0;
	height:auto;
	font-size:1.3em;
	background: url(/images/blt.jpg) 0% 0% no-repeat;
}
#PanLeft p.crses {
	padding-top:0;
	padding-top:0;
	margin-top:0;
	margin-bottom: 30px;
	margin-top:6px;
}
#PanLeft a {
}
#lt {
	margin:0 15px;
}
#lt p {
	padding-left:22px;
}

/*Below header*/
.contentheader {
	height:39px;
	background: url(/images/hb2.jpg) repeat-x top;
	line-height:39px;
	width:740px;
	position:relative;
}
.contentheader p {
	font-size:1.3em;
	font-weight:600;
	text-transform:uppercase;
	padding-left: 20px;
	display:inline;
}

.maincontent
{
padding-right:1.5em;
padding-left:1.5em;
}

.maincontent p
{
font-size:1.2em;
}

.centeralign
{
text-align:center;
}

#container {

overflow:hidden;
position:relative;
height:100%;
background:#044068;

}

html>body #container 
{
  padding-left: 210px;   /* LC width */
}

#PanContent 
{
width: 100%;
}

.ModContent

{

    padding-left:210px;

}



html>body .ModContent

{

  padding-left: 0px;   /* LC width */

}

#container .column
{

padding-bottom: 1001em;     /* X + padding-bottom */
margin-bottom: -1000em;     /* X */
float: left;
}

html>body  #container .column
{
position:relative;
}

		



h3
{
    font-size:0.75em;
    margin-bottom:0px;
    color:#FFF;
}

/*FOOTER*/
.footer
{

width:740px;
	height:36px;
	line-height:36px;
	background: #0c3047;
}
.footer li {
	display: inline;
	padding: 0px 8px;
}
#sf {
	color: #044068;
	text-align:center;
}
.footer a:hover {
	border-bottom: 1px dotted #d34313;
}
.footermenu
{
list-style:none;
margin:0px;
padding:0px;
text-align:center;
}

.footermenu li
{
display:inline;
text-align:center;
padding-right:1em;
padding-left:1em;
}

.footermenu li a 
{
text-decoration:none;
color:white
}

/*END FOOTER*/
.formlist { list-style-type:none; }
.formlist li {margin:0.5em}
.formlist label {width:10em; text-align: right; margin-right:0.5em;float: left; display:block; color:White}



.formlist table {float:left}

.checklist table {float:none}
.checklist table td input {float:left}
.checklist table td label {float:left;margin-left:0px;width:auto}
.formlist li.submit {padding-left:10.5em;}

.formlist li.check {padding-left:10.5em}
.formlist li.check label {width:auto; text-align: left;margin-right:0;float:none;display:inline; color:White}
.formlist li.check span {display:block; padding-left: 10em}
.formlist li.check span.name {padding-left: 0;width: 10em; text-align:right}



/*Left Nav*/
ul.leftnav {
	list-style-type:none;
	padding:0;
	margin:0;
}

.leftnav li {
	list-style-type:none;
	float:left;

	}
	
.colbar {
	height:7px;
	font-size:1px;
	padding:0;
	width:740px;
	background: url(/images/colbar.jpg) no-repeat;
}
.top {
position:absolute;
top:74px;
z-index:9999;
}
/*highlight boxes text*/

.bxhlt {
	font-weight:900;
	font-style:italic;
	font-size:1.4em;
	border: 1px dotted #d34313;
	text-align:center;
	width: 400px;
	margin:0 auto;
	padding:8px;
	margin-top:20px;
}
/*Contact Page*/
.bldorng {
	font-weight:900;
	color:#d34313;
}
/*links in main content*/
#PanContent a {
	color:#d34313;
	border-bottom:1px dotted #fff;
	font-weight:800;
}
.orng {

}
/*lists in main content */
.maincontent ul {

	list-style-position: inside;
	list-style-type: square;
}	
.maincontent li {
	list-style-type: square;
}
.maincontent .formlist ul {
	list-style-type: none;
}
.maincontent .formlist li {
	list-style-type: none;
}
/*course overviews*/
.name {
	text-decoration:underline;
	color:#d34313;
}
.title {
	font-size:1.2em;
	font-weight:800;
	padding-bottom: 0px;
	margin-bottom:0px;
	font-style: italic;
	font-weight: 900;	color:#d34313;

}
.details {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
}
.pad {
	padding: 0px 20px;
	font-size:1.3em;

}
/*rcol paragraphs*/
#PanContent p {
	padding: 10px 12px;
	font-size:1.3em;
}
/*Left Nav*/

.ln ul {
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:left;
}
.ln li {
	width:175px;
	list-style-type:none;
	height:27px;
	line-height:27px;
	

}
.ln li a {
	background: url(/images/blt.jpg) 3% 50% no-repeat;
	border-bottom:none;
	display: block;
	width:100%;
	text-decoration:none;
	padding-left:35px;
	border-bottom:1px dotted #d34313; 
}
html>body .ln li a:hover {
	background: url(/images/blt.jpg) 3% 50% no-repeat #039FEA;
}