body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 15px;
 background:url(graphics/mainback.gif) #ece1d0 repeat-x top;
}

img, div { behavior: url(iepngfix.htc) }

#wrapper { 
 margin: 0 auto;
 width: 924px;
}

#faux {
 float:right;
 background: url(graphics/faux.gif) repeat-y right;
 overflow:visible;
 width: 100%;
 }

.clear { clear: both; }
.floatleft{ float:left;}
.floatright{ float:right;}
.imgleft{ float:left;margin:10px 10px 20px 20px; }
.imgright{ float:right;margin:0 0 10px 10px}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
hr{margin:0 7px 15px 15px;}


/*--------------------- SLIDESHOW ------------------------*/
#slideshow {
 float: right;
 width: 710px;
 height: 273px;
 color: #333;
 background:url(graphics/slideshowback.gif) no-repeat top left;
 padding:17px 0 0 0;
}

/*--------------------- MENU ------------------------*/
#menu { 
 color: #333;
 background:url(graphics/menuback.gif) repeat-y top left;
 width: 214px;
 float: left;
 height:290px;
}

#mymenu{margin:0 0 0 16px;z-index:1;position:absolute;}

#mymenu span.arrow2 {
	background: url("graphics/sprite.png") no-repeat scroll 151px -852px transparent;
    display: block;
    height: 25px;
    position: absolute;
    width: 187px;
	}
#menu li a.arrow:hover {background-position: 0 -1300px;background-repeat: repeat-x;}

/*--------------------- MAIN CONTENT ------------------------*/
#content { 
 float: left;
 color: #333;
 background: #fff;
 width: 680px;
 display: inline;
 font-size:100%;
 margin-left:214px;
}

#content p{
margin:10px 9px 15px 20px;
text-align:justify;
line-height:normal;
}

#content p.quote{
padding:0 30px;
font-style:italic;
}

#content p.breadcrumb{
margin:0 9px 0 20px;
}


#content h1{font-size:140%;font-weight:bold;color:#00529c;padding:14px 0 0 25px;}
#content h2{font-size:130%;font-weight:bold;margin:30px 10px 0 20px;color:#00529c;}
#content h3{font-size:110%;font-weight:bold;margin:0px 10px 0 20px;color:#00529c;}

.home_header{width:670px; height:55px; background:url(graphics/heading1.jpg) no-repeat 16px 0;}
.aboutus_header{width:670px; height:55px; background:url(graphics/aboutus_header.jpg) no-repeat 16px 0;}
.contactus_header{width:670px; height:55px; background:url(graphics/contactus_header.jpg) no-repeat 16px 0;}
.links_header{width:670px; height:55px; background:url(graphics/links_header.jpg) no-repeat 16px 0;}
.projects_header{width:670px; height:55px; background:url(graphics/projects_header.jpg) no-repeat 16px 0;}

.ul-middle {
margin-bottom:20px;
}

.ul-middle li {
background-image:url(graphics/arrow_right.png);
background-repeat:no-repeat;
padding:0 0 0 20px;
margin:0 0 10px 30px;
line-height:16px;
list-style: none;
}

.ul-projects {
margin-bottom:20px;
}

.ul-projects li{
padding:0 0 0 10px;
line-height:16px;
list-style:disc;
margin:0 0 10px 50px;
}

.ul-projects ul{
margin-top:15px;
}
.ul-projects li li{
line-height:16px;
list-style:decimal;
margin:0 0 10px 40px;
}

.ul-course {
margin-bottom:20px;
}

.ul-course li{
padding:0 0 0 10px;
line-height:16px;
list-style:disc;
margin:0 0 10px 50px;
}

.ul-course li li{
margin:5px 0 10px 30px;
}



#links {
padding:10px 0 0 20px;
line-height:84px;
list-style: none;
}
#links li{
padding:30px 0 0 0;
font-weight:bold;
}

#links img{
float:left;	
padding:0 10px 0 0;
}

.picture { 
background-color: #f9f9f9;
border: 1px solid #ccc; 
padding: 3px;
font: 75% Arial, sans-serif; 
}
.picture img { border: 1px solid #ccc; vertical-align:middle; margin-bottom: 3px; } 

/*--------------------- RIGHT COL ------------------------*/
#rightcolumn { 
 color: #333;
 background:url(graphics/rightcolback.gif) repeat-y top;
 height: 350px;
 width: 236px;
 float: right;
 position: relative;
}

#newsheader{
width:189px;
height:49px;
background:url(graphics/newsheader.jpg) no-repeat 0px 0;
margin:10px 0 0 9px;

}

#newsheader h1{font-size:140%;font-weight:bold;color:#00529c;padding:14px 0 0 10px;}

#newsbox{margin:22px 0 0 16px;}

#newsticker{
width: 205px;
height:320px;
background:url(graphics/newsback.gif) no-repeat bottom left;
padding:0 0 0 0;
margin: 0 15px 0 5px;
float:right;
}



/*--------------------- FOOTER ------------------------*/
#footerwrap { 
 background:url(graphics/footerback.gif) repeat-x;
}

#footer {
 margin: 0 auto;
 color: #333;
 width: 924px;
 height: 76px;
}

#footer p{text-align:center;padding:15px 0 0 200px;color:#815F30}

#brochure{
	float:right;
	width:190px;
	height:70px;
	margin:10px 10px 10px 10px;
	padding:5px;
	border:solid 2px #bf5138;
	}