/*  setting browser defaults to zero:  */

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	margin: 0;
	padding: 0;
}

body{
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 13px;  /* old size is 12px*/
	text-align: center;   /* a fix for older IEs to center the wrapper DIV */
	vertical-align: top;
	background: #eaeaea;
	background: url(pix/tile.jpg);
	line-height: 1.166;		
	color: #000000;
}

#wrapper{
	margin: 0 auto 0 auto; 		/* means CENTER */
	width: 750px;
	background: url("pix/tile.jpg");
	text-align: left;
	padding: 12px 0 20px 0;
}

#container{
	float: left;
	width: 780px;
}

.italic{
	font-style: italic;
}

.bold{
	font-weight: 700;
}		

h1{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-weight: 700;
	font-size: 24px;
	padding: 7px 0 7px 110px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

h2{
	font-family: Times, serif;
	font-size: 18px;
	font-weight: 300;
	padding: 0 0 0 110px;
	color: #dcdcdc;
	letter-spacing: 2px;
}

h3{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	padding: 82px 0 24px 12px;
	color: #cc3300;
	letter-spacing: 2px;
}

h4{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #cc3300;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #cccccc;
}

p{
	padding: 10px 0 0 0;
}

.p{
	padding: 10px 0 0 0;
}

label{
 	cursor: pointer;
} 

input{
 	border: 1px solid #cccccc;
 	background: #c2ccdd;
}

input:focus{
 	background: #ffffff;
} 

select{
 	border: 1px solid #cccccc;
	padding: 0; margin: 0;
}


/***********************************************/
/*               Layout Divs                   */
/***********************************************/


#header{
	width: 760px;
	height: 96px;
	padding: 10px;
	background: url("pix/banner.jpg");
}
	#header a:link {text-decoration: none; color: #ffffff;}
	#header a:visited {text-decoration: none; color: #ffffff;}
	#header a:hover {text-decoration: none; color: #cacaca;}
	#header a:active {text-decoration: none; color: #cacaca;}
	
#navi{
	width: 760px;
 	height: 31px;
	float: left;
	clear: both;
 	padding: 0 20px 2px 0;
 	background: url("pix/bk_navi.gif");
	font-size: 11px;
	border-bottom: 1px solid #cccccc;
}

#naviform{
	
 	padding: 2px 20px 0px 0px;
 	
}


	#navi ul {color: #000000; margin: 0; padding: 0 0 0 2px; list-style-type: none; list-style-image: none; }
	#navi li {display: inline; padding: 0;}
	#navi a:link {text-decoration: none; color: #000000;}
	#navi a:visited {text-decoration: none; color: #000000;}
	#navi a:hover {text-decoration: none; color: #7e2217;}
	#navi a:active {text-decoration: none; color: #7e2217;}


#news{
	float: left;
	width: 240px;
	height: 205px;
	margin: 0px;
 	padding: 5px 10px 10px 10px;
	background-color: #333333;
	clear: right;
	color: #ffffff;
	display: inline; 
	overflow: auto;
}
	#news p.allposts {font-weight: 700; padding: 4px 0 0 0;}	
	#news a:link {text-decoration: none; color: #c68e17;}
	#news a:visited {text-decoration: none; color: #c68e17;}
	#news a:hover {text-decoration: none; color: #cacaca;}
	#news a:active {text-decoration: none; color: #cacaca;}
	#news p.allposts a:link {text-decoration: none; color: #c68e17;}
	#news p.allposts a:visited {text-decoration: none; color: #c68e17;}
	#news p.allposts a:hover {text-decoration: none; color: #cacaca;}
	#news p.allposts a:active {text-decoration: none; color: #cacaca;}

.news_title{
	text-transform: uppercase;
	color: #c68e17;
}	

#showcase{
	float: left;
	width: 520px;
	height: 220px;
	margin: 0px;
	padding: 0 0 0 0;
	background-color: #000000;
}

