/*
===== CONTENTS =====
        created: 2 May 2006 Original Author - Kezia Payne
	last-updated: 27 March 2006

	1: html and body
	2: universal elements
	3: layout
	   3.1: UWI top (this is the UWI standard header)
		3.2: Deparment main
		 3.2_1: Department Maintop
		 3.2_2: Department Middle (Content area) 
			3.2_21: left
			3.2_22: middle
			3.2_23: right
			3.2_24:Footer	
	4: typography
		4.1: sizes
		4.2: colours
	5. lists
   6. links	
   7. page tweaks  
		

	
==================== */

/* ==================== 1. html and body 	==================== */


body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; font-family: verdana, arial, helvetica, sans-serif;
	background-color: #fff;
	background: url(../images/bg_2_03.png); 
	color: #444; font-family: Verdana, Geneva, Arial,Trebuchet MS, Lucida Sans, Helvetica, sans-serif; font-size: 10px;
	}

body {
	margin:0px 0px 0px 0px;
   	width: 100%;
   	height:100%;
   	padding: 0px 0px 0px 0px;
	   	text-align: center; font-size: 10px;
    /* part 1 of 2 centering hack */

}




/* ------------------- container ------------------------- */ 
#container {
	border: 1px solid #000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	top: 0px;
	background: url(../images/bg_2_01.png); 	 
	border: 0px solid #000;
	width: 100%;
	height: 791px;
} 
#content  {top: -791px;
	padding: 0px;
	margin-top: -791px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	border-right: 0px solid #65babb;
	border-left: 0px solid #65babb;
	text-align: left; /* part 2 of 2 centering hack */
	width: 882px; /* ie5winFudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 882px;
	}
html>body #content {
	width: 882px; /* ie5winFudge ends */}

/* ==================== 2. universal elements 	==================== */

acronym { color:#C90E46; }
br {line-height:8px;
	}

u {color: #FF3300; border-bottom: 1px dotted #666; text-transform: uppercase}
img {
	border: 0px;

}
p {
	margin: 10px 15px 15px 0px;
	padding: 0px 0px 0px 0px;
	
}
	
h1 {
	margin: 0px 0px 0px 0px;
	font-size: 11px; 
	padding: 0px 0px 0px 0px; font-family: Ms Sans Serif; 
	color: #0da4a9;
	font-weight: normal; 
	text-transform: uppercase
}
h2 {font-family: Georgia;}

h3 {
	margin: 0px 0px 0px 0px;
	font-size: 14px; 
	padding: 0px 0px 0px 0px; font-family: Arial; 
	color: #BEBE7E;
	font-weight: normal; 
	text-transform: uppercase
}


h4 {
	margin: 0px 0px 0px 0px;
	font-size: 13px; 
	padding: 0px 0px 0px 0px; font-family: Arial; 
	color: #FFFF00;
	font-weight: normal; 
	text-transform: uppercase
}

h6 {margin: 0px 0px 0px 0px; text-indent: -5000px;}	

.without{font-size: 12px;
}


.ahem {
	display: none;
	}
strong, b {Font-weight: bold;
	}

.more {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 0px 0px;
	border: 0px solid #ccc;
	text-align: right;
	color: #FFA500;
} 

.text {display: inline;
       margin: 5px 0px 0px -5px;}

.ts {  display: inline;
       margin: 13px 0px 0px -5px;}
.caption { margin: -5px 0px 2px 2px; 
           padding: 0px;
           line-height:130%; font-size:10px}


#aboutsect {color: #B22222;}

/* ==================== 3. layout 	==================== */

/* ------------------- 3.1 - UWI top ----------------------- */ 
#uwitop {
   top:0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ccc;
	width: 882px;
	background-color:#fff; 
         
	height: 90px; /* ie5winFudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 90px;
	
	}
html>body #uwitop {
	height: 90px; /* ie5winFudge ends */
	}
#search{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 60px 0px 0px 680px;
	background: transparent;
	top: -1px;
	width: 200px;
	height: 40px;
	border-left: 0px solid #aaa; 
	font: normal 10px Verdana,Ms San Serif;
	color: #fff; font-size: 11px;
}


