/* CSS for Shelter Med */

body 
{

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: center;
	min-width: 800 px;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(../images/grydotbkgd.gif);


}
	

/* sets vertical center container 800 px wide */ 
/* this centers all pages in the website */
/* used in header include file */
#container 
{
	position : relative;
	text-align : left;
	width : 800px;
	margin-left : auto;
	margin-right : auto;
	color: #4F4F4F;
	background-color: #FFFFFF;
} 
#maincenter 
{
	background-color: #FFFFFF;
	position:absolute;
	width:800px;
	height: 50px;
	z-index:1;
	left: 0px;
	top: 0px;
}
/*  ------------------------------------------------- */   



/*  the header is the top portion of every page */ 
/* these are used in header.inc */  
#header
{
	background-image: url(../images/koret_header.gif);
	background-repeat:no-repeat;
	background-position: left top;
	background-color: #F4F4F4;
	width:800px;
	height: 50px;
	top: 70px;
	z-index:2;
	left: 0px;
	position:absolute;
}	
#headertext
{

	width:450px;
	height: 42px;
	top: 78px;
	z-index:3;
	left: 170px;
	position:absolute;
	font-family:Verdana;
	font-size: 22pt;
	font-weight: 500;
	text-align: center;
	color: #4E4E4E;  /* was 1111A2 */
}	
#headerscript
{
	width:200px;
	height: 14px;
	top: 98px;
	z-index:3;
	left: 10px;
	position:absolute;
	font-size: 8pt;
	font-weight: bold;
	font-family: Verdana;
	text-align: left;
	color: #494949;
}	
#banner
{
	background-position: top;
	background-color: #FFFFFF;
	text-align:center;
	width:800px;
	height: 70px;
	top: 0px;
	z-index:2;
	left: 0px;
	position:absolute;
}	
/*  these three are for the top menu pictures */



/* these are used in each .inc file */
/* there are for the picture horizontal top menu */
#picturehz 
{
	position:absolute;
	width:800px;
	height: 70px;
	top: 120px;
	z-index:2;
	left: 0px;
}
.picturecell
 {
 	background-color:#FFFFFF;
	cursor:pointer;
	width: 160px;
	padding: 0;
	border: 0;
	cursor: pointer;
 }
 .pimage
 {
 width: 160px;
 height: 70px;
 }
#strip 
	{
	background-image:url(../images/strip.gif);
	background-position:top;
	background-repeat:no-repeat;
	position:absolute;
	width:799px;
	height: 8px;
	top: 189px;
	z-index:4;
	left: 0px;
	}
#stripselect1
	{
	background-image:url(../images/stripselect.gif);
	background-position:top;
	background-repeat:no-repeat;
	position:absolute;
	width:160px;
	height: 8px;
	top: 189px;
	z-index:5;
	left: 0px;
	}
 #stripselect2
	{
	background-image:url(../images/stripselect.gif);
	background-position:top;
	background-repeat:no-repeat;
	position:absolute;
	width:160px;
	height: 8px;
	top: 189px;
	z-index:5;
	left: 160px;
	}
#stripselect3
	{
	background-image:url(../images/stripselect.gif);
	background-position:top;
	background-repeat:no-repeat;
	position:absolute;
	width:160px;
	height: 8px;
	top: 189px;
	z-index:5;
	left:320px;
	}
 #stripselect4
	{
	background-image:url(../images/stripselect.gif);
	background-position:top;
	background-repeat:no-repeat;
	position:absolute;
	width:160px;
	height: 8px;
	top: 189px;
	z-index:5;
	left: 480px;
	}
 #stripselect5
	{
	background-image:url(../images/stripselect.gif);
	background-position:top;
	background-repeat:no-repeat;
	position:absolute;
	width:160px;
	height: 8px;
	top: 189px;
	z-index:5;
	left: 640px;
	}
/*  ------------------------------------------------- */ 