#announce{
	float: left;
	width: 770px;
 	height: 81px;
 	padding: 4px 5px 0 4px;
	clear: both;
	background-color: #284372;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #aaaaaa;
	background: url("pix/bk_announce.jpg");
}



/************************************   ZONES STYLES    ******************/


#zone_academic{
	float: left;
	width: 245px;
	height: 1350px; /* old size is 977 */
	clear: both;
	margin: 0px;
	padding: 0 6px 5px 9px;
	line-height: 1.4;		
	background: #ffffff url("pix/bk_zone1.jpg") no-repeat;
	display: inline;		
}
	#zone_academic li{
	list-style-type: none;  	/* no bullets */
	padding: 5px 5px 5px 5px;
	margin: 0;
}

	#zone_academic h3 a:link {text-decoration: none; color: #7e2217;}
	#zone_academic h3 a:visited {text-decoration: none; color: #7e2217;}
	#zone_academic h3 a:hover {text-decoration: none; color: #af7817;}
	#zone_academic h3 a:active {text-decoration: none; color: #af7817;}
	
	#zone_academic a:link {text-decoration: none; color: #000000;}
	#zone_academic a:visited {text-decoration: none; color: #000000;}
	#zone_academic a:hover {text-decoration: none; color: #7e2217;}
	#zone_academic a:active {text-decoration: none; color: #7e2217;}


#zone_student{
	float: left;
	width: 245px;
	height: 1350px; /* old size is 977 */
	clear: none;
	margin: 0px;
	padding: 0 6px 5px 9px;
	line-height: 1.4;		
	background: #ffffff url("pix/bk_zone2.jpg") no-repeat;
	display: inline;	
}
	#zone_student li{
	list-style-type: none;  	/* no bullets */
	padding: 5px 5px 5px 5px;
	margin: 0;
}
	#zone_student h3 a:link {text-decoration: none; color: #7e2217;}
	#zone_student h3 a:visited {text-decoration: none; color: #7e2217;}
	#zone_student h3 a:hover {text-decoration: none; color: #af7817;}
	#zone_student h3 a:active {text-decoration: none; color: #af7817;}
	
	#zone_student a:link {text-decoration: none; color: #000000;}
	#zone_student a:visited {text-decoration: none; color: #000000;}
	#zone_student a:hover {text-decoration: none; color: #7e2217;}
	#zone_student a:active {text-decoration: none; color: #7e2217;}
	

#zone_administration{
	float: left;
	width: 245px;
	height: 1350px; /* old size is 977 */
	clear: none;
	margin: 0px;
	line-height: 1.4;		
	padding: 0 6px 5px 9px;
	background: #ffffff url("pix/bk_zone3.jpg") no-repeat;
	display: inline;		
}
	#zone_administration li{
	list-style-type: none;  	/* no bullets */
	padding: 5px 5px 5px 5px;
	margin: 0;
}

	#zone_administration h3 a:link {text-decoration: none; color: #7e2217;}
	#zone_administration h3 a:visited {text-decoration: none; color: #7e2217;}
	#zone_administration h3 a:hover {text-decoration: none; color: #af7817;}
	#zone_administration h3 a:active {text-decoration: none; color: #af7817;}
	
	#zone_administration a:link {text-decoration: none; color: #000000;}
	#zone_administration a:visited {text-decoration: none; color: #000000;}
	#zone_administration a:hover {text-decoration: none; color: #7e2217;}
	#zone_administration a:active {text-decoration: none; color: #7e2217;}


#zone_content{
	float: left;
	width: 500px;
	height: 1340px; /* old size is 967*/ 
	clear: none;
	margin: 0px;
	padding: 10px 10px 5px 10px;
	line-height: 1.4;		
	background: #ffffff;
	display: inline;
	border-bottom: 0;	
	overflow: auto;
	overflow-x: hidden;
}
	#zone_content a:link {text-decoration: none; color: #7e2217; font-weight: 100;}
	#zone_content a:visited {text-decoration: none; color: #7e2217; font-weight: 100;}
	#zone_content a:hover {text-decoration: none; color: #000000; font-weight: 100;}
	#zone_content a:active {text-decoration: none; color: #000000; font-weight: 100;}
	
