﻿

/* Style sheet optimized for IE4x - Last updated 1/16/2007 */
	

body { 
	color: #000; 
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff; }


/***********/
/* MENUBAR */	
/***********/

#dropmenudiv {
	position: absolute; 
	border: 1px solid #000; 
	border-bottom-width: 0; 
	font-size: 1em;
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px; 
	z-index: 100; }

#dropmenudiv a {
	width: 100%; 
	display: block; 
	text-indent: 3px; 
	border-bottom: 1px solid #000; 
	padding: 1px 0 0 0; 
	text-decoration: none; } 

#dropmenudiv a:hover { 
	color: #990000;
	background-color: #000; }

#menuBar {
	border: 1px solid #000; 
	padding: 1px 1px 1px 1px; 
	width: 750px; }

td.menuBarItem {
	border: 1px solid #666;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000; }
   
a:link.NavLink {
	padding: 1px 0 1px 0; 
	text-decoration: none; }
    
a:visited.NavLink {
	padding: 1px 0 1px 0; 
	text-decoration: none; }

a:hover.NavLink {
	padding: 1px 0 1px 0; 
	text-decoration: none; }
    
a:active.NavLink {
	padding: 1px 0 1px 0; 
	text-decoration: none; }
    
a:hover.NavLink  { color: #990000; }

/****************/
/* PARENT TABLE */
/****************/

.box { border: 1px solid #000; }


/*****************/
/* CONTENT AREAS */
/*****************/

.ContentAreas { padding: 10px 5px 10px 25px; }
    

/*************/
/* HTML TAGS */	
/*************/

hr { color: #666; }

table { 
	font-size: 1em;
	margin-top: 0; 
	margin-bottom: 0; }
		
td { vertical-align: top; }

tr { vertical-align: top; }

ul.Arrows li {
	list-style-image: url('images/bullet_arrow.gif');
	padding-right: 5px; }

/* increases space between list items */
li {
	margin-top: 10px; 
	margin-bottom: 10px; }


/***********/	
/* ANCHORS */
/***********/	

a:visited { 
    color: #000; 
    text-decoration: underline; }
    
a:link { 
    color: #000; 
    text-decoration: underline; }
    
a:hover { 
  	color: #990000;  
  	text-decoration: none; }		

a:active { 
  	color: #990000;  
  	text-decoration: none; }		

div.workshop { text-align: center; }

.workshop a:visited { 
	color: #039; 
	font-size: 1.2em; 
	font-weight: bold;
	text-decoration: underline; }

.workshop a:link { 
	color: #039; 
	font-size: 1.2em; 
	font-weight: bold;
	text-decoration: underline; }


/**********/
/* TITLES */   
/**********/

/* Red main heading */	
h1 {
	font-size: 1.7em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #990000;
	letter-spacing: 1pt; 
	text-align: left; 
	margin-bottom: 0; }

/* Blue sub-heading */
h2 {
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005;
	margin-top: 0; }

/* Red sub-heading */
h3 {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000; }


/* Black sub-heading */
h4 {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif; }
	
	
	

/****************/
/* LEFT CONTENT */
/****************/

#hosting h2 {
	margin-top: 15px;
	margin-bottom: 0; }

/*****************/
/* RIGHT CONTENT */   
/*****************/

/* Sidebar font size is slightly smaller than main content */
#sidebar { font-size: .85em; }
#sidebar .normal { font-size: 1.2em; }

/* Blue sidebar heading */
#sidebar h2 {
	text-align: left; 
	margin-bottom: 0;
	font-weight: bold;
	font-size: 1.5em;
	font-family: Arial, Verdana, Helvetica, sans-serif; }

#RightContentBox, .RightContentBox {
	margin: 0; 
	border-left: 1px solid #666; 
	border-top: 1px solid #666; 
	padding-left: 5px; 
	padding-top: 5px;
	margin-bottom: 15px;
	margin-right: 10px; }


/*************/
/* SMALLTEXT */   
/*************/

#SmallText, .smalltext {
	font-size: .8em; 
	color: #666; }


/*************/
/* POP-UPS */   
/*************/

div.pop {position: relative;
	z-index: 1;
	}
		
.pop p {position:absolute;
	display: none;		
	left: 0px;
	top: 8px;
	width: 520px; 
	border: 2px solid #999;
	padding: 10px; 
	background-color: #CCC;
	}
		
div:hover p, p:hover {
	display: block;   
	text-indent: 0;				/* these three lines fix pop-ups bug in IE */
	position: relative;			/* these three lines fix pop-ups bug in IE */
	z-index: 3;					/* these three lines fix pop-ups bug in IE */
	}
	

/**********************************/
/* list items on facilitator page */
/**********************************/

h4 a ul li {font-weight: normal;
	position: static;
	z-index: 0;
	}
		
	

/* WORKSHOP TABLE */

#workshopnav {
	border-collapse: collapse;
	border: 1px solid #000;
	padding: 5px;
	width: 100%; }

#workshopnav td {
	border-collapse: collapse;
	border: 1px solid #000;
	padding: 5px; }

#workshopnav a:visited  {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1em; }

#workshopnav a:link  {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1em; }

#workshopnav a:active  {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1em; }

#workshopnav a:hover{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em; }

#midcell a:hover { color: #fff; }

#midcell a:visited { color: #fff; }

#midcell a:link { color: #fff; }

#midcell a:active { color: #fff; }

#workshopnav.red { background-color: #940205;}
.medred { background-color: #FEA503;}
.ltred { background-color: #E1BEBF;}
.orange { background-color: #B24D50;}
.medorange { background-color: #FBBC4F;}
.ltorange { background-color: #FCCF81;}
.black { background-color: #000; }

.shortpage { height: 300px; }

.faqlist {
	line-height: 100%;
	font-weight: bold; }

img { border: 0; }

.center { 
	text-align: center; 
	vertical-align: middle; }

.left { text-align: left; }
.right { text-align: right; }

hr { line-height: 1px; }

.mailinglist {
	font-weight: bold;
	color: #800000; }

.indent {
  margin-left: 5em;
  margin-right: 5em; }
  
.quote {
  margin: 0 5em; 
  line-height: 1.5}


.strike {text-decoration:line-through;}

.pop h4 a:link ul li span, .pop h4 a:visited ul li span
{color: #990000;
text-decoration: none;}

.red { color: #990000;}
.blue { color: #000055;}

/* ==================================================================
Additional styles by Sam Stevens, Stevens Media, www.stevensmedia.com
================================================================== */

/* Typography */

A.highlight, SPAN.highlight { 
	background-color: #FFFFCC;
	color: #990000;
}

/* Images */

IMG.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

IMG.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}