#index2 {
   top:0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ccc;
	width: 882px;
      
	height: 565px; /* ie5winFudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 565px;
	
	}
html>body #index2 {
	height: 565px; /* ie5winFudge ends */
	}
	
	
#header {
   top:0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ccc;
	width: 882px;
	background: url(../images/ad_02.png) repeat-y; 
         
	height: 345px; /* ie5winFudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 345px;
	
	}
html>body #header {
	height: 345px; /* ie5winFudge ends */
	}
#nav{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 304px 0px 0px 0px;
	background: transparent;
	width: 882px;
	height: 32px;
	border: 0px solid #aaa; 
	font: normal 10px Verdana,Ms San Serif;
	color: #fff; font-size: 11px;
}

#menu{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	width: 882px;
	height: 32px;
	border: 0px solid #aaa; 
	font: normal 10px Verdana,Ms San Serif;
	color: #fff; font-size: 11px;
}

#menu2{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	width: 882px;
	height: 32px;
	border: 0px solid #aaa;
	font: normal 10px Verdana,Ms San Serif;
	color: #fff;
	font-size: 11px;
	left: 0px;
	top: 181px;
}

#nav2{
	position: absolute;
	padding: 0px;
	background: url(../images/b_03.png) repeat #212325;
	width: 863px;
	height: 325px;
	border: 0px solid #aaa;
	font: normal 10px Verdana,Ms San Serif;
	color: #fff;
	font-size: 11px;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#contact{
	position: absolute;
	padding: 0px;
	width: 58px;
	height: 12px;
	border: 0px solid #aaa;
	font: normal 10px Verdana,Ms San Serif;
	color: #fff;
	font-size: 11px;
	margin-top: 275px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 785px;
	top: 23px;
}
#col0 {
	position: absolute;
	padding: 0px;
	width: 842px;
	height: 2px;
	border-top: 1px solid #aaa;
	font: normal 10px Verdana,Ms San Serif;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	margin-top: 170px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	top: 14px;
}

#col1 {
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 21px;
	width: 150px;
	height: 136px;
	border: 0px solid #aaa; 
	font: normal 10px Verdana,Ms San Serif;
	color: #fff; font-size: 11px; line-height: 16px; 
}

#col2 {
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 182px;
	width: 170px;
	height: 120px;
	border: 0px solid #aaa; 
	font: normal 10px Verdana,Ms San Serif;
	color: #fff; font-size: 11px; line-height: 16px; 
}

#col3 {
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 365px;
	width: 150px;
	height: 120px;
	border: 0px solid #aaa; 
	font: normal 10px Verdana,Ms San Serif;
	color: #fff; font-size: 11px; line-height: 16px; 
}


#col4 {
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 535px;
	width: 165px;
	height: 120px;
	border: 0px solid #aaa; 
	font: normal 10px Verdana,Ms San Serif;
	color: #fff; font-size: 11px; line-height: 16px; 
}

#col5 {
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 705px;
	width: 145px;
	height: 120px;
	border: 0px solid #aaa;
	font: normal 10px Verdana,Ms San Serif;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	left: 2px;
}

#col6 {
	position: absolute;
	padding: 0px;
	width: 145px;
	height: 70px;
	border: 0px solid #aaa;
	font: normal 10px Verdana,Ms San Serif;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	left: 2px;
	top: 13px;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#uad{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 150px 0px 0px 402px;
	background: url(../images/ad_u_07.png) no-repeat;
	top: -1px;
	width: 480px;
	background: url(../images/ad_u_07.png) no-repeat; 
	height: 59px;
	font: normal 10px Verdana,Ms San Serif;
	color: #fff; font-size: 11px;
}

#iffnav{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 570px;
	top: -1px;
	height: 115px;
	border-left: 1px solid #aaa; font: normal 10px Verdana,Ms San Serif;
	color: #fff; font-size: 11px;
}

.iff{
	color: #C1AA30; font-family: Arial; font-weight: bolder; font-size: 13px;
}


#nav2 ul { color:#666;
 width:400px;
	margin: 0px 0px 0px 0px; font: normal 10px Verdana, Arial,Ms San Serif;
 	}
	
#nav2 li {display:inline;
    list-style-type:none}
	 