#zone_searchresult{
	float: left;
	width: 500px;
	height: 1090px; /*old size is 967 */
	clear: right;
	margin: 0px;
	padding: 10px 10px 5px 10px;
	line-height: 1.4;		
	background: #ffffff;
	display: inline;
	border-bottom: 0;
	overflow: auto;
	overflow-x: hidden;
}
	
#zone_bodycopy{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 14px;/* old size is 12 px*/
	padding: 10px 0 10px 0;
	color: #000000;	
}

.zone1_head{
	margin: 0;
	padding: 10px 0 0 0;
	font-weight: 700;
	background: #C3DDDC;
	border-bottom: 3px solid #ffffff;
}

.zone2_head{
	margin: 0;
	padding: 10px 0 0 0;
	font-weight: 700;
	background: #C3D7DC;
	border-bottom: 3px solid #ffffff;
}

.zone3_head{
	margin: 0;
	padding: 10px 0 0 0;
	font-weight: 700;
	background: #C0CCDC;
	border-bottom: 3px solid #ffffff;
}
	
#pageslist{
	margin: 0;
	font-size: 12.5px; /* old size is 11 px*/
	padding: 10px 10px 0 10px;
}

#pageslist ul{
	list-style-type: square;  	
	margin: 0;
	padding: 5px 0 0 0;
}

#pageslist ul li{
	padding: 5px 0 0 0;
	list-style-type: square;  	
}

/************************************   ZONES end    ******************/



.content{
	font-size: 12px;/* (nexs+content) old size is 10 px*/
	border-bottom: 1px solid #aaaaaa;
}

.content_title{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	padding: 3px 0 2px 15px;
	background-color: #ebebeb;
	border-bottom: 1px solid #aaaaaa;
	color: #4863a0;
	letter-spacing: 1px;
	font-weight: 700;
}

.content_date{
	color: #4863a0;
	font-size: 10px;
	padding: 6px 0 3px 15px;
}

.languages{
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 10px 10px 5px 0;
	font-size: 11px;
}	
	.languages a:link {text-decoration: none; color: #ffffff;}
	.languages a:visited {text-decoration: none; color: #ffffff;}
	.languages a:hover {text-decoration: none; color: #cacaca;}
	.languages a:active {text-decoration: none; color: #cacaca;}

.moretag{
	font-style: italic;
	color: #aaaaaa;
}

.datetag{
	color: #aaaaaa;
	font-size: 10px;
	padding: 6px 0 3px 0;
}

.metaeditpost{
	color: #aaaaaa;
	font-size: 11px;
	padding: 0 0 3px 0;
	font-weight: 700;
}

.metapostnavi{
	padding: 5px;
	clear: right;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	margin: 0;
}	

	
#content_sorry{
	margin: 0;
	padding: 60px 0 60px 0;
	text-align: center;
	font-weight: 700;
	background: #f9b7ff;
	border-top: 3px solid #c12283;
	border-bottom: 3px solid #c12283;
} 

#googleSearchUnitIframe{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10px;
}

#img260{
	clear: left;
	float: right;
	border: none;
	margin-left: 20px;
	margin-bottom: 20px;
}

#archive_selector{
 	padding: 5px 0 5px 0;
	font-size: 11px;
}

#page_list{
	list-style-type: none;  	/* no bullets */
	font-weight: 700;
	padding-top: 7px;
}	

	#page_list ul{
	font-weight: 300;
	padding: 0;
}	


	/************************************   PAGES STYLES  ******************/

