/*** layout ***/
html,body   
{
	padding: 0;
	margin: 0;
	margin-top: 1em;
	line-height: 120%;   
}
body   
{
	font: 76% arial,sans-serif;
	text-align:center;
	font-family: arial,sans-serif;
	font-size: 76%;
}
#container   
{
	width: 960px;
	text-align:left;
	margin: 0 auto;
}
#content   
{
	float:right;
	width: 760px;
}
#navigation   
{
	float:left;
	width:200px;
	background-color: #369;
	color: #fff;
}
#extra   
{
	float:right;
	width: 760px;
	background-color: #CCC8B3;
	padding: 0em;
	margin: 0;

	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
}
#footer   
{
	clear: both ;
	width:100%;
	text-align:center;
	background-color: #336699;
	margin-bottom: 2em;
	color: #ffffff;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
}

/*** common tags ***/
h1, h2, h3, h4, h5, h6   
{
	padding: 0;
	margin: 0;
}
p   
{
	margin-top: 0;
	margin-left: 10px;
	margin-right: 10px;
}
a   
{
	text-decoration:none;
	color:#000000;
	padding: 5px;
}
.alternating
{
	color: teal;
	background-color: #D4FFFF;
}
.button
{
	width: 60px;
	color: white;
	background-color: #0080C0;
}
.navbutton
{
	width: 60px;
	color: white;
	background-color: #0080C0;
	margin-top: 1em;
}
.trheader
{
	color: white;
	background-color: #2F5AAF;
}
.trheader a
{
	color: white;
}
#data_search
{
	margin-top: 0;
	padding-top: 0;
}

/*** footer tags ***/
#footer a
{
	color: white;
}
#footer p   
{
  padding-top: 5px;
  padding-left: 10px;
  margin: 0;
}

/*** header tags ***/
#header   
{
	background-color: #fff;
	height: 108px;
	border-bottom : 1px solid #369 ;
}
#header h1   
{
	margin: 0;
	margin-top: 1em;
}
#header ul  
{
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:18px 0 0 0;
	padding:0;
}
#header ul li  
{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a  
{
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover  
{
	background:#369;
	color:#fff;
}
#header ul li a.active, #header ul li a.active:hover  
{
	color:#fff;
	background:#369;
}
#header ul li a span  
{
	display:block;
}

/*** content tags ***/
#content p   
{
	line-height:1.4;
	padding-top: .5em;
	padding-bottom: 1em;
	padding-left : 1.2em ;
	padding-right : 1.2em;
}

/*** navigation tags ***/
#navigation h4 
{
	font-size: 16px;
	color: #FFFF2A;
	border-bottom: 1px solid #FFFF2A;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: .5em ;
}
#navigation p
{
	margin: 0;
	margin-bottom: 1em;
	padding: 1em;
	padding-left: 1.2em;
	padding-right : 1.2em ;
}
#navigation ul   
{
	list-style-type:none;
	padding: 0;
	margin-top: 15px;
	margin-left: 1em;
}
#navigation li   
{
	margin-bottom: 0;
	padding-bottom: 0;
}
#navigation a   
{
 	text-decoration: underline;
	color:#FFFFD4;
	padding: 0;
	border: 0;
	padding-bottom: 0;

}
#navigation img
{
	border: 0;
}

#instruct
{
	color: maroon;
	font-style: italic;
	text-align: center;
	margin-bottom: 1em;
}
#instruct a
{
	color: maroon;
	text-decoration: underline;
}

/*** application specific ***/
#front_news_item{
	font-size: 90%;
	text-align: justify;
	margin-bottom: 4em;
	margin-top: 0;
	padding-left: 1.2em;
	padding-right: 1.2em;
}
#front_news_item h3{
	text-align: left;
	margin-bottom: 1em;
	margin-top: 0;
	font-family: Tahoma;
	text-align: right;
	color: #00D4FF;
	background-color: #fff;
}
.read_more a
{
	color: navy;
	text-decoration: underline;
}

#extra a {
    color: #369;
    text-decoration: none;
}
#extra a:hover {
 	color: #003399;
    font-weight: bold;
}

#courses_list{
	padding-top: 0em;
	padding-left: 0;
	margin-left: 0;
}
#courses_list h5{
	color: black;
	font-size: large;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;	
	padding-left: 0;
}
#courses_list li{
	list-style: none;
}
#courses_list li a{
	color: #369;
}

#centers_list{
	padding-top: 0em;
	padding-left: 0;
	margin-left: 0;
}
#centers_list h5{
	color: black;
	font-size: large;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;	
	padding-left: 0;
}
#centers_list li{
	list-style: none;
}
#centers_list li a{
	color: #369;
}

#inside_news{
	padding-top: 2em;
	text-align: justify;
}

