html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	vertical-align: baseline;
	
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-size: 62.5%;
	
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*************************************************/
/********       utility selectors         ********/
/*************************************************/
.clearer{
	clear:both;
}

/*************************************************/
/********        main selectors           ********/
/*************************************************/
body {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
	color:#006f9a;	
}

h2 {
	font-size:1.8em;
	font-family:  Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	font-weight:normal;
	color:#9e3d3d;
}

h3  {
	color:#9e3d3d;
	font-weight:bold;
	font-size:1.6em;
	
}

h3 a {
	color:#9e3d3d;
	text-decoration: none;
		font-family:'century gothic', 'apple gothic' Verdana, Arial, Helvetica, sans-serif;	
}


h4 {
	 font-weight:bold;
	 	font-family:'century gothic', 'apple gothic' Verdana, Arial, Helvetica, sans-serif;	
}

p {
	line-height:1.4em;
}

/*************************************************/
/********        header           ********/
/*************************************************/
#header, #container {
	width:911px;
	margin:0 auto;
	font-size:1.1em;
}
#header {
	background:transparent url('images/students.jpg') no-repeat bottom right;
	height:16.5em;	
}

#headerouter
{
	background:#454545 url('images/header-gradient.jpg') repeat-x bottom left;
	position:relative;
	padding-bottom:18px;
	border-top:3px solid #2E2E2E;
	}
	
h1 {
	text-indent: -1000px;
	overflow:hidden;
	background:transparent url('images/logo.gif') no-repeat top left;
	height:150px;

}
/*************************************************/
/********       menu           ********/
/*************************************************/


ul#menu 
{
	list-style-type: none;
	position:absolute;
	bottom:17px;

	
}
#menu li
{
	display: block;
	float:left;
}
#menu a:hover {
	
	background:#fcc70b url(images/menu-item-bg-hov.jpg) repeat-x top left;
}

#menu a
{
	color:#464331;
	text-decoration:none;
	display: block;
	float:left;
	background: #D6B728 url('images/menu-item-bg.jpg') repeat-x top left;
	margin-right:1px;
	padding:7px 15px;
 	font-size:1.1em;
}

#menu a.selected, #menu a.selected:hover {
	background:#fcc70b url(images/menu-item-bg-hov.jpg) repeat-x top left;
}
/*************************************************/
/********             content             ********/
/*************************************************/
#content {
	margin:20px 0;
	font-size:1.1em;
}

#wrapcontent {
	float:left;
	font-family:helvetica, arial, sans-serif;
	font-size:1.2em;	
}

/*************************************************/
/********      landing and content pages  ********/
/*************************************************/
h2.contenttitle {
	margin:30px 0 0 10px;
	font-weight:bold;
}

#navlocal {
	float:left;
	width:245px;
	margin:30px 20px 80px 0;
	background:url(images/bg-navlocal.gif) repeat-y;
	font-size:1.05em;
}

div.navlocalinner {
	background:url(images/top-navlocal.gif) no-repeat;
}
	
#navlocal ul{
	padding:2px 0 50px 0;
	background:url(images/bot-navlocal.gif) no-repeat left bottom;		
}

#navlocal li{
	background:url(images/list-navlocal.gif) no-repeat;	
	width:245px;	
}

#navlocal li.first{
	background:none;		
}

#navlocal li a {
	display:block;
	color:#006f9a;
	text-decoration:none;
	padding:10px 0 10px 10px;
}

#navlocal li a:hover, #navlocal li.current a{
	background:url(images/link-navlocal.gif) repeat-y;
	
}

#navlocal li ul {
	padding:0;
	background:none;
}

#navlocal li li a{
	padding-left:25px;
	font-size:0.9em;
}

#navlocal li.current li a{
	background:none;
}

#navlocal li.current li a:hover{
	background:url(images/link-navlocal.gif) repeat-y;
}