/*  Left column settings holding vertical menu */ 
/*  The left column contains the submenu, search area, and news areas */
#menuback
	{
	background-image: url(../images/leftcolumn.gif);
	background-position: top;
	background-repeat: no-repeat;
	position:absolute;
	width:160px;
	height: 750px;
	top: 196px;
	z-index:1;
	left: 2px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-color: #FFFFFF;
	outline-color: #316AC5;
	}
#menu
	{
	width:130px;
	height:40px;
	z-index:3;
	left: 15px;
	top: 28px;
	position:absolute;
	}
#searcharea {
	position:absolute;
	width:126px;
	height:70px;
	z-index:4;
	top: 420px;
	left: 17px;
	font-size: 8pt;
	
	overflow:hidden;
}	

.searchinput
{
font-size: 8pt;
}
#newsarea {
	position:absolute;
	width:125px;
	height: 200px;
	top: 525px;
	z-index:2;
	left: 15px;
	padding: 4px;
	}
#news
{
	position:absolute;
	width:125px;
	height: 240px;
	top: 530px;
	z-index:2;
	left: 15px;
	padding: 2px;
}
#news ul
{
	margin:0 .5em 0 1em;
	padding:2;
}
#news li{
	line-height:1.2em;
}
#news.hasJS
{
	height:120px;
	overflow:hidden;
	position:relative;
}
#news.hasJS ul
{
	position:absolute;
	top:120px;
	left:0;
	margin:0 .5em 0 .5em;
	padding:0;
}
/*  ------------------------------------------------- */ 


/* left vertical menu tables  */
.mv
 {
border-bottom: solid;
border-bottom-color: Silver;
border-bottom-width: thin;
padding-right: 5px;
text-align: right;
color: #090909;
background-color: #F8F8F8;
cursor: pointer;
font-size: 8pt;
 }
 
.mvb
{
border-bottom: solid;
border-bottom-color: Silver;
border-bottom-width: thin;
padding: 0px;
width: 13px;
background-color:	#F8F8F8;
background-image: url(../images/bottonvt.gif);
background-position: left;
background-repeat: no-repeat;
font-size: 8pt;
}


.mvbred
{
border-bottom: solid;
border-bottom-color: Silver;
border-bottom-width: thin;
padding: 0px;
width: 13px;
background-color:	#F8F8F8;
background-image: url(../images/bottonvtred.gif);
background-position: left;
background-repeat: no-repeat;
}

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


/*  sets the top of the Shelter Medicine Banner */  
/*  these are used for #top urls to make the UCD banner not shown */
.topsm {
	position:absolute;
	width:24px;
	height:18px;
	background-color:#FFFFFF;
	z-index:5;
	top: 70px;
	left: 2px;
	visibility: hidden;
}

.topsm2 {
	position:absolute;
	width:36px;
	height:18px;
	background-color:#FFFFFF;
	z-index:5;
	top: 70px;
	left: 30px;
	visibility: hidden;
}
/*  --------------------------------------------------  */



/*  Thiis is the main content area for each page */  
.pagebody
	{
	position:absolute;
	width:550px;
	top: 227px;
	left: 205px;
	z-index:3;
	font-size: 9pt;
	padding-left: 2px;
	text-align: left;

	}
	
	
/* ------- For Event.php---------- */

.event_subtitle {
font-size: 12pt;
font-family:Verdana;
}

.event_date {
font-size: 10pt;
font-family:Verdana;
font-style: italic;
background-color: #D6F5DE;
padding-top: 3px;
padding-bottom: 3px;
}

.event_location {
font-size: 10pt;
font-family:Verdana;
background-color: #FDF5CC;
text-align: right;
padding-top: 3px;
padding-bottom: 3px;
}

.event_name {
font-size: 11pt;
font-family:Verdana;
font-weight: bold;
background-color: #D9D9FF;

}

.event_description{
font-size: 9pt;
font-family:Verdana;
background-color: #EAEAEA;
}


/*  __________________________________  lecture.php __________________________________ */ 

