/***********************************************/
/* 21Weeks Style Sheet				       */
/* view using main.css						   */
/***********************************************/

/***********************************************/
/* Class=	uses the .style                    */
/* for repeating sytles                        */
/*                                             */
/* ID=		uses the #style                    */
/* for unique styles                           */
/***********************************************/ 

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/* @import "common.css"; */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #666666;
	line-height: 1.2;
	margin: 5px;
	padding: 5px;
	background-color: #FFFFFF;
}

/*
a{
	color: #663300;
	text-decoration: none;
}

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

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

a:hover{
	color: #816630;
	text-decoration: underline;
}
*/

h1{
 font-family: "Comic Sans MS", "Arial Black", Arial, sans-serif;
 font-size: 18pt;
 text-align:center;
 color: #CC3300;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: "Comic Sans MS", "Arial Black", Arial, sans-serif;
 font-size: 16pt;
 text-align:center;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13pt;
 color: #444444;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12pt;
 font-weight: normal;
 color: #222222;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 14pt;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h6{
 font-family: Verdana,Arial,sans-serif;
 font-size: 10pt;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

.verticalSpacer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 45px;
	height: 550px;
	}
		
.contentSpace {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 24px;
}
	
.bodyText {
	margin: 0px 50px 0px 0px;
	padding: 0px 0px 0px 4px;
	color: #666666;
	}
		
.bodyTextSmall {
	margin: 0px 50px 0px 0px;
	padding: 0px 0px 0px 4px;
	color: #666666;
	font-size: small;
	}
		
.bodyHighlight {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FF3017;
	font-weight: bold;
	}
	
.bodyHighlightLink {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	color: #FF0000;
	font-weight: bold;
	letter-spacing: 2.4pt;
	font-size: 8.5pt;
	}
		
.bodyHighlightLink a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	color: #000000;
	font-weight: bold;
	letter-spacing: 2.4pt;
	font-size: 8.5pt;
	text-decoration: none;
	}
		
.bodyHighlightLink a:hover{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	color: #000000;
	font-weight: bold;
	letter-spacing: 2.4pt;
	font-size: 8.5pt;
	text-decoration: underline;
	}

.experienceLink {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	color: #FF0000;
	font-weight: normal;
	font-size: 11pt;
	text-decoration: none;
	}
		
.experienceLink a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #666666;
	font-weight: normal;
	font-size: 11pt;
	text-decoration: none;
	}
		
.bodySemiHighlight {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	color: #000000;
	font-weight: bold;
	}
		
.bodySemiHighlightSmall {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	color: #000000;
	font-weight: bold;
	font-size: small;
	}
		
.expRollover {
	color: #666666;
	font-size: 11pt;
}

.expRollover:hover {
	color: #FF0000;	
	font-size: 11pt;
}

#expContainer {
	display: block;
	position: absolute;
	height: auto;
}
	
#exp01 div.expRolloverContent { display: none; position: absolute; left: 300px; top: 0px; }
#exp02 div.expRolloverContent { display: none; position: absolute; left: 300px; top: 0px; }
#exp03 div.expRolloverContent { display: none; position: absolute; left: 300px; top: 0px; }
#exp04 div.expRolloverContent { display: none; position: absolute; left: 300px; top: 0px; }
#exp05 div.expRolloverContent { display: none; position: absolute; left: 300px; top: 0px; }
#exp06 div.expRolloverContent { display: none; position: absolute; left: 300px; top: 0px; }
#exp07 div.expRolloverContent { display: none; position: absolute; left: 300px; top: 0px; }
#exp08 div.expRolloverContent { display: none; position: absolute; left: 300px; top: 0px; }
#exp09 div.expRolloverContent { display: none; position: absolute; left: 300px; top: 0px; }
#exp10 div.expRolloverContent { display: none; position: absolute; left: 300px; top: 0px; }
#exp11 div.expRolloverContent { display: none; position: absolute; left: 300px; top: 0px; }

#exp01:hover div.expRolloverContent { display: block; width: 20em; font-size: 120%; background-color: #FFFFFF; }
#exp02:hover div.expRolloverContent { display: block; width: 20em; font-size: 120%; background-color: #FFFFFF; }
#exp03:hover div.expRolloverContent { display: block; width: 20em; font-size: 120%; background-color: #FFFFFF; }
#exp04:hover div.expRolloverContent { display: block; width: 20em; font-size: 120%; background-color: #FFFFFF; }
#exp05:hover div.expRolloverContent { display: block; width: 20em; font-size: 120%; background-color: #FFFFFF; }
#exp06:hover div.expRolloverContent { display: block; width: 20em; font-size: 120%; background-color: #FFFFFF; }
#exp07:hover div.expRolloverContent { display: block; width: 20em; font-size: 120%; background-color: #FFFFFF; }
#exp08:hover div.expRolloverContent { display: block; width: 20em; font-size: 120%; background-color: #FFFFFF; }
#exp09:hover div.expRolloverContent { display: block; width: 20em; font-size: 120%; background-color: #FFFFFF; }
#exp10:hover div.expRolloverContent { display: block; width: 20em; font-size: 120%; background-color: #FFFFFF; }
#exp11:hover div.expRolloverContent { display: block; width: 20em; font-size: 120%; background-color: #FFFFFF; }
	
	
	
	
	
		
#outerTable {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
 	width: 1024px;
	/* 2/16/10 width changed from 817 */
}
	
#innerTable {
	background-color: #FFFFFF;
	margin: 20px 20px 20px 20px;
	padding: 0px 0px 0px 0px;
 	width: 1000px;
	/* 2/16/10 width changed from 733 */
}
	
#contentTable {
	background-color: #FFFFFF;
	margin: 0px 20px 20px 20px;
	padding: 0px 0px 0px 0px;
 	width: 800px;
}
	
#headerLogo {
	padding: 0px 0px 10px 4px;
	}
	
#navBar {
	margin: 0px 0px 0px 4px;
	padding: 10px 0px 10px 0px;
	}
	

/***********************************************/
/* WebApp styles                             */
/***********************************************/