/****************************************************************
  GRANTORS INSTITUTE STYLESHEET
*****************************************************************/

@import url(reset.css);

/* GENERAL SELECTORS
---------------------------------------------------------------*/		
body { 
	margin:0; 
	padding:5px 0 25px 0; 
	background:#e1f0d9 url(../images/bg_body.gif) repeat-x; 
	color:#000; 
	text-align:center; 
	font:62.5% "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Sans-serif;
	}	

h1, h2, h3, p {
	margin:0 0 16px 0;
	}
	
h1, h2, h3 {
	font-weight:normal;
	}	
		
h1 {
	font-size:1.8em;
	color:#2b8000;
	}	
	
h2 {
	font-size:1.4em;
	}
	
h3 {
	font-size:1.2em;
	font-weight:bold;
	}	
	
p, li {
	font-size:1.1em;
	}
	
p {
	margin:0 0 22px 0;
	line-height:1.8em;
	}	
	
li li, li li li {
	font-size:1em;
	}		
		
a:link, a:visited { 
	text-decoration:underline; 
	color:#2b8000; 
	}	
	
a:hover, a:active { 
	text-decoration:none; 
	color:#2b8000; 
	}	
	
input, select, textarea {
	font:100% Arial, Helvetica, sans-serif;
	}
	
img, input, select, label {
	vertical-align:middle;
	}	

hr { 
	display:none; 
	}		


/* CORE LAYOUT
---------------------------------------------------------------*/			
#container { 
	width:816px; 
	margin:0 auto;
	background:#fff url(../images/bg_container.gif) repeat-y; 
	text-align:left; 
	}
	
#wrap {
	background:url(../images/bg_container_top.gif) no-repeat;
	padding:8px 0 0 0; 
	}	
	
#main {
	margin:0 8px;
	padding:4px;
	background-color:#ebebeb;
	}	

#header {
	position:relative;
	margin:0 0 4px 0;
	}
		
#content {
	width:792px;
	background:url(../images/bg_content.gif) repeat-y;
	}	


#sidebar {
	float:left;
	width:209px;
	padding:1px;
	background-color:#99cc66;
	}
	
#main-content {
	float:right;
	width:577px;
	}	

#footer {
	padding:20px 30px;
	background:url(../images/bg_container_bottom.gif) no-repeat 0 100%;
	text-align:center;
	color:#aaa;
	}


/* HEADER
---------------------------------------------------------------*/	
#header h1 {
	margin:0;
	position:relative;
	font-size:1.4em;
	}

#header h1, #header h1 a {
	width:792px;
	height:155px;
	}	
	
#header h1 a {
	position:absolute;
	left:0; top:0;
	background:transparent url(../images/header.jpg) no-repeat;
	z-index:1;	
	}

#graduate {
	position:absolute;
	right:6px;
	top:-7px;
	background:url(../images/graduate.png) no-repeat;
	width:107px;
	height:404px;
	z-index:2;
	}	



/* NAVIGATION
---------------------------------------------------------------*/	
#navigation {
	margin:0;
	}
	
#navigation li {
	margin:0 0 2px 0;
	}

#navigation a {
	width:191px;
	display:block;
	height:16px;
	padding:6px 9px;
	background:url(../images/bg_navigation.gif) no-repeat; 
	font-weight:bold;
	line-height:16px;
	}

#navigation a:link,
#navigation a:visited {
	text-decoration:none;
	color:#fff;
	}
		
#navigation a:hover {
	background-position:-209px 0;
	}	

/* CONTENT
---------------------------------------------------------------*/	
#branding {
	overflow:hidden;
	width:555px;
	padding:10px;
	border:1px solid #fff;
	background:#ff9900 url(../images/bg_branding_gradient.gif) repeat-x 0 100%;
	}
	
#branding h1 {
	margin:0 0 12px 0;
	color:#fff;
	}
	
#branding h2 {
	margin:0 0 18px 0;
	font-weight:bold;
	font-size:1.8em;
	color:#257000;
	}			
	
#branding div {
	float:left;
	width:160px;
	padding:0 8px 0 0;
	}	
	
#branding div li {
	margin:0 0 4px 0;
	font-size:1.2em;
	}	
	
.content {
	padding:24px 26px;
	border-top:4px solid #ebebeb;
	background-color:#e1f0d9;
	color:#585858;
	}	

/* FOOTER
---------------------------------------------------------------*/	
#footer p {
	font-size:1em;
	}
	
	
/* OTHER
---------------------------------------------------------------*/	
#skip { 
	display:none;
	}		
	
.clear { 
	clear:both;
	font-size:0; 
	line-height:0.0; 
	height:0;
	}	

	
.List {
	list-style-position: outside;
	list-style-type: disc;
	margin-left:30px;
		line-height:1.8em;
}

.List li {
margin-bottom:6px;
}

#tableborder td {
padding-bottom:10px;
vertical-align:text-top;
}

#cat a {
background:none;
padding:0;
margin:5px 0 0 0;
}