/* ------------------------------ "simoni" : do a search and delete later... simoni 's personal notes ----------------------------------*/

/*  Table of Contents:

	CORE STYLESHEETS
	HTML Redefine Tags (Global)
	PAGE STRUCTURE (3 columns)
	HEADER
	REUSABLE CLASSES
	BREADCRUMBS
	MAIN (around all content & all 3columns)
	SIDE COLUMN BOXES
	EVENTS (Home, Right Column)
	CONTENT (Middle Column)
	HIGHLIGHTS (Home, Middle Column)
	NEWS (Home, Middle Column)
	FOOTER
	FACULTIES LIST STYLE (Homepage)
	GATEWAY

CONSTANTS: COLOUR GLOSSARY
	Dark blueish grey (body text): #5f6472
	Darker blueish grey (links): #5e636e
	Dark Blue (headlines, navbar, seperator lines): #00007e
	Gold (text, backgrounds): #c88334
	Mid grey (active menu item): #e5e5e5
	Light grey (box backgrounds): #fbfbfb


------------------------------------------------------------------------------------------------- */

/* ------------------simoni: go thru sheet and check that type's & everything related to the type = all em NOT px!! -----------------------------------*/


/* CORE STYLESHEETS
------------------------------------------------------------------------------------------------- */
@import url("reset.css");
 

/* HTML Redefine Tags (Global)
------------------------------------------------------------------------------------------------- */
body {
	background: #dadee2 /*url(images/bg_blue.gif) repeat-y center center*/ ;
	color: #5f6472;
	font-family: Helvetica Neue,Helvetica,Arial,FreeSans,sans-serif;
	font-size: 62.5%; /* resets 1.0em = 10px */
	line-height: 1.40;
	}

input, textarea {margin: 0; padding: 0;}
h1 {font-family: "Times New Roman",Times,"Nimbus Roman No9 L","FreeSerif","Liberation Serif",serif; font-size: 2em;}
h2 {font-family: "Times New Roman",Times,"Nimbus Roman No9 L","FreeSerif","Liberation Serif",serif; font-size: 1.15em; letter-spacing: .06em; padding-bottom: .8em; color: #00007e; font-weight: bold; }
h3 {font-family: "Times New Roman",Times,"Nimbus Roman No9 L","FreeSerif","Liberation Serif",serif; font-size: 1.25em; padding-bottom: 0.2em; color: #00007e; font-weight: normal; }
h4 {font-family: Helvetica Neue,Helvetica,Arial,FreeSans,sans-serif; font-size: 1em;  color: #00007e;  padding-bottom: .8em; font-weight: normal; }

p {
	padding-bottom: 1.2em;
	}

a:link, 
a:visited {
    background: transparent;
    color: #353a46; /* dark grey */
    font-weight: normal;
    text-decoration: none;
    }
a:hover,
a:active {
    color: #00005e; /* dark blue */
    text-decoration: underline;
    }

/* prevents default blue border */
img,
.no_border {
    border: none;
    }

/* prevents inherited shrinkage */
li li, li p, td p {
    font-size: 1.0em
    }

ol { 
	list-style-position: inside; 
	list-style-type: decimal;
	} 


/* PAGE STRUCTURE (3 columns)
------------------------------------------------------------------------------------------------- */
/* #container has an absolute width (960 pixels) */

#container{width:960px; margin:0 auto; background-color:#fff; padding: 0 12px; border-left: 1px solid #c2c7cc; border-right: 1px solid #c2c7cc; }
	#header{width: auto; display: block; height: 122px; background-color: #fbfbfb;}
	/*For #navbar see css-menu/style.css*/

	#main{width:auto; display:block; padding: 5px 0 10px 0;}
		#column_left{width:192px; float:left; overflow:hidden; display:inline;} /* inline prevents IE double margin bug */
		#content{width:556px; margin: 0 10px; float:left; overflow:hidden; padding: 0; background-color: #ffffff;}
		#column_right{width:192px; float:left; }
		div.spacer{clear:both; height:1px; display:block; font-size: 0px;/*Corrects min div-height in IE*/}
	
	#footer{width:960px; height:60px; display:block; }

	#content_max {width:758px; margin: 0 0 0 -15px; /*padding-left: 50px;*/ float:left; display: inline; overflow:hidden; padding: 0; background-color: #ffffff;}

/*One Column
------------------------------------------------------------------------------------------------- */
#onecolumn #content{width:99%;}

div#mainPanel {
	margin-top: 70px;
}

/* HEADER
------------------------------------------------------------------------------------------------- */
#header {	
	background: #ffffff url(images/header.jpg) no-repeat top;
	}

#topItems ul {text-align: center;}
#topItems li {
			display: inline; 
			margin-left: .3em; 
			}