#zone_navigator{
 	height: 14px;
 	font-weight: 700;
 	padding: 0 0 22px 0;
	font-size: 11px;
	border-bottom: solid 1px #cccccc;
}												

	#zone_navigator ul {color: #000000; margin-left: 0; padding-left: 0; white-space: nowrap; }
	#zone_navigator li {display: inline; list-style-type: none;}
	#zone_navigator a {padding: 3px 27px;}
	#zone_navigator a:link {text-decoration: none; color: #000000; background-color: #c2ccdd;}
	#zone_navigator a:visited {text-decoration: none; color: #000000; background-color: #c2ccdd;}
	#zone_navigator a:hover {text-decoration: none; color: #000000; background-color: #c2dddc;}
	#zone_navigator a:active {text-decoration: none; color: #000000; background-color: #c2dddc;}

h5{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 15px 0 0 0;
	border-bottom: 1px dotted #222222;
}

h6{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: 700;
	padding: 15px 0 0 0;
}

#page_content{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	background-color: #EEEECC;
	padding: 0 15px 10px 15px;
	border-bottom: 1px solid #CCCCCC;
}

.small {float: right; margin: 0 0 20px 20px;}
.large {float: left; margin: 0 0 20px 0;}
	
	
#page_quote{
	padding: 0 10px 0 10px;
	font-style: italic;
}

#page_list{
	list-style-type: square;
	font-weight: 300;
	padding-right: 40px;
}	
	
#infobox{
 	padding: 4px 0 0 0;
	font-size: 11px;
	width: 500px;
}												

	#infobox ul {color: #000000; margin-left: 0; padding-left: 0; white-space: nowrap;}
	#infobox li {display: inline;}
	#infobox a {padding: 5px 10px 5px 10px;}
	#infobox a:link {text-decoration: none; color: #000000; background-color: #edda74;}
	#infobox a:visited {text-decoration: none; color: #000000; background-color: #edda74;}
	#infobox a:hover {text-decoration: none; color: #000000; background-color: #eac117;}
	#infobox a:active {text-decoration: none; color: #000000; background-color: #eac117;}
	
#boxlang.pickme {
	font-size:11px;
	color:#ffffff;
      	font-style:oblique;
          width: 500px;
	
	}							


	
	#boxlang ul {color: #000000; margin-left: 0; padding-left: 0; white-space: nowrap;}
	#boxlang li {display: inline;}
	#boxlang a {padding: 5px 10px 5px 10px; background-color: #C3DDDC;}
	#boxlang a:link {text-decoration: none; color: #932243;}
	#boxlang a:visited {text-decoration: none; color: #932243;}
	#boxlang a:hover {text-decoration: none; color: #000000; background-color: #ffffff;}
	#boxlang a:active {text-decoration: underline; color: #000000; background-color: #eac117;}
	


                	
}							

	
			

		

						


	
		
	
#remarkbox{
 	padding: 4px 4px 4px 4px;
	font-size: 11px;
	width: 500px;
	background-color:#C3DDDC;
	
}		

	
	
	
	/*******************   FOOTER start  ****************** */

#one_column{
	float: left;
	text-align: center;
	width: 760px;
 	height: 54px;
 	clear: both;
 	padding: 24px 10px 5px 10px;
	background: #ffffff url("pix/bk_footer1only.jpg") no-repeat;
}
	#one_column a:link {text-decoration: none; color: #000000;}
	#one_column a:visited {text-decoration: none; color: #000000;}
	#one_column a:hover {text-decoration: none; color: #666666;}
	#one_column a:active {text-decoration: none; color: #666666;}

#three_columns{
	float: left;
	text-align: center;
	width: 760px;
 	height: 54px;
 	clear: both;
 	padding: 24px 10px 5px 10px;
	background: #ffffff url("pix/bk_footer.jpg") no-repeat;
}
	#three_columns a:link {text-decoration: none; color: #000000;}
	#three_columns a:visited {text-decoration: none; color: #000000;}
	#three_columns a:hover {text-decoration: none; color: #666666;}
	#three_columns a:active {text-decoration: none; color: #666666;}
		

/*******************   FOOTER end  ****************** */



