﻿body         { background-color:#FFF; margin-left:auto; margin-right:auto; margin-top:0px; 
max-width:1200px; 
color: black; font-size: 100%; font-family: Tahoma, Arial, sans-serif; line-height: 1.4em; }

#screen	{
	background-color:#F0F0DC;
	background-image: url('../images/fill4.gif');
background-repeat: repeat-x;

}


a:link       { color: #00f; }
a:active     { color: #000080; }
a:visited    { color: #000000; }
a:hover      { color: #000080; }


p            { margin-top: 0; margin-bottom: 1.5em;
	margin-left: 20px;
}

p.image	{
	margin-bottom: 0;
}
.regards  {
	margin-bottom:0; font-size:100%; color:black;
} 
.signature  {
	margin-bottom:0; font-size:100%; color:blue; 
} 
.singlespace  {
	margin-bottom:0; font-size:100%;
} 

blockquote {
	font-style:italic
}
img {
	max-width:100%;
	border:none;
}



h1           { margin:0; font-size: 160%; color: black; }
h2           { font-size: 140%; color: navy; margin-top: 1.5em; margin-bottom: 0.5em; }
h2:first-child {
	margin-top: 0.5em;
}
h3           { font-size: 120%; color: navy; margin-top: 1.5em; margin-bottom: 0.5em; }
h4           { font-size: 100%; color: navy; margin-top: 1em; margin-bottom: 0.5em; }
h5           { font-size: 90%; color: navy; margin-top: 0.5em; margin-bottom: 0; }
h6           { font-size: 80%; color: navy; margin-top: 0.5em; margin-bottom: 0; }
.wec         { font-size: 80%; }
sup          { font-size: 60%; font-weight: normal; }

ol           { margin-top: 0; margin-bottom: 2em; }
ol  ol         { margin-top: 0; margin-bottom: 1em; }

ol li		{
	margin-bottom:0.5em;
}
ol li li	 {list-style-type: lower-alpha; margin-bottom:0.5em;}
ol li li li  {list-style-type:lower-roman; margin-bottom:0.5em;}
ol li ul li  {
	list-style:none;
}
ul           { margin-top: 0; margin-bottom: 2em; }
ul ul		{
	margin-top: 0; margin-bottom: 0.5em; 
}
ul li        { list-style-type: square; margin-top: 0; margin-bottom: 0.5em; }
ul li li     { list-style-type: disc; margin-top: 0.5em; margin-bottom: 0.5em;  }
dt           { margin-top: 1em; margin-bottom: 0; font-weight: bold; font-size: 105%; }
dd           { margin-bottom: 1em; }
label        {
	display:block; margin-top: 0.5em;
}
legend      {
	font-size: 110%; color: navy;
}
.required {
	font-style: normal; color: red;
}
table, thead, tr, td, th  { border: none; }

table {
	border-collapse: collapse;  width: 98%;
}
th   { font-size: 105%; color:navy; font-weight: bold; text-align: left; vertical-align:bottom;}

tfoot	{ color: navy; margin-top: 1.5em; font-weight: bold; border-top: medium solid black; 
	
}
caption      { font-size: 120%; color: navy; margin-top: 1em; margin-bottom: 0.5em; font-weight:bold;  }

th, td       { padding: 5px; border-bottom: 1px solid black; }

thead { background-color: rgb(220, 225, 170); border-bottom: medium solid black; border-top:medium solid black;}

textarea {
  width:100%;
}

#logo    { border: 2px solid black; margin: 0 0 10px 10px; clear:both; }

#header {
	margin: 0px 0px 0px 10px;
	padding: 5px 5px;
	background-image: none;
	background-position: left center;
	background-repeat: no-repeat;
}

#header h1 { margin-top:.5em;
	 padding:10px 0 10px 0px; font-variant:small-caps; 
	 }


/*  this code extends white above the navMain bar

#home #header h1 { 
	 float:left; padding:10px 0 10px 20px;}
	 
	 
Thickens the header	 
	 
#home #header {
	
display:inline; background-image:none; padding: 5px 5px;
}

*/

	
#home #header img {
	float:left; padding:10px 0 10px 10px; border:none;
	}

.green {
	background-color: rgb(220, 225, 170); text-align:center;
}

.navy	{
	color:navy; 
}

.pdf2 {
	background-image:url('../images/pdficon_small.gif'); background-position:right; background-repeat:no-repeat; 
}
  


#mainNav {
	 background-color:navy; float:left; width:100%; margin:0;  
}
#mainNav h4 { color:#f0f0dc; margin-left:40px; clear:right;
	
}