#topItems a {
			font-size: .9em;
			letter-spacing: .13em;
			text-decoration: none;
			heigth: 28px;
			line-height: 28px;
			}

#nav_container 	{ margin-top: 65px; float: right; width: 400px; text-align: right;}
		#header_nav a {
			color: #00007e;
			font-size: 10px; 
			font-weight: bold;
			text-decoration: none;
			heigth: 28px;
			line-height: 30px;
			padding: 0 8px;
			display: inline;
			border-right: solid 1px #00007e;
			}
		#header_nav a:hover {
			color: #c88334; 
			}
		#search {
			float: right; width: 163px; padding-right: 10px; padding-top:7px;
			}
#search input {width: 108px; height: 14px; padding: 1px; background: #fff url(images/background-input.png) repeat-x top left; border: 0px; vertical-align: middle; color: #717684;}
#search .submit {width: 26px; height: 17px; padding: 0; margin-left: -3px; }
#search .text {font: 10px; padding-top: 3px; padding-bottom: 0; padding-left: 20px; }


/* REUSABLE CLASSES
------------------------------------------------------------------------------------------------- */

.bold {font-weight: bold; letter-spacing: 0.5px;}

.default_links-list {
		list-style-image:url(images/bullet.gif); margin-left: 16px;
		}
.default_links-list li {margin-bottom: .2em;}

.default_list {
		list-style-image:url(images/bullet-round.gif); margin-left: 16px;
		}
.default_list li {margin-bottom: .2em;}

.contact_phone {
		list-style:outside url(images/contact_phone.gif); padding-left:5px; margin-left:1px;}
.contact_fax {
		list-style:outside url(images/contact_fax.gif); padding-left:5px; margin-left:1px;}
.contact_email {
		list-style:outside url(images/contact_email.gif); padding-left:5px; margin-left:1px;}

.default_box /* PRIMARY SIDE-COLUMN BOX */ { 
	padding: 15px;
	margin-bottom:15px;
	border-bottom: 1px solid #f3f3f3;
	background: #fbfbfb url(images/Box-top.png) no-repeat;
	}
.default_box img {
	margin-top; 5px;
	margin-bottom: 15px;
	}

.info_box /* DEFAULT SECONDARY SIDE-COLUMN BOX */ {
	background: #f1f0f0 url(images/Box-top_darker.png) no-repeat;
	padding: 15px;
	margin-bottom:15px;
	border-bottom: 1px solid #00007e;
	}

.seperator {
	clear: both;
	float: left;
	width: 100%;
	background-color: #00007e; 
	height: 7px;
	margin: 7px 0 15px 0px;
	font-size: 0px; /*Corrects min div-height in IE*/
	}

#law.seperator {background-color: #5c2d91; margin-left: 0px; width: 530px;}  /* simoni add for each faculty */

.content_line {
	clear: both;
	float: left;
	width: 100%;
	background-color: #0808a0; 
	height: 2px;
	margin: 7px 0 15px 0;
	font-size: 0px; /*Corrects min div-height in IE*/
	}

.imageLeft { float: left;  margin-right: 17px; }
.imageRight { float: right;  margin-left: 17px; }
.imageLeft100 { float: left;  margin-right: 17px; width: 100px;}


/* BREADCRUMBS
------------------------------------------------------------------------------------------------- */

#breadCrumbs {
	font-size: 0.9em;
	letter-spacing: 0.11em;
	padding: 6px 0 0 15px;
	background-color: #ffffff;
	background: #ffffff url(images/breadcrumbs.gif) repeat-x top left;
}
	#breadCrumbs a {margin-top: 20px; color: #969696; }

/* MAIN (around all content & all 3columns)
------------------------------------------------------------------------------------------------- */

#main {
	font-size: 1.2em;
}


/* SIDE COLUMN BOXES
------------------------------------------------------------------------------------------------- */

