/* XHTML Declarations */
body {
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-align:center; color: #000;
	}

* {margin:0; padding:0;} 

div#shadow {
	width: 764px; 
	margin: 0 auto; 
	padding: 0 10px 10px 10px;
	background: url(back.jpg) center top repeat;
}

/* Begin Page Layout Elements */
div#container {
	width: 744px; 
	margin: 0px auto; 
	text-align: left; 
	border: 1px solid #999;
	}
	
/* Begin Header DIV */
div#header {
	width: 744px; 
	height: 150px; 
 	background-color: #fff; 
	margin:0px; 
	padding:0px;
	}

div#navcontainer {
	width: 744px; 
	height: 20px;
	float: left;
	margin-left: auto;
	margin-right: auto; margin-top: -3px;
	background-image: url(nav_back.jpg);
}

div#nav ul {
	float: left;
	display: list-item; 
	list-style: none; 
	height: 5px;
	margin: 0 0 0 3px;
	padding: 2px;
	font-weight: bolder;
	}
	
/* This is an HTML hack to let IE Browsers display left most border for the listed menu items */
* html div#nav ul { 
	float: left;
	margin-left: 15px;
	padding-left: 20px;
	}
/* Creates horizontal list items */
div#nav li {
	float:left;
	list-style-type:none;
	padding-left: 15px;
	padding-right: 30px;
	}
	
* html div#nav li {
	float: left;
	list-style-type: none;
	padding-left: 45px;
	padding-right: 30px;
	}
	
a {
	padding: 0px;
	text-decoration:none;
	color:#fff;	
	}	
a:link {
		color:#ffffff; 
		font-weight: bolder;
		}
a:hover {
		color:#fff; background-color: #000;
		}
a:active {
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 0px;
		font-weight:bold;
		}
a.current:link {
		color:#fff; background-color: #000;
		}
a.current:visited {
		color: #000000;
		}
/* Begin Content DIV */
div#content {
		width: 744px; 
		background-color:#000000; 
		margin:0px; 
		padding:0px;
		}
		
em {
	color: #0000FF;
	font-weight: bold;
	font-size: .85em;
	}

		
h1 {
	font-family: Trebuchet MS;
	font-size: 20px;
	padding: 10px;
	margin-top: 20px;
}

h2 {
	font-family: Trebuchet MS;
	font-size: 16px;
	padding: 5px;
	margin-top: 5px;
}

h3 {
	font-family: Trebuchet MS;
	font-size: 14px;
	padding-left: 20px;
	margin-top: 5px;
}

		
#col1 {
	width: 372px; margin-left: 10px;
	}
#col1 img {
	border: 1px solid #999;
	padding: 10px;
	float: right
	}
	
#col1 p {
	  padding-bottom: 10px;		
     }


#col2 {
	float: left;
        padding-right: 30px; width: 300px; margin-top: -490px; margin-left: 420px
	}

#col2.right {
	float: left;
        padding-right: 30px; width: 300px; margin-top: -330px; margin-left: 420px
		}
		
#col2.mail {
	margin-top: -700px;
	}
		
#column2 {
  padding-right: 30px;
  width: 300px; 
  margin-top: -30px; 
  margin-left: 420px
	}
	
	h3 {
	font-family: Trebuchet MS;
	font-size: 14px;
	}
	
	embed {
	margin-bottom: 10px;
	}
	
 	p {
  	padding-bottom: 10px;
	}

	clear {
		clear: both
		}


#col2 h3 {
	font-family: Trebuchet MS;
	font-size: 15px;
	padding: 10px 0px;
}

#col2 p {
	  padding-bottom: 10px;		
     }

#col2 img {
		padding: 10px; border: 1px solid #999;
                float: left; margin-left: 40px; margin-top: 250px			
}

ul li {
	list-style: square;
	margin-left: 20px;
	}

#col2 img.partners {
	margin-top: 10px; 
	margin-left: -10px; 
	border: none
	}
	
p.partners {
	float: right;
	width: 200px; 
	}
	
 .quote 
{
	font-size: 1.3em;
	line-height:1.35em;
	/* font-style:italic; */
	color:#777;
	margin-bottom:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font: italic 18px/24px Georgia, "Times New Roman", Times, serif;
}
		
		

/* Begin Footer */
div#footer {
	clear:both;
	margin:0px auto;
	padding-top: 70px; padding-bottom: 20px;
	width: 372px; text-align: center;
	height: 10px;
        font-size: .75em;
}

#footer.longer {
	padding-top: 200px;
	}

#footer a {
	padding: 0px;
	text-decoration:none; font-weight: normal;
	color: #333;	
	}	
#footer a:hover {
 background-color: #fff;
}

/* Contact Form Settings */
div#form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	  font:100% verdana,arial,sans-serif;
	  margin: 0;
	  padding: 0;
	  min-width: 500px;
	  max-width: 600px;
	  width: 560px; 
	}
	
form fieldset {
	  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
	  border-color: #000;
	  border-width: 1px;
	  border-style: solid;
	  padding: 10px;        /* padding in fieldset support spotty in IE */
	  margin: 0;
	}
	
form fieldset legend {
		font-size:.75em; /* bump up legend font size, not too large or it'll overwrite border on left */
						   /* be careful with padding, it'll shift the nice offset on top of border  */
	}
	
form label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 150px; 
		padding: 0; 
		margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
		text-align: right; 
		font-size: .75em;
	}
	
form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
		text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
										/* pseudo-class on legend elements, but do support it on label elements */
										/* we instead underline first letter on each label element and accesskey */
										/* each input. doing only legends would  lessens cognitive load */
									   /* opera breaks after first letter underlined legends but not labels */
	}
	
form input, form textarea {
		/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
		width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
		margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
								  label aligns textarea better in IE */
								  font-size:12px;
	}
	
form input#reset {
		margin-left:0px; /* set margin-left back to zero on reset button (set above) */
	}
	
textarea { 
		overflow: auto; 
		}
	
form small {
		display: block;
		margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
		padding: 1px 3px;
		font-size: 88%;
	}
	
form .asterisk {
		font-style: normal;
		color: #990100; 
		}
form br {
		clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
	}
	
/* End of Form settings */

/* Copyright DIV styles */
div#copyright {
	text-align: center;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
}

div#copyright ul {
	list-style: none;
	}
	
div#copyright a {
	width: 50px;
	font-size: 9px;
	color: #000;
	font-weight: normal;
	padding: 5px;
}

p.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}