body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset,
input, p, blockqoute, th, td
{margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6
{ font-size : 100%; }

ol, ul
{ list-style : none; }

address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

table
{ border-collapse : collapse; border-spacing : 0; }

fieldset, img
{ border : 0; }

caption, th
{ text-align : left; }

q:before, q:after
{ content : ''; } 




/* normalize info above */




	
	html, body {
		margin: 0;
		padding: 0;
		font: 85% century gothic, arial, helvetica, Verdana, sans-serif;
		font-size: 12px;
		text-align: center;
		color: black;
		}

		body {
			 background-color: white; 
 			 background-image: url(lettering2.png); 
 			 background-repeat: no-repeat; 
 			 background-position: 13px -25px;  /* position background image to come from container */
 			 background-attachment: fixed; 
			 }






	#container
	{
	position: relative;
	z-index: 2;
	width: 711px;
	text-align: left;
	border-left: 7px;
	background-color: #FFFFFF;
	border: thin solid #CCCCCC;
	margin:  4em auto;              /* push top of container down from top of page */
	}
		
		




						/* HEADER */




		div#header
	{
	position: relative;
	z-index: 10;
	height: 150px;
	background-color: white;
	background-image: url(); 
	background-repeat: ;
	width: 711px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	text-indent : -9999px;	
		margin: 0;
		padding: 0;}
		

	


		div#header h1	
	{
	position: absolute;
	z-index: 2;
	float: left;
	background : transparent url(logo1.png) no-repeat;
	width : 299px;
	height : 150px;
	top: 3px;
	left: 0px;
	text-indent : -9999px; 
	}


div#header blockquote {
position: absolute;
top : -9999px;
}




div#header p {
					position: absolute;
					float: right;
					z-index: 10;
					text-indent : -9999px;
					background-image: url(rightlettering.png); /* right header design */
					background-repeat: no-repeat;
					width : 275px;
					height : 178px;
					top: -33px;
					right: -40px;
					}










						/* MAINNAV */



div#mainnav h2
	{
	position: absolute;
	text-indent: -9999px;
	}



#mainnav
	{
	position: relative;
	background-color: #313231;
	color: #666666;
	margin-bottom: 0px; /* CONTROLS space between bottom mainnav and content */
	height: 27px;
	width: 711px;
	padding-top: 2px; /* look of space between mainnav and navbar */
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	border: 1px solid #999999;
	}
	
	#mainnav ul
	{
	margin: 0 0 0 3px; /*space between list and mainnav*/
	padding: 0;
	list-style-type: none;
	width: 695px;
	}
	
	#mainnav li
	{
	display: inline;
	
	}
	
	#mainnav li a
	{
	text-decoration: none; /* takes out underline */
	color: #ffffff; /* this style control actual links */
	background: #313231; /* background color of box link. apply white */
	padding: 5px 0; /* control space of top and bottom of box link */
	width: 100px;
	text-align: center; /* center text in box link */
	font-family: "Century Gothic"; /*Main nav type */
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.2pc;
	float: left;

	}
	
	#mainnav li a:hover
	{
		
		color: #FFFFFF;
		background-color: #0099FF;
		background-image: url(button2.jpg);
	}







					/* RIGHTNAV */






	#rightnav {
	float: right; /* right nav always above content in order to float */
	width: 160px;
	height: 290px;
	margin-top: 5px; /* PUSH RIGHT NAV DOWN TO LINE UP WITH CONTENT INFO */
	margin-right:5px;
	padding-top: 1em;
	border-left-style: solid;
	border-left-color: #333333;
	border-left-width: 1px;
	background-color: white;
	}
		

	#rightnav.padding {
	padding: 25px;
	}


	#rightnav h4
	{
	color: #0099ff;
	background-color: transparent;
	font-size: 16px;
	font-weight: normal;
	font-family: "Franklin Gothic Demi";
	margin-bottom: -9px;           /* space between h4 and p */
	padding-left: 10px;           /* space between rightnav border and h4 */
	}



	.darkgrey {
	color: #636363;
	}

	#rightnav p
	{
	
	background-color: transparent; /* Content body text */
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
	letter-spacing: 0.8px;
	font-family: "Century Gothic";
	font-size: 12px;
	line-height: 14pt;
	margin-top: 12px;          /* Space between Paragraphs */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 5px;
	}



	#rightnav ul {
	padding-left: 10px;
	margin-top: 10px;
	}
	

	#rightnav a:link {
	color: #06a5f4;
	text-decoration: none;
	padding-right: 20px;
	}


	#rightnav a:hover {
	color: #707070;
	padding-left: 10px;
	}



	#rightnav a:visited {
	text-decoration: none;
	color: #06a5f4;
	}





			/* MAINCONTENT */





	
	#maincontent	
	{
		
		margin-top: 0px;
		margin-bottom: 10px;
		margin-right: 160px;
		padding: 10px;
		border-color: #008000;
		border-width: 2px;
		text-align: left;
		clear: none;
	}

	#maincontent.padding {            /* PADDING FOR CONENT BORDER */
	padding: 25px;
	positive: relative;
}