#mainNav ul {
	margin-bottom:0;
}

#mainNav li {
	float:left; list-style:none; display:block; line-height:1.2em; margin:0; padding:0; 
	Background:navy; text-align:center; width:100px;
}

#mainNav li li {
	float:none; list-style:none; display:list-item; line-height:1.2em; margin:0 0 0 -40px; padding:0; 
	Background: #3333FF; text-align:left; position:relative; width:150px; 
}


#mainNav li li li {
	float:none; list-style:none; display:list-item; line-height:1.2em; margin:0 0 0 -30px; padding:0; 
	Background:#0000FF; text-align:left; position:relative; width:100%; 
}


#mainNav a {
	list-style:none; display:block; margin:0 5px; padding: 4px 8px; text-decoration:none; color:#f0f0dc;
}

#mainNav a:hover, body#home #t-home a, body#about #t-about a, body#services #t-services a, body#general #t-general a, body#bio #t-bio a, 
body#contact #t-contact a, body#toc #t-toc a { 
	color: navy; background-color:#f0f0dc;
}


#mainNav ul ul {
	display:none; Background: #3333FF; width:180px; 
}

#mainNav ul li:hover > ul{
	display:list-item;  position:relative; list-style:none;

	}

/*  Use if adding logo to home page

#home #mainNav h4 { 
	 float:left;}


#home #mainNav h4.spaceright { 
	 float:left; padding-left:80px; }
	 
#home #mainNav ul {
	clear:left;
}
	
	


#privacy {
text-align:right; position:relative; top:2.5em; margin-top:0em; margin-bottom:0em;
  }
  
  From Photography by Marcus
	#privacy {
	float:right; font-size: 100%; color: navy; margin-top: 1em; margin-bottom: 0.5em; font-family: Tahoma, Verdana, sans-serif; 
}
#privacy a {
    text-decoration: none;
}

#privacy a span {
    display: none;
}

#privacy a:hover span {
    display: block;
    position: relative;
}
#privacy h4 {
	margin:0; position:relative; top:1.0em;
}


*/

#privacy {
	float:right; margin-top:0em; margin-bottom:0em; padding:0; text-align:left; position:relative; top:2.5em; 

}
#privacy a {
    text-decoration: none; font-weight:bold;
    
    }

#privacy a span {
    display: none; font-weight:normal;
}

#privacy a:hover span {
    display: block;
    position: relative;
}

#privacy a:hover span a {
	text-decoration:underline;
}

.controls label, input {
	display:inline;
}
.clear {
	clear:both;
}

.floatclear {
	float:right; clear:both;
}

.indent {
	clear:both; padding-left:20px; padding-right:20px;
}

#main	{
	clear:both; float:left; width:69%; margin-right:0%; margin-left:1%;
}

#mainonly {
	clear:both;
}

#mainonly {
	padding:10px 20px;
}

#mainonly div {
	padding:10px 20px;
}


#main div {
	padding-left:20px; margin-left:20px;
}


#main div.imgcaptionleft {
	margin-left:0px; padding-left:0px;
	}

#main img.logo {
	float:right; margin: 5px 5px 5px 10px; border: none;
}


#wp        {  background: white; margin:10px; padding: 10px 10px;}

#homepage       {  background: white; margin:10px 30px; padding: 10px 10px;}



.right      { float: right; border: none; margin: 5px 0 5px 10px; }

.rightclear      { float: right; border: none; margin: 5px 0 5px 10px; clear:right; }


.left	{
	float:left; border:none; margin: 5px 20px 5px 0;
}



.imgcaption {
	float:right; margin-top:10px; font-weight:bold; width:250px;
}

.imgcaption400 {
	float:right; margin-top:10px; width:400px; font-weight:bold;
}

.imgcaption400border {
	float:right; margin-top:10px; width:400px; font-weight:bold; border:medium gray; border-width:medium; border-style:solid;
}


.imgcaption600 {
	 margin-top:10px; width:80%; font-weight:bold;
}



.imgcaptionleft {
	float:left; margin-top:0px; margin-left:0px; margin-right:10px; width:250px; font-weight:bold; 

}

.imgcaptionleft div {
	margin-left:0px; padding-left:0px;
}


#links ul {
	margin:0; padding:0; list-style-type:none; font-size:105%;
}


#links li, #links a {list-style:none; line-height:1.5em;	
}

#links li li {
	padding-left:10px; font-size:90%;
}	