.lect_title
{
font-size: 9pt;
font-family:Verdana;
background-color: #E3F9E7;
color:#000000;
}


.lect
{
font-size: 8pt;
font-family:Verdana;
background-color: #F0F0F0;
}




/*  this is for the table that contains the list of information sheets */ 
.protocollist
{
border-bottom: #FFFFFF;
border-bottom-style: outset;
border-bottom-width: 2px;
}


/*  This sets the characteristics of the horizontal divider */
hr {
  border: 0;
  width: 100%;
  color: #84C1FF;
 height: 2px;
 background-color: #84C1FF;
}






/* This are the titles */ 
h1 
{
color: #3B3B3B;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}

.toptitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #000080;
	z-index:4;
}

.belowtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000080;
	z-index:4;
}

.smalltitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000080;
}



.outbreak_title
{
font-size: 13px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
background-color: #8D8D8D;
color:#FFFFFF;
font-weight:bold;
}

.outbreak_desc
{
font-size: 11px;
padding: 5px;
background-color: #EEEEEE;
}



#divStayTopLeft
{
position: absolute;
left:100px;
top:8px;
width:117px;
}


/*  margin indents */

p.indent {margin-left: 30px;}

/* Define  hyperlinks */	

a:link {color: #0000FF; text-decoration: none;}
a:visited {color: #0000FF; text-decoration: none;}
a:active {color: #0000FF; text-decoration: none;}
a:hover {color: #0000FF; background-color:#DCFECD; text-decoration: none;}

/*
a:link {color: #0000FF; text-decoration: none;}
a:visited {color: #0000FF; text-decoration: none;}
a:active {color: #0000FF; text-decoration: none;}
a:hover {color: #0000FF; font-weight: bold; text-decoration: none;}
*/

a.mvl:link {color: #5A5A5A; text-decoration: none;}
a.mvl:visited {color: #5A5A5A; text-decoration: none;}
a.mvl:active {color: #5A5A5A; text-decoration: none;}
a.mvl:hover {color: #000000; font-weight: bold; text-decoration: none;}

a.menuhzl:link {color: #FFFFFF; text-decoration: none;}
a.menuhzl:visited {color: #FFFFFF; text-decoration: none;}
a.menuhzl:active {color: #FFFFFF; text-decoration: none;}
a.menuhzl:hover {color: #000000; font-weight: bold; text-decoration: none;}

.form_dis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #00A4E4;
}


.red_alert{
color: #FF0000;
}


.col1 { clear: left; float: left; width:200px; padding: 15px 5px 0 0; background-image:url(../images/backcol1.gif); background-repeat: no-repeat; background-position: top;   }
.col2 { float: left; width:200px; padding: 15px 15px 0 0; background-image:url(../images/backcol2.gif); background-repeat: no-repeat; background-position: top;  }

.colu { clear: both; float: left; width: 100%; padding: 15px 15px 0 0; }
.tabtitle { font-size: 16pt; color:#191919; padding: 15px 0 65px 22px;}
.tabtext  { font-size: 12px; color:#191919; padding: 0 8px 0 20px; color: #4E4E4E;}

.col3 { float: left; width:100px; padding: 15px 0 0 5px;   }
.col3title { font-size: 16pt; margin-top: 20px; color:#191919; padding: 5px 0 20px 10px; border-left: #CCCCCC 3px solid; border-right: #CCCCCC 3px solid;}
.col3text  { font-size: 12px; color:#191919; padding: 0 0 0 10px; color: #4E4E4E; border-left: #CCCCCC 3px solid; border-right: #CCCCCC 3px solid;}

.sheltermath_table {width: 500px; background-color: #E2FAC0; padding: 10px 5px 10px 5px; border: 3px #E1E1E1 solid;}
.sm_header { font-size: small; color:#000000; background-color: #E2FAC0; text-align: right; padding-right: 5px; }
.sm_row { font-size: xx-small; background-color: #E2FAC0 }
.sm_input {border: none; }