#maincontent p {
	color: #555555;
	background-color: transparent; /* Content body text */
	font-size: 14px;
	padding-left: 0px;
	letter-spacing: 0.8px;
	font-family: "Century Gothic";
	font-weight: normal;
	line-height: 12pt;
	margin-top: 9px; /* Space between paragraphs */
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 2px;}

	
#maincontent h2	
	{
	color: #999999;
	background-color: transparent; /* Content HEADER type */
	font-family: "Century Gothic";
	font-size: 30px;
	font-weight: 100;
	word-spacing: -0.19em; /* controll word spacing or tracking */
	padding-left: 2px;
	position: absolute;
	float: left;
	background : transparent url(who-I-am2.gif) no-repeat;
	width : 540px;
	height : 128px;
	top: 100px;
	left: 115px;
	text-indent : -9999px; 
	border-bottom: 1px solid #CCCCCC;
	}

	
#maincontent h3	
{
font-family: "Century Gothic";
font-size: 20px;
font-weight: bold;
color: #636363;
margin-left: 0px;
}





/* POSITIONING FOR IMAGES */





#maincontent ul {       /* makes images list relative to everything in it */
 position: ;
padding-top: 0px;    /* gives space to put images */
border: ;
margin-top: 0px;
}

#maincontent ul img {
margin-top: 23px;   
border: 1px solid #c2c2c2;
position: ;
padding: 1px;
}


#maincontent ul h5 { 
	color: #707070;
	font-size: 15px;
	padding-left: 0px;
	letter-spacing: -1.5px;
	font-family: "Century Gothic";
	font-weight: bold;
	margin-bottom: -6px;
	margin-left: 2px;
	}






.headerhighlight {
	/* For CONTENT header */
	color: #0099FF;
	line-height: 0px;
	}

.highlightcolor {
	color: #0099ff;
	}








					/* FOOTER */




	
	#footer
	{
	clear: both;
	color: #959595;
	background-color: #EAEAEA;
	
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 5px;
	padding-bottom: 7px;
	font-size: 80%;
	font-family: "Century Gothic";
	font-weight: bold;
	letter-spacing: normal;
	line-height:15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: none;
	
	}


	
	#footer a {
	color: #0099FF;
	text-decoration: none;
}

	
	#footer a:hover {
	color: #636363;
}

	#footer #altnav {
	width: 350px;
	float: right;
	text-align: right;
}

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

a:active {
	text-decoration: none;
}

.style5 {
	font-size: 24px;
	font-weight: bold;
	color: #A4A4A4;
}
.style6 {color: #636363}
.style9 {
	font-weight: bold;
	font-size: 14px;
	color: #4AB9FF;
}
.style12 {color: #666666; font-weight: bold; }


.style15 {color: #4AB9FF}



					/* MAIN GAL*/


	#maingal	
	{
		
		margin-top: 12px;
		margin-bottom: 10px;
		margin-right: 160px;
		padding: 10px;
		border-color: #008000;
		border-width: 2px;
		text-align: left;
		clear: none;
	}

	#maingal.padding {            /* PADDING FOR CONENT BORDER */
	padding: 25px;
	
}


#maingal p {
	color: #666666;
	background-color: transparent; /* Content body text */
	font-size: 14px;
	padding-left: 0px;
	letter-spacing: 0.8px;
	font-family: "Century Gothic";
	font-weight: normal;
	line-height: 12pt;
	margin-top: 9px; /* Space between paragraphs */
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 2px;}

	
#maingal h2	
	{
	color: #999999;
	background-color: transparent; /* Content HEADER type */
	font-family: "Century Gothic";
	font-size: 30px;
	font-weight: 100;
	word-spacing: -0.19em; /* controll word spacing or tracking */
	padding-left: 2px;
	
	margin-left: 2px;
	}

	
#maingal h3	
{
font-family: "Century Gothic";
font-size: 20px;
font-weight: 500;
color: #313231;
margin-left: 0px;
}



.firstlinebold {color: #666666; font-weight: bold; font-size: 14px; letter-spacing: 0.8px; }



.headerhighlight {
	color: #06a5f4;
	line-height: 0px;
	}

.highlightcolor {
	color: #0099ff;
	}