#links	{
	float:right; width:28%; margin-right:1%; 
}
#links div	{
	padding:10px 10px 0 10px;
}
#mainleft {
	clear:both; float:left; width:28%; margin-left:0%; margin-right:3%;
}
#mainright {
	float:right; width:62%; margin-right:1%; margin-left:5%;
}
#mainright h2 {
	margin-top:10px;
}

#mainleft div {
	padding-left:10px;
}
#mainleft div, #mainright div {
	margin-top:10px; 
}

#mainright div:first-child {
	padding-right:10px; padding-left:60px;
}

	
img#Marc	{
	border:none; padding-left:30px;
}

#footer {
	clear:both;  margin:0; list-style:none; padding:5px 10px; background-color:#f0f0dc; border-top:1px solid navy; border-bottom:1px navy solid;

}
#footerNav {
	float:left; width:80%;
}
#footerNav li {
	float:left; display:block; margin:0; padding:0 15px; text-align:center;
}
#footertext h6.textright {
	text-align:right; position:relative; bottom:2em; 
}

#footertext {
	clear:both; 
}


#siteSeal {background-image:url('../images/siteseal_base_lite.gif'); background-repeat:no-repeat; color: #6a9cba; 
 font-size: 6pt; line-height: 4em; width: 132px; height: 31px; text-align:center; font-weight:bold; 

}


.button {
	border:none;
}


.pdf {
	background-image:url('../images/pdficon_small.gif'); background-repeat:no-repeat; padding-left: 34px; 
}



.textleft, th.textleft, td.textleft {
	text-align:left;
}

.textcenter, td.textcenter {
	text-align:center;
}


th.thickleft, td.thickleft {
	border-left:thick black solid; text-align:center; background-color: rgb(220, 225, 170);
}
.fixwidth, th.fixwidth {
	width:50%;
}


#share {
  float:right;
  text-align:center;
  }
  
#share p, #follow p {
  margin:0;
  font-size:80%;
  font-weight:bold;

}

#follow {
  clear:both;
  display:block;
    text-align:center;
}

img#rightno      { float: right; margin:0px 40px 10px 0px; border:none; } /*Signature */

a#right	{
  float:right;
}

input.button {
	border:thin black solid;
	font-size:large;
	
}
@media (max-width: 600px) {
	
	.imgcaption600 {
	width:90%
}
	#mainleft {
	clear:both; width:98%; margin-left:1%; margin-right:1%; float:none;
		}
	#mainright {
	float:none; width:98%; margin-right:1%; margin-left:1%;
		}
	
#mainright div:first-child {
	padding-right:0px; padding-left:5px;
}

#mainNav h4 { color:#f0f0dc; margin-left:10px;
	
}
		
#mainNav li {
	font-size: 140%; line-height: 1.6em; width:140px;
		}

#mainNav li li{
	font-size: 90%; line-height: 1.4em;  margin-left:-30px; width:200px;
		}

#mainNav li li li {
	float:none; list-style:none; display:list-item; line-height:1.4em; margin:0 0 0 -10px; padding:0; 
	Background:#0000FF; text-align:left; position:relative; width:100%; font-size: 100%;
}

#mainNav ul ul{ margin-left:-30px; 
	
}			
	
	#main, #links	{
	float:none; width:98%; margin-right:1%; margin-left:1%;
		}
	
	#privacy {
	float:none; position:relative; top:0.5em; margin-left:10px;
}


#footer {
	padding:5px 0px;
}
#footerNav {
	float:left; width:100%;
}

#footerNav li {
	float:left; display:block; margin:0; padding:10px 20px; text-align:center; 	font-size: 120%; 

}

#footertext h6.textright {
	text-align:right; position:relative; bottom:0.5em; 
}
		

#homepage       {  background: white; margin:0px 0px; padding:0px 0px;}
#main div {
	padding-left:5px; margin-left:0px;
		}
	
#mainonly {
	padding:0px 0px;
		}

#mainonly div {
	padding:10px 20px;
		}
	#wp        {  background: white; margin:0px; padding:0px 0px;}

} /*end @media */


/*

@media (max-width:1000px) and (min-width:600px) {
	.imgcaption600 {
	width:50%

	
	#footertext h6.textright {
	text-align:right; position:relative; bottom:0.5em; 
}

	#main	{
	float:none; width:98%; margin-right:1%; margin-left:1%;
		}
	
	#links	{
	float:none; width:98%; margin-right:1%; 
		}

}
*/