#left_nav {
	min-height:209px; height:auto !important; height:209px; /*min-height hack*/ } 
	#left_nav p {color: #00007e; padding: .2em 0 .1em 0; margin: 1em 0 .3em 0;}
	#left_nav p a {display:list-item;}

#faculty_name img { 
	margin: -15px;
	width: 192px;
	}

#locations {
	min-height:415px; height:auto !important; height:415px; /*min-height hack*/ 
	}
	#locations li { margin-bottom: .6em; }
	#locations.default_box {border-bottom: 7px solid #00007e;}

#press {
	min-height:205px; height:auto !important; height:205px; /*min-height hack*/
	padding: 15px;
	margin-bottom:15px;
	}
	.press_item {margin: 5px; float: left; border: 1px solid #e1e2e4;}
	.press_btn {float: left; padding-top: 60px;}
	#press li {clear:both; float: left; padding-top: .2em; text-align: center; }
	#press li a {
		background: url(images/bullet_press.gif) no-repeat center left; 
		padding-left: 2.3em;
		font-size: .9em;
		margin-left: 10px;
		}
	#press li a:hover{
		background: url(images/bullet_press_h.gif) no-repeat center left; 
		}

#sidebar_showcase img { margin-bottom:15px; }
	#sidebar_showcase li a{
		background: url(images/bullet_book.gif) no-repeat center left; 
		padding-left: 2em;
		font-size: .9em;
		 }
	#sidebar_showcase li a:hover{
		background: url(images/bullet_book_h.gif) no-repeat center left; 
		}

/*-----Pencil icon -- Apply online------*/

	#sidebar_showcase ul.pencil {
		margin-top: 10px;
}

	#sidebar_showcase ul.pencil li a{
		background: url(images/bullet_pencil.gif) no-repeat center left;
		padding-left: 1.8em;
		font-size: 1em;
		padding-top: .2em;
		color: #00007e;
		text-transform: uppercase;
		text-decoration: underline;
		 }
	#sidebar_showcase ul.pencil li a:hover{
		background: url(images/bullet_pencil_h.gif) no-repeat center left; 
		color: #00005e;
		}


#videos {	
	background: #f1f0f0 url(images/block_videos.png) no-repeat top;
	padding: 48px 15px 15px 15px;
	margin-bottom:15px;
	text-align:center;
	border-bottom: 1px solid #d2d2d2;
	}
	#videos li a{
		background: url(images/bullet_video.gif) no-repeat center left; 
		padding-left: 2.2em; 
		font-size: .9em;
		}
	#videos li a:hover{
		background: url(images/bullet_video_h.gif) no-repeat center left; 
		}

#online {	
	background: #f1f0f0 url(images/block_online.png) no-repeat top;
	padding: 48px 15px 15px 15px;
	margin-bottom:15px;
	text-align:center;
	border-bottom: 1px solid #d2d2d2;
	}
	#online a { font-size: .9em; }

#videos img, #online img {margin: 10px 0px;}

#sidebar_map li a{
		background: url(images/bullet_map.gif) no-repeat center left; 
		padding-left: 2em;
		font-size: .9em;
		 }
	#sidebar_map li a:hover{
		background: url(images/bullet_map_h.gif) no-repeat center left; 
		}


/* EVENTS (Home, Right Column)------------------------------------------------------------------ */

#events {
	min-height:209px; height:auto !important; height:209px; /*min-height hack*/
	}
	#events.default_box { position: relative; } /* prevents IE shifting background-image bug */
	#events p {padding-bottom: 0;} 

#events p.event_day { float:left; width: 1.3em; font-family: Georgia; font-size: 2.3em; color: #c88334; margin-top: -4px; }
#events p.event_month { float: left; color: #c88334; font-family: "Times New Roman",Times,"Nimbus Roman No9 L","FreeSerif","Liberation Serif",serif; letter-spacing: .09em; padding-top: .2em; text-transform:lowercase;}
#events p.event_detail { clear:both; margin-bottom: 5px; padding-top: .1em;}

#events li {padding-top: .25em;}
	#events li a {
		background: url(images/bullet_calender.gif) no-repeat center left; 
		padding-left: 2em;
		font-size: .9em;
		}
	#events li a:hover{
		background: url(images/bullet_calender_h.gif) no-repeat center left; 
		}

