/*----------------------------------------
Welseyan University IP Web Site 
Designer: Wolasi Kofi Konu
----------------------------------------*/


/*WESLEYAN NAVIGATION BAR STYLES
DO NOT CHANGE!*/
#utilities {position: absolute; left: 328 px; top: -3 px; width: 445 px; height: 21 px; z-index: 3;}

#main {width: 760 px; visibility: visible;}

#navigation {position: absolute; left: 231 px; top: 15 px; width: 119 px; z-index: 4; visibility: hidden;}

#mask {position: absolute; left: -5 px; top: -5 px; width: 110 px; height: 22 px; z-index: 4; visibility: hidden; border: 1px solid #ffffff;}


/*=GENERAL 
--------------------------------------------*/
body {
	background: #000;
	font: 62.5%/1.6em "Arial", sans-serif;
	color: #333;
	margin: 0;
	padding: 0;	
	text-align: center;
}

a:link { 
	text-decoration: none;
	color: #336699;
}

a:visited { 
	text-decoration: none;
	color: #993399;
}

a:hover, a:active { 
	text-decoration: underline;
	color: #336699;
}

h1, h2, h3, h4 {
	color: #333;
	font-family: "Arial", sans-serif;
	line-height: normal;
	margin-top: 0.3em;
	margin-bottom: 0.2em;
}

h1 {
	color: #336699;
	font-size: 2em;
	font-weight: normal;	
}

h2 {
	font-size: 1.6em;
	font-weight: normal;	
}

h3 {
	color: #336699;
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

p {
	margin-top: 0;
}

div.clearer {
	clear: both;
	font-size: 1px;	 
	line-height: 0;
	margin: 0;
	padding: 0;
	height: 0;
}


/* =LAYOUT PROPERTIES 
--------------------------------------------*/
#container {
	background: url('images/layout/content_bg.gif');	
	margin: 0 auto;
	padding: 0;
	width: 760px;
	text-align: left
}

/*=HEADER*/
#header-main {
	background: #E2E2E2 url('images/layout/splash_large.gif') no-repeat;
	clear: right;
	height: 125px;
	margin: 0;
	padding: 0
}

#header-sub {
	background: #E2E2E2 url('images/layout/splash_small.gif') no-repeat;
	clear: right;
	height: 75px;
	margin: 0;
	padding: 0
}

/*=RIGHT COLUMN*/
#right-column {
	float: right;
	margin: 0;
	padding: 0;
	width: 190px;
}

#right-column h3 {
	color: #333;
}

#right-column ul {
	list-style-image: url('images/layout/bullet.gif');
	list-style-type: square;
	padding-left: 0; margin-left:16px; margin-right:0; margin-top:0; margin-bottom:0
}

#right-column li {
	margin: 0;
	padding: .1em;
}

#right-column li, #announcements p {
	font-size: 1.2em;
}

#announcements p {
	line-height: 1.2em;
}

/*=LEFT COLUMN*/
#left-column {
	float: left;
	margin: 0;
	padding: 0;
	width: 570px;
}


/*=UTILITIES*/
#search-box {
	margin: 0;
	padding: 15px;
}

#quick-links, #announcements {
	margin: 0;
	padding: 10px 15px 15px;
}

#search-box {
	background: #336699 url('images/layout/search_top.gif') no-repeat top left;
}

#search-box input {
	margin-top: 0;
	vertical-align: top;
}

#quick-links {
	background: #ADD8F6 url('images/layout/quicklinks_top.gif') no-repeat top left;
}

#announcements {
	background: url('images/layout/campus_top.gif') no-repeat top left;	
}

/*=FOOTER*/
#footer {
	background: #000 url('images/layout/footer_top.gif') no-repeat;
	clear: both;	
	color: #ccc;
	font-size: 1.2em;
	line-height: 1.6em;	
	margin: 0;
	padding-left:0; padding-right:0; padding-top:20px; padding-bottom:0
}


/*=NAVIGATION 
--------------------------------------------*/
#main-nav {
	background: #FFF url('images/layout/nav_top.gif') no-repeat right top;
	border-bottom: 1px dotted #CCC;
	margin: 0;
	padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:7px	
}

#main-nav p {
	line-height: 1.4em;
	margin-top: 0;
}

#main-nav td {
	font-size: 1.2em;
	padding: 0 10px 0 0;
	vertical-align: top;
	width: 180px;
}

/*=CONTENTFOOTER*/
#contentfooter {
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	font-size: 1.2em;
	line-height: normal;
	margin: 0;
	padding-left:20px; padding-right:20px; padding-top:7px; padding-bottom:7px
}



/*=BREADCRUMBS*/
#breadcrumbs {
	border-bottom: 1px dotted #CCC;
	background: #FFF url('images/layout/nav_top.gif') no-repeat right top;
	font-size: 1.2em;
	line-height: normal;
	margin: 0;
	padding-left:20px; padding-right:20px; padding-top:7px; padding-bottom:7px
}

#breadcrumbs a:visited { 
	text-decoration: none;
	color: #336699;
}

#breadcrumbs p {
	margin: 0;
}


/*=SECTION NAVIGATION*/
#section-nav, #content {
	font-size: 1.3em;
}

#section-nav {
	margin: 0;
	padding: 10px 20px;
}

#section-nav ul {
	list-style-image: url('images/layout/bullet.gif');
	list-style-type: square;
	list-style-position: outside;
	margin-left: 16px;
	padding-left: 0
}

#section-nav li {
	margin-left: 0;
	padding: .2em;
}


/*=CONTENT 
--------------------------------------------*/
#content {
	clear: both;
	line-height: 1.6em;	
	margin: 0;
	padding: 10px 20px 0;	
}