/* reset */

html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size: 10px;}


div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border:0;
	vertical-align: baseline;
	background: transparent;
	}

img {margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin:0; padding:0; border:0;
	vertical-align:baseline;
	background:transparent;
	}
	
table { border-collapse:collapse; border-spacing:0;}

input, select, textarea, form, fieldset {
	margin:0; padding: 0; border: 0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section{
	display:block;}
	
h1,h2,h3,h4,h5,p,p1,li,blockquote,td,th,a,caption,em,strong,strike{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color:#000;
	}
	
ol,ul { list-style:none;}

/* global*/

html {}
body {background-color:gray;}

/* heading*/

h1,h2,h3,h4,h5,h6 { font-weight:bold;color:red;}

h1 {font-size:24px}
h2 {font-size:20px}
h3 {font-size:16px}
h4 {font-size:14px}
h5 {font-size:14px}

h1 img,h2 img,h3 img,h4 img, h5 img, h6 img {margin:0;}

/* text elements*/

p			{color:#000; font-size:12px; line-height:150%;}
p .left		{margin:1.5em 1.5em 1.5em 0; padding:0;}
p .right	{margin:1.5em 0 1.5em 1.5em; padding:0;}

a				{}
a:link			{color:#00f;	}
a:visited		{color:#000;	}
a:active		{color:#222;	}
a:focus			{color:#777;	}
a:hover			{color:#888;	}

blockquote		{color:#000; font-size:12px;}

strong 			{ font-weight:bold;}
em				{ font-style:italic;}

/* images*/

/* lists */

ul				{}
ol				{list-style-type:decimal;}

ul li			{color:#000; font-size:17px;}
ol li			{color:#000; font-size:12px;}

dl				{}
dt				{}
dd				{}

/* tables */

table		{width:100%;}

tr			{}
.odd		{background-color:#eee;}
.even		{background-color:#fff;}

th			{font-weight:bold;}
thead, th	{background:#ccc;}

tbody		{}

th,td,caption	{}
caption			{}

tfoot			{}
.tfooter		{background-color:#ccc;text-align:center;font-style:italic;}

caption			{background:#efefef;}

/*containers*/

#wrapper			{width:900px; margin:0 auto; background:white;}

#subject		{float:left; margin:0 0 0 10;}
#subject p		{color:white; font-size:15px; margin:8px 10px 4px 60px; }

#top				{background-color:#333333; width:100%; padding:px 0; overflow:hidden; 
						border-bottom:1px #C0C0C0 solid; }

#logo				{ float:left; border-top:2px white solid;}



#social-media		{float:right; margin:0px 0px 0px 0px; }
#social-media p		{color:white; font-size:11px; margin:10px 10px 0px 0px;}
#social-media img	{width:20px;height:20px; margin:0px 0px 0px 0px;  }
#social-media ul li	{display:inline;}

#bio		{ float:left; margin:0px 0px 0px 0px; }
#bio p		{color:black; font-size:11px; margin:50px 10px 4px 0px;}
#bio img	{padding:8px; border:1px #888888 solid; margin:10px 20px 20px 0px;  }
#bio ul li	{display:inline;}



#topnav				{ background-color:#333333; clear: both;width:900px;height:30px; border-bottom: 3px #C0C0C0 solid;}
#topnav ul			{width:100%; float:center;border-bottom:3px #0066FF solid; }
#topnav ul li		{display:inline; }
#topnav ul li a		{float:center; padding:10px 20px; }


#topnav a:link			{color:white;}
#topnav a:visited		{color:white;}
#topnav a:active		{color:white;}
#topnav a:hover			{color:white; background-color:#123CA6; }
#topnav a:focus			{color:white;}



 
#banner					{width:100%; background-color:#D5B687;
						 padding: 0 0; overflow:hidden;  }



#subbanner			{width:100%; background-color:#333333;
						 padding: 2px 0; overflow:hidden;  }

#subbanner p		{color:white; font-size:11px; margin:12px 0px 0px 10px;}

						 
#subbanner	h3		{color:white; font-size:15px; font-weight:bold;
					text-align:center; margin:  12px  0px   0px 20px;   }




						 
#content			{float:left; height:1000px;   width:650px; padding:20px; background-color:white;}
		
		
		
		
#content2			{float:left; height:2100px;   width:650px; padding:20px; background-color:white;}
#content2 p			{margin:0px 0px 0px 20px; line-height:160%;font-size:15px; }
#content2 p3			{margin:0px 0px 0px 20px; line-height:160%;font-size:14px; }
#content2 p1			{margin:0px 0px 0px 20px; line-height:160%;font-size:15px; }
#content2 h1			{margin:0px 0px 16px 20px; font-size:22px; 
					border-bottom:1px #777777 solid; padding:8px 0px;color:black; }

#content2 h2			{margin:10px 0px 12px 26px ;padding:2px;  font-size:20px;color:black;text-align:center;}
#content2 h3			{margin: 10px 0px 0px 20px ;padding:2px; font-size:15px;color:black; border-top:1px #777777 solid; padding:10px 0px;color:black; }

#content2 h5			{margin:0px 0px 12px 26px; font-size:2px; 
					border-bottom:1px #777777 solid; padding:1px 0px;color:black; }


	
	
	
					 
#content h1			{margin:0px 0px 16px 20px; font-size:22px; 
					border-bottom:1px #777777 solid; padding:8px 0px;color:black; }


#content p3			{margin:0px 0px 0px 20px; line-height:160%;font-size:14px; }


#content p			{margin:0px 0px 0px 20px; line-height:160%;font-size:14px; }

#content p1			{margin:0px 0px 0px 20px; line-height:160%;font-size:15px; }

#content h2			{margin:10px 0px 12px 26px ;padding:2px;  font-size:20px;color:black;text-align:center;}


#content h3			{margin: 10px 0px 0px 20px ;padding:2px; font-size:15px;color:black;

border-top:1px #777777 solid; padding:10px 0px;color:black; }


#content h5			{margin:0px 0px 12px 26px; font-size:2px; 
					border-bottom:1px #777777 solid; padding:1px 0px;color:black; }




#content img		        

#content iframe 		{padding:8px; margin:8px 0px 0px 68px; border:1px #888888 solid; }

#content a                      {margin:8px 0px 0px 0px; } 




#rightside			{padding:30px; float:right;  width:150px; height:1000px; background-color:#58ACFA; }
#rightside	h2		{margin: 15px 20px 10px 0px;font-size:18px; color:blue;border-bottom:1px #777777 solid; }
#rightside	p		{margin:0px 00px 0px 0px;   }
#rightside	p2		{margin:1px 0;   font-size:1px; }


#rightside	object		{margin:0px 00px 0px 0px; width:150px; height:306px;  }
 




#footer				{clear:both;background-color:black;padding:10px 0;  }
#footer p			{text-align:center;color:white; }









 

 ul {
    font-family: Arial ;
    font-size: 10px;
    margin:  0px;0px;0px; 0px;
    padding: 0;
    list-style: none;}

 ul li {display: block; position: relative;float: left;}

  li ul {display: none;}

 ul li a {
    display: block;
    text-decoration: none;font-size: 12px;
   
    border-top: 1px ;solid gray;
    padding: 9px; 20px; 0px; 20px;
    
    margin-left:  0px;
   }

  ul li a:hover {background: #123CA6;margin-left:  0px; }

 
 



/* forms*/

#contactform               {float:center; height:1px; text-align:left;margin:0px 0px 0px  145px;  font-size:12px;    width:50%; background-color:white;}

#contactform  textarea     {width:280px; height: 50px; background-color:#CCFFFF ; padding:-21px;margin:2px; }
	
#contactform input         {width:280px; height:16px; background-color:#CCFFFF;  margin:2px; margin-left:0px; float:left;}

#contactform p             {  float:center; margin:0,0,0,200px; margin-left:0px; background-color:white;  }

#contactform table         {  float:left; background-color:white;  }

#contactform button        { color:grey; padding:2px; margin-left:108px; float: left; background-color:white;  }



#footer2				{clear:both;background-color:white;padding:1px 0; }
#footer2 p		         	{text-align:center;color:white; }


#footer				{clear:both;background-color:black;padding:10px 0; }
#footer p			{text-align:center;color:white; }