#contentmain {
	float:right;
	width:635px;
	margin:30px 0 80px 0;
	color:#414141;
	line-height:1.5em;	
}

#contentmain h3{
	color:#858054;
	font-size:1.4em;
	margin-bottom:6px;
	font-family:'century gothic', 'apple gothic' Verdana, Arial, Helvetica, sans-serif;	
}

#contentmain p{
	margin-bottom:1.8em;	
}

#contentmain ul{
	list-style:disc;
	margin:0 0 10px 15px;
}


#contentmain ol {
	list-style:decimal;
	margin:0 0 10px 25px;
}

#contentmain h4{
	padding-bottom:5px;
}

#contentmain h5{
	font-weight:bold;
}


#contentmain img.imgpage {
	border:3px solid #b3b19a;
	margin-bottom:50px;
}

#contentmain table {
	width:465px;
	border:1px solid #c2c2c2;
	border-collapse:collapse;
	margin-bottom:20px;
}

#contentmain caption {
	padding-bottom:5px;
	font-weight:bold;
	font-size:0.9em;
}

#contentmain th,  #contentmain td{
	padding:8px;
	border:1px solid #c2c2c2;
}

#contentmain th {
	background:#e7e7e7;
	font-weight:bold;
	color:#333;
}


div.sectionintro {
	font-size:1.2em;
	margin-bottom:20px;
}

div.contenttext{
	width:465px;
	float:left;
	margin:0 20px 0 0;
}
div.contentimages {
	width:150px;
	float:right;
}

div.contentimages img{
	border:2px solid #b3b19a;
	margin-bottom:20px;
}


/*************************************************/
/********             homepage            ********/
/*************************************************/


/******* deck ***********/
#deckouter{
	background:transparent  url(images/deckrepeater.jpg) repeat-y top left;
	float:left;
}

#deckout{	
	float:left;
	width:100%;	
	background: transparent url(images/deck-topgrad.jpg) no-repeat top left;
	padding:7px 8px 0px 7px;width:897px;	
}

#deck{
	float:left;
	background: transparent url('images/deck-grad.jpg')	no-repeat bottom right;
	border:1px solid #e1e1e1;
	width:100%;
	margin-bottom:0;	
}

#deck img {
	padding:4px 11px 4px 4px;
	width:592px;
	background: #fff url('images/deckimg-grad.jpg')	no-repeat bottom right;
}

.deckimg {
	float:left;
	width:600px;
	height:258px;
	position:relative;
}

.deckimg img{
	display:none;
	position:absolute;
	
}

.deckimg img.active{
	display:block;
}


.deckcopy {
	float:left;
	width:255px;
	padding:20px;
	font-family:'century gothic', 'apple gothic' Verdana, Arial, Helvetica, sans-serif;	
}

.deckcopy h2 {
	margin-bottom:10px;
	width:200px;
	padding-bottom:5px;
}

/******* main copy body 2 cols ***********/

#homecopy {
	width:100%;
	float:left;
	margin:0 7px;
	background: transparent url('images/content-bg.jpg') repeat-y 322px;
}

#homecopyinner {
float:left;
width:100%;
	background:transparent url('images/content-bg-bottom.jpg') no-repeat 393px bottom;	
}

/******* main columm ***********/
#homemain {
	width:591px;
	float:left;
	padding:0px 1px 10px 10px;
	background: transparent url(images/hmcopy-dropshadow.jpg) repeat-x left top;
}
#homemain #intro {
	background: transparent url(images/hmmain-intro-grad.jpg) no-repeat right top;
	padding-top:20px;

}

#homemain #intro {
	padding-bottom:20px;
}

#homemain #intro div.msg {
	width:392px;
	float:left;
}


#homemain #intro img{
	float:right;
	margin-right:46px;
	border:2px solid #b3b19a;
}

#promos {
	clear:both;
	padding-bottom:20px;
}

#promos a img {
	border:1px solid #efefef;
	padding:4px;
	background:#fff;
}