/* CONTENT (Middle Column)
------------------------------------------------------------------------------------------------- */

#content_header {
	text-transform:uppercase;
	height: 18px;
	padding: 15px 25px 0 25px; /*inside own div to align with other headers*/
	background: url(images/Box-top-middle.png) no-repeat top;
	}

#content_max_header {
	text-transform:uppercase;
	height: 18px;
	padding: 15px 25px 0 25px; /*inside own div to align with other headers*/
	background: url(images/Box-top-full.png) no-repeat top;
	}

#content_max_content {
	margin: 15px 25px;
	}

#display_image {
	text-align: center; /*Aligns image in center of content div  (simoni check http://www.webmasterworld.com/forum83/7842.htm AND http://www.netmechanic.com/news/vol7/html_no10.htm) */
	overflow: hidden; /*Prevents stretching for larger images*/
	clear: both;
	background-color: #00007e;
	color: #fff;
	margin-bottom: 15px;
	width: 556px; 
	height: 240px;
	}

#content_body {
		padding: 15px 25px 0 25px;
		margin-bottom: 5px;
		line-height: 1.7;
		overflow: hidden;
		background-color:#FEFEFE;
		}
#content_body img {border: 1px solid #708194;}
#content_body a {text-decoration: underline; }
#content_body h3 {clear: both;}

.full_paragraph {width: 500px;}

/* HIGHLIGHTS (Home, Middle Column)-------------------------------------------------------------- */

#highlights {
		min-height:239px; height:auto !important; height:239px; /*min-height hack*/
		clear: both; float: left; padding: 10px; color: #FFFFFF; 
		background: #a1acb8 url(images/highlights_bg.gif) repeat-x bottom;
		border-bottom: 1px solid #708194; border-top: 1px solid #708194;
		width: 536px; 
		}
	#highlights img {margin: 5px 0; }
	#highlights h2 {color: #ffffff;}
	#highlights a { font-family: "Times New Roman",Times,"Nimbus Roman No9 L","FreeSerif","Liberation Serif",serif; color: #00007e; font-size: 1.2em; line-height: 1.2em;}
	#highlights p {padding-top: .5em;}
	.highlights_number { float:left; width: 41px; font-family: Georgia; font-size: 21pt; }
	.highlights_title { float: left; width: 127px; padding: 10px 10px 0 0; letter-spacing: .03em; }
	

/* NEWS (Home, Middle Column)
------------------------------------------------------------------------------------------------- */


#news 	{  width: 377px; float: left; padding-left: 10px; margin: 10px 0;
		}

#news_header h2	{
	text-transform:uppercase;
	height: 18px;
	padding: 15px 25px 0 15px; /*inside own div to align with other headers*/
	background: url(images/News-top-middle.png) no-repeat top;
	}

.image_news_container {
	float: left;
	width: 137px;
	margin: 6px 15px 24px 0;
	}

.image_news {
	clear: both;
	float: left;
	margin: 0;
	border: 1px solid #708194;
	max-width: 137px; 
	height: auto;
	}

.newsitem {
	float: left;
	width: 210px;
	margin-bottom: 5px;
	overflow: hidden;
	}
	#news h3 a, #news_full h3 a {
	color: #00007e;
	text-decoration:underline;
	text-transform:uppercase;
	font-size: 0.8em;
	letter-spacing: .03em;
	}

#more_news li {margin-top: 20px;}
	#more_news li a {
		background: url(images/bullet_news.gif) no-repeat center left; 
		padding-left: 2em;
		font-size: .9em;
		color: #00007e;
		}
	#more_news li a:hover{
		background: url(images/bullet_news_h.gif) no-repeat center left; 
		}

#news_links {
	clear: both; 
	}

#news_links a {
		text-decoration: underline;
		}

#news_links h3 {
	text-transform:uppercase; 
	}

/* #focus {
	width: 162px; float: left; margin-left: 7px;
	background-color: #fff;
	} */

#focus_header {
	height: 48px;
	background: #fff url(images/Focus-top.png) no-repeat;
}
#focus_header_faculty {
	height: 48px;
	background: #fff url(images/Focus-top_faculty.png) no-repeat;
}
#focus_header_rector {
	height: 48px;
	background: #fff url(images/Focus-top_rector.png) no-repeat;
}