#news_links{
	text-align: center;
	margin: 1em;
	margin-top: 0;
	margin-bottom: 4em;
}
#news_links a{
 	color: #2121A1;
}
#news_links a:hover{
	color: #5E5E89;
}
.news_item{
	font-size: 90%;
	text-align: justify;
	margin-top: 1em;
	margin-bottom: 1em;
}
.news_item h2{
 	font-size: 25px;
	text-align: justify;
	border-bottom: 1px solid gray;
	margin-bottom: 1em;
	font-family: Arial;
	color: #52527C;
	text-align: right;
	margin-left: 1em;
	margin-right: 1em;
}

#alumni_page{
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	text-align: justify;
}
#alumni_page h2{
	margin-bottom: 1em;
}
#alumni_page p, br{
	margin-top: 1em;
	margin-bottom: 1em;
}
#alumni_page strong{
	padding: 0;
	margin: 0;
}
#alumni_page a{
 	color: #2121A1;
 	padding: 0;
}

#alumni_registry
{
	font-size: 10px;
}
#alumni_registry a
{
	font-size: 10px;
	color: white;
}
#alumni_registry td
{
	font-size: 10px;
}
#alumni_registry form
{
	width: 800px;
}
#alumni_registry h3{
	margin-top: 2em;
}

#alumni_application
{
	text-align: left;
	width: 90%;
}
#alumni_application ul
{
 	list-style: none;
}
#alumni_application form
{
	width: 800px;
}

#alumni_page{
 	margin-left: 2em;
 	margin-right: 2em;
	padding-top: 2em;
	padding-bottom: 2em;
}

#registration
{
	text-align: left;
	width: 95%;
	padding-left: 1em;
	margin-top: 2em;
}
#registration h2
{
	color: maroon;
	text-align: center;
	background-color: #eee;
}
#registration h4
{
	color: green;
	text-align: center;
}
#registration table
{
	text-align: left;	
	border-top: 2px solid maroon;
	border-bottom: 2px solid maroon;
}

.button
{
	width: 60px;
	color: white;
	background-color: #0080C0;
}
#div_about
{
 	margin: 0;
 	padding: 0;
 	margin-left: -1em;
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
	width: 760px;
}
#div_about p
{
	margin-bottom: 1em;
	padding: 1em;
	padding-bottom: 0;
}
#div_about h3
{
	padding-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	color: #336699;
}
.about_item
{
	margin: 0em;
}

#course_details
{
	margin-left: 2em;
	margin-top: 2em;
}
#course_details h3
{
	color: #336699;
}
#course_details h4
{
	font-size: 14px;
	border-bottom: 1px solid #336699;
	margin-bottom: 1em;
}
#course_details a
{
	color: maroon;
	text-decoration: underline;
	margin:0;
	padding:0;
}
#course_details ul
{
	margin: 0;
	padding: 0;	
}
#course_details ul li
{
	list-style: none;
}

#center_details
{
	margin-left: 2em;
	margin-top: 2em;
}
#center_details h3
{	
 	text-align: center;
	color: #336699;
}

#log_in
{
	text-align: left;
	width: 95%;
	padding-left: 1em;
	margin-top: 2em;
}
#log_in h2
{
	color: maroon;
	text-align: center;
	background-color: #eee;
}
#log_in h4
{
	color: green;
	text-align: center;
}
#log_in table
{
	text-align: left;	
	border-top: 2px solid maroon;
	border-bottom: 2px solid maroon;
}


#admin_menu_li
{
	text-align: center;
	width: 80%;
	padding: 0;
}
#admin_menu_li ul
{
	text-align: center;
	width: 100%;
	padding: 0;
	list-style: none;
}
#admin_menu_li ul li
{
 	padding: 0;
 	width: 100%;
 	display: inline;
}

#admin_menu_li ul li a
{
 	text-decoration: none;
 	color: maroon;
}

#admin_pages h3
{
	clear: both ;
	width:800px;
	text-align:center;
	background-color: #336699;
	margin-bottom: 2em;
	color: #ffffff;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	
}

#admin_pages table
{
	text-align:left;
}

#div_search
{
 	text-align:center;
	width:800px;
}
#div_browse
{
	margin-top: 1em;
	margin-bottom: 1em;
	width: 800px;
}
#div_browse table
{
	width: 100%;
}
#div_details
{
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em;
	width: 800px;
	text-align: left;
}
#div_details table td
{
	padding: .2em;
}
#form_search
{
	text-align: left;
	margin-left: 1.5em;
	padding-top: 2em;
}

/*** fade in - fade out ***/
#img1, #img2{
    margin-top: 1em;
    margin-bottom: 2em;
    margin-left: 1em;
}    
/**********************/

/*** banner rotator ***/
#addbox { position: relative; width: 160px; clip: rect(0px, 500px, 0px, 70px); overflow: hidden; margin-bottom:2em; margin-top: 2em;  }
#banner1 { position: relative; width: 150px; left: 0; top: 5px; }
#banner2 { position: relative; width: 150px; left: 500px; top: -55px; top:-58px; }
/**********************/