#promos a {
	display:block;
	float:left;
	margin:20px 10px 20px 0px;
}

#intro h3 {
	padding-bottom:15px;
	font-family:'century gothic','apple gothic',Verdana,Arial,Helvetica,sans-serif;
	width:590px;
}


#featured img {
	float:left;
	margin:0px 10px 10px 0px;
	border:2px solid #b3b19a;
}

#featured h3 {
	padding-bottom:20px;
}

#featured a.more {
	float:right;
	text-decoration:underline
}



#featured a.more span {
		font-size:.8em;
}

#featured {
	padding-right:20px;
}

/******* right column ***********/

#additional {
	float:left;
	padding:10px 0px 10px 10px;
	width:287px;
	background:transparent url('images/righthm-grad.jpg') repeat-x -1px top ;
}
#additional h4 {
	font-size:1.1em;
	color:#8d885f;
	margin-top:15px;
}

#news ul, #quicklinks ul {
	margin-top:20px;
	background:transparent url(images/menuhomebrd.jpg) no-repeat scroll right top;
}

#news li, #quicklinks li {
	
		text-align:right;
		margin-right:1px;
}


#news li {
	text-align:left;
}

#news p, #quicklinks li {
	background: transparent url(images/menuhomebrd.jpg) no-repeat scroll right bottom;
}

#news li.hover {
	background: transparent url(images/bg-news.gif) repeat-y right top;
}


#news a:hover {
	text-decoration:none;
}

#quicklinks li a {
	text-decoration:none;
	padding:10px 10px 10px 10px;
	font-size:1.2em;
	font-family:'century gothic', 'apple gothic' Verdana, Arial, Helvetica, sans-serif;	
	display:block;
}

#quicklinks li a:hover{
	background:transparent url(images/featuredbg.jpg) no-repeat center right;
	padding-right:7px;
	position:relative;
	left:8px;
}

#quicklinks li a:hover span {
	padding-right:11px;	
}

#news {
	padding-top:20px;
}
#news h5 {
	padding:10px 0;
}
/*************************************************/
/********      footer and footer menu     ********/
/*************************************************/

#footermenu {
	background:#f3efca url('images/footergrad.jpg') repeat-x top right;
	margin-top:20px;
	font-size:1.1em;
	clear:both;
}

#footermenuinner {
	width:910px;
	margin: 0 auto;
	padding:0 20px 20px 20px;
}

#footermenu .col {
	float:left;
	margin-right:30px;
	padding-top:15px;
}

#footermenu .col h4 {
	padding-top:15px;
	font-size:1.2em;
	color:#6d6a4f;
}

#footermenu .col h4 a  {
	color:#6d6a4f;
}

#footermenu .col h4.hm {
	margin-left:-15px;
	padding-left:15px;	
	background:transparent url('images/hm-arrow.gif') no-repeat 0% 90%;
}

#footermenu .col .hm a{
	padding-left:15px;
	background:transparent url('images/hm-icon.gif') no-repeat center left;
}

#footermenu .col li {
	margin: 3px 0;
}

#footermenu .col a {
	text-decoration:none;
}

#footermenu #contactinfo {
	float:left;
	padding:15px 0 15px 30px;
	height:100%;
	background:transparent url(images/contact-brdr.jpg) no-repeat  0% 90%;	
}

#contactinfo h4 {
	color:#6d6a4f;
	font-size: 1.2em;
	padding:15px 0 10px 0;
}

#contactinfo h5 {
	font-size:1em;
	padding-top:20px;
	font-weight:bold;	
}

#footer {
	font-size:1.1em;
	margin:0pt auto;
	padding:5px 0pt 10px 20px;
	width:910px;
}
#footer .login {
	float:right; 
	padding-bottom:5px;
}

/* edit menu */
div.editmenu {
	position:absolute;
	top:200px;
	left:30px;
	padding:5px;
}

/* Last edit : 15 August */