#focus_content { 
	min-height:349px; height:auto !important; height:348px; /*min-height hack for IE*/
	color: #c88334;
	background: #fff url(images/Focus-sides.png) repeat-y;
	padding: 0 13px 0 24px;
 	}
	#focus_content img {background-color: #ffffff; border: 1px solid #708194; width: 122px; margin: 10px 0 15px 0;}
	#focus_content h3 {color: #c88334; padding-bottom: 0.4em;}
	#focus_content a {	font-size: .9em; 			
						color: #c88334; 
						padding-left: 16px;
						background: url(images/bullet.gif) no-repeat 2px;}

#focus_bottom {
	height: 8px;
	background: #fbfbfb url(images/Focus-btm.png) no-repeat;
	font-size: 0px; /*Corrects min div-height in IE*/
	}


/* FOOTER
------------------------------------------------------------------------------------------------- */

#footer {
	font-size: 9px;  letter-spacing: .9px;
	background: url(images/footer.png) no-repeat bottom;
	color: #7381b1;
	padding-bottom: 0px;
	}

#footer p {padding: 35px 0 0 10px; }


/* FACULTIES LIST STYLE (Homepage)
------------------------------------------------------------------------------------------------- */

#faculties_list {margin: 10px 0; }

#faculties_list a {
	background-repeat: no-repeat; background-position: 0 .15em; color: #00007e; padding-left: 16px;
	}

	#f_arts a		{ background-image: url(images/bu_art.gif);}
	#f_arts a:hover	{ background-image: url(images/bu_art_h.gif); }

	#f_ch a			{ background-image: url(images/bu_ch.gif);}
	#f_ch a:hover	{ background-image: url(images/bu_ch_h.gif); }

	#f_den a		{ background-image: url(images/bu_den.gif);}
	#f_den a:hover	{ background-image: url(images/bu_den_h.gif); }

	#f_em a			{ background-image: url(images/bu_em.gif);}
	#f_em a:hover	{ background-image: url(images/bu_em_h.gif); }

	#f_edu a		{ background-image: url(images/bu_edu.gif);}
	#f_edu a:hover	{ background-image: url(images/bu_edu_h.gif); }

	#f_law a		{ background-image: url(images/bu_law.gif);}
	#f_law a:hover	{ background-image: url(images/bu_law_h.gif); }

	#f_ns a			{ background-image: url(images/bu_ns.gif);}
	#f_ns a:hover	{ background-image: url(images/bu_ns_h.gif); }



/* GATEWAY
------------------------------------------------------------------------------------------------- */

#content_body_intro {
		width: 680px;
		color: #252598;
		margin: 0 22px;
		font-size: 1.2em; 
		line-height: 1.44;
		letter-spacing: .02em;
		padding: 15px 5px 0px 5px;
		text-align:justify;
		}

#content_body_intro p { padding-bottom: 0;}

.gateway_item	{
				float: left;
				background-color: #ffffff;
				}

.gateway_img 	{	
				float: left;
				width: 142px;
				border: 1px solid #708194;
				}

.gateway_text, .profile_text 	{
				padding: 0 0 5px 0;
				float: left;
				width: 377px;
				margin-left: 15px;
				}
#content .gateway_text 	{
				width: 350px;
				margin-left: 0px;
				}
#content .gateway_text h3 a {color: #00007e;}

.gateway_links 		{
				padding: 12px 0 7px 10px;
				float: left;
				margin-left: 15px;
				width: 147px;
				color: #00007e;
				min-height:82px; height:auto !important; height: 82px;
				background: #f1f0f0 url(images/Box-top_blue.png)  no-repeat top;
				border-bottom: 1px solid #00007e;
				font-size: .9em;
				}
.profile_details		{
				padding: 12px 0 7px 10px;
				float: left;
				margin-left: 35px;
				width: 147px;
				color: #00007e;
				min-height:82px; height:auto !important; height: 82px;
				background: #f1f0f0 url(images/Box-top_blue.png)  no-repeat top;
				border-bottom: 1px solid #00007e;
				font-size: .9em;
				}
#content .gateway_links	{
				padding: 5px 0 2px 11px;
				margin-left: 0px;
				width: 145px;
				color: #00007e;
				background: none;
				border-bottom: 1px solid #ffffff;
				}

.gateway_item .gateway_links a  {
				color: #00007e;
				}