#nav2 input {
  	width: 120px;
	background-color: transparent;
	border: 0px solid #222;
	height: 20px;
	margin: 4px 20px 0px 3px
}

#q input {
  	width: 130px;
	background-color: transparent;
	border: 1px solid #222;
	height: 20px;
	margin: 0px 20px 0px 3px
}
	
/*--------------------------- 3.2 Department MAIN -------------------------------*/
#maincontainer {
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	border: 0px solid #000;
	width: 773px;
	background-color: transparent;
	height: 100%;}   

/*--------------------- 3.2_1 maintop------------------ */  
#mainc {top: 0px;
	left: 0px;
	margin: 4px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ccc;
	width: 773px;
	background: url(../images/bg_05.png) no-repeat;
	background-color: transparent;
	height: 100%; /* ie5winFudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 100%;
	}
html>body #mainc {
	height: 100%; /* ie5winFudge ends */
	}
	
#genlinks {position: absolute;
   padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 150px;
   background-color: transparent;
   border: 0px solid #000;
	width: 630px;
	height: 30px;
	color: #888;
}


#row1 {position: absolute;
   padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 0px;
   background-color: transparent;
        border: 0px solid #000;
	width: 773px;
	height: 43px;
			} 
.mheader {background-color: transparent; 
          margin: 0px 0px 0px 0px;
			 border: 0px solid #000;}
#row2 {
	position: absolute;
	margin: 95px 0px 0px 8px;
	padding: 0px;
	width: 750px;
	height: 20px; font-size: 11px;
	border-bottom: 1px solid #D3D3D3;
	background: transparent;
}

/* ------------------- 3.2_2 middle content ------------------------- */ 


#datelist {margin-top: 15px; font-size:11px; color:#777; 
border-bottom: 2px solid #20B2AA;
	}

#col11 {position: absolute;
	margin: 20px 5px 5px 0px;
	padding: 0px;
	width: 297px; 
	height: 222px; 
	border: 0px solid #000;
	background: url(../images/ucal_15.png) no-repeat transparent;}
	
#col12 {position: absolute;
	margin: 30px 0px 0px 312px;
	padding-top: 0px;
	border: 0px solid #ccc;
   background: transparent;
	height: 222px;
	width:230px;	 
	}

#col13 {position: absolute;
	margin: 20px 0px 0px 547px;
	padding-top: 0px;
	border: 1px dashed #ccc;
   background: transparent;
	height: 212px;
	width:200px;}
	
#col13a {position: absolute;
	margin: 7px 0px 0px 0px;
	padding-top: 0px;
	border: 0px solid #000;
   background: transparent;
	width:80px;
	height: 80px;
	}
#col13b {
	position: absolute;
	margin: 7px 0px 0px 90px;
	padding-top: 0px;
	border: 0px solid #000;
	background: transparent;
	width:120px;
	height: 80px;
	top: 28px;
	}


/* ------------------- 3.2_22 middle ------------------------- */ 
#middle {top:0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ccc;
	width: 882px;
	color: #D0D2AC;
	font-size: 11px;
	font-family: MS Sans Serif;
	background: url(http://sta.uwi.edu/admissions/images/b_34.png) repeat;     
	height: 645px; /* ie5winFudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 645px;
	
	}
html>body #middle {
	height: 645px; /* ie5winFudge ends */
	}
	
		
#midcol1 {
	position: absolute;
	margin: 10px 15px 0px 20px;
	padding: 0px 0px 0px 0px;
	color: #D0D2AC; font-size: 12px;
	
	font-family: Georgia;
	background-color: transparent;
        background: url(../images/b_34.png) repeat; 
	line-height: 18px; 
	border: 0px solid #ccc;
	width: 600px;
	height: 350px;
		}
		
		#midcol13 {
	position: absolute;
	margin: 7px 15px 0px 470px;
	padding: 0px 0px 0px 0px;
	color: #D0D2AC; font-size: 11px;
	background: url(http://sta.uwi.edu/admissions/images/b_34.png) repeat;
	line-height: 18px; 
	border: 0px solid #ccc;
	width: 191px;
	height: 350px;
		}

#midcol1 li {list-style-type: none; list-style-image: url(../images/bullet_03.gif)}
#midcol2 {
	position: absolute;
	margin: 0px 0px 0px 690px;
	padding: 0px 0px 0px 0px;
	color: #666; font-size: 11px;
	font-family: MS Sans Serif; 
	font-size: 11px;
	color: #fff;  
	background: url(../images/bkg_3.gif) transparent;
	border: 0px solid #ccc;
	width: 180px;
	height: 400px;
			}
			


#midcol2 a:link {color: #fff }
#midcol2 a:visited {color: #fff }
#midcol2 a:hover {color: #fff }
#neg ul {list-style-type: none; margin-left: -40px}
#neg li {list-style-type: none; margin-left: -40px}
#what table {	color: #fff; font-size: 11px;
	font-family: MS Sans Serif; margin: 0px 0px 0px 30px;  }
	#what tr {	color: #fff; font-size: 11px;
	font-family: MS Sans Serif; }
#what td {height: 20px; padding-left: 15px; padding-right: 15px }

		
#midcol2 ul{list-style-type: none;}
#midcol2 li {list-style-type: none; margin: 5px 0px 8px -30px; font-weight: bold }
#mid {
	position: absolute;
	margin: 0px 1px 0px 165px;
	padding: 0px 0px 0px 0px;
	color: #666; font-size: 12px;
	background-color: transparent;
	border: 0px solid #ccc;
	width: 380px;
	height: 350px;
	left: 10px;
			}

#neg li a:link {color: #D0D2AC; font-weight: normal}
#neg li a:visited {color: #D0D2AC;  font-weight: normal}
#neg li a:hover {color: #000; background-color: #33CCFF;  font-weight: normal}


/* ------------------- 3.2_23 right ------------------------- */ 

#right {position: absolute;
	margin: 0px 1px 0px 557px;
	padding: 0px 0px 0px 0px;
   	top: 0px;
	background-color: transparent;
   	border: 0px solid #ccc;
	width: 188px;
	height: 350px;
		}

#field {margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	width: 200px; 
	border: 1px solid #ccc;}
 
#login {top: 0px; margin:-10px 0px 0px 0px; 
        padding: 0px 0px 0px 15px;
	border: 0px solid #ccc; 
        background: url(../images/m_index_11.png) transparent no-repeat;
        height: 132px;
        width: 193px}

#right input {
	border: 1px solid #47A4BE;
	background-color: #fff;
	padding: 3px 0 3px 0px;
	color: #303030;
	margin: 0px 0px 3px 3px;
	width: 90px;
}

.fs {}
/* ------------------- 3.2_24Footer ------------------------- */ 


	#footer {
	position: absolute;
	margin: 0% 0px 0px 0px;
	top: 98%;
	background-color: transparent;
	border-top: 1px solid #ccc;
	width: 780px;
	height: 68px; font-size: 9px;
}	  
		  	
 /* ==================== 6. links ==================== */

/* ------------------- 6.1 general ------------------------- */ 


a:link {text-decoration: none; 
	     outline: none;
        border-bottom: 0px;
		  border-top:0px;
		  border-right:0px;
		  border-left: 0px;
		  color:#7DB447;
  }

a:visited { 
	text-decoration: none; 
	color:#7DB447;
	border: 0px dotted #fff;
   
	}
a:hover {
	color: #fff;
	text-decoration: underline;
	border: 0px dotted #fff;
}
	
		
#row2 a:visited { 
	text-decoration: none; 
	color:#888;
	
	border: 0px dotted #fff;
   
	}
#row2 a:hover {
	color: #888;
	text-decoration: none; font-size: 12px; font-weight: bold;
	border: 0px dotted #fff;
}

#footer a:link {
	text-decoration: none;
	color: #090082;
	border: 0px dotted #fff;
}
#footer a:visited { 
	text-decoration: none; 
	color: #090082;
	
	border: 0px dotted #fff;
   
	}
#footer a:hover {
	color: #888;
	text-decoration: none;

	border: 0px dotted #fff;
}




	
	 /* ==================== 7.Fonts ==================== */	

		 #no ol {list-style: upper-alpha}
		 #no li {list-style-type: lower-roman;}