/* -------- Author: Aaron M. Souza 2008 --------  */

body		{
		text-align: center;
		font-family: arial,"ms trebuchet",verdana,sans-serif;
		color: black;
		font-size: small;
		background-image: url(images/orangeblack.jpg);
		background-repeat: repeat-x;
		background-position: 0 0;
		background-color: #000000;
		}

#wrapper	{
		width: 960px;
		border: 1px solid black;
		margin: 0 auto;
		text-align: left;
		background-color: #ffffff;
		}

#header 	{		
		border: 1pt black;
		margin-bottom: 10px;
		padding-left: 5px;
		padding-bottom: 2px;
		padding-top: 6px;
		}

/* -------- Top Navigation --------  */      

#topnav		{
		float: right;
		width: 530px;
		padding: 0px;
		height: 14px;
		margin-top: 40px; 
		margin-right: 15px;
		}

#navbar ul 	{
		text-transform: uppercase;
		font-size: 115%;
		width: 540px;
		padding: 0px;
		list-style: none;
		padding-top: 4px; 
		padding-bottom: 2px;
		margin: 0px;
		} 
	
#navbar ul li 	{
		float: left;
		margin: 0 5px 0 5px;
		}
	
#navbar ul li a:link, #navbar ul li a:visited, #navbar ul li a:active 
		{
		float: left;
		font-size: 90%;
		display: block;
		background-color: transparent;
		text-decoration: none;
		color: #000000;
		padding-left: 20px;
		}

#navbar ul li a:hover, #navbar ul li a:focus 
		{
		float: left;
		font-size: 90%;
		display: block;
		background-image: url(images/oarrow.jpg);
		background-repeat: no-repeat;
		background-position: 2px 0;
		text-decoration: none;
		color: #FF9900;
		padding-left: 20px;
		}

#navbar ul li a.current
		{
		float: left;
		font-size: 90%;
		display: block;
		background-image: url(images/oarrow.jpg);
		background-repeat: no-repeat;
		background-position: 2px 0;
		background-color: transparent;
		text-decoration: none;
		color: #000000;
		padding-left: 20px;
		}

#navbar ul li a.current:link, #navbar ul li a.current:visited, #navbar ul li a.current:active 
		{
		float: left;
		font-size: 90%;
		display: block;
		background-color: transparent;
		text-decoration: none;
		color: #FF9900;
		padding-left: 20px;
		}

#navbar ul li a.current:hover, #navbar ul li a.current:focus 
		{
		float: left;
		font-size: 90%;
		display: block;
		background-image: url(images/oarrow.jpg);
		background-repeat: no-repeat;
		background-position: 2px 0;
		text-decoration: none;
		color: #FF9900;
		padding-left: 20px;
		}

/* -------- End Top Navigation --------  */

/* -------- Sidebar Navigation --------  */

#subwrap	{
		width: 954px;
		text-align: center;
		}

#sidenav 	{
		width: 130px;
		float: left;
		min-height: 450px;
		margin-left: 8px;
		text-align: left;
		padding-left: 5px;
		}
	
#sidebar	{
		background-color: #ffffff;
		}

#sidebar a:link, #sidebar a:active, #sidebar a:visited
		{
		margin: 20px 0 20px 0;
		display: block;
		}

#sidebar a:hover, #sidebar a:focus 
		{
		margin: 20px 0 20px 0;
		display: block;
		} 

/* -------- End Sidebar Navigation --------  */ 

/* -------- Content --------  */

#content 	{
		float: right;
		width: 790px;
		background-image: url(images/leftorange.jpg);
		background-repeat: repeat-y;
		background-position: 0 0;
		text-align: left;
		margin-left: 3px;
		margin-right: 3px;
		}

#footer 	{
		width: 960px;
		text-align: center;
		clear: both;
		font-family: arial,"ms trebuchet",verdana,sans-serif;
		color: #333333;
		background-image: url(images/footerbg.jpg);
		background-repeat: repeat-x;
		background-position: 0 0;
		background-color: transparent;
		font-weight: 500;
		font-size: 85%;
		padding: 15px 0 10px 0;
		}

h1		{
		font-family: "Lucida Grande", Verdana, Arial, Tahoma, sans-serif;
		color: #FF9900;
		font-size: 160%;
		font-weight: normal;
		padding: 6px 6px 2px 15px;
		}

h2		{
		font-family: arial,"ms trebuchet",verdana,sans-serif;
		color: #3366CC;
		font-size: 116%;
		padding: 6px 6px 2px 15px;
		}

h3		{
		font-family: arial,"ms trebuchet",verdana,sans-serif;
		color: #3366CC;
		padding: 0px 5px 0px 15px;
		font-size: 100%;
		}

p		{
		font-family: arial,"ms trebuchet",verdana,sans-serif;
		font-size: 90%;
		text-align: justify;
		padding: 0px 12px 0px 15px; 
		}
		
img.logolink	{
		border: none;
		}

a.reg:link, a.reg:active, a.reg:visited  
		{
		font-size: 100%;
		color: #3366CC;
		font-weight: 800;
		text-decoration: none;
		}
	
a.reg:hover, a.reg:focus 
		{
		font-size: 100%;
		color: #FF9900;
		font-weight: 800;
		text-decoration: none;
		}

a:link, a:active, a:visited  
		{
		font-size: 95%;
		color: #3366CC;
		font-weight: 800;
		text-decoration: none;
		}
	
a:hover, a:focus 
		{
		font-size: 95%;
		color: #FF9900;
		font-weight: 800;
		text-decoration: none;
		}

a.foot:link, a.foot:visited, a.foot:active 
		{
		font-size: 95%;
		color: #3366CC;
		font-weight: bold;
		text-decoration: none;
		border: none;
		}

a.foot:hover 
		{
		font-size: 95%;
		color: #FF9900;
		font-weight: bold;
		text-decoration: none;
		border: none;
		}

#br	
		{
		clear: both;
		}

img.right	{
		margin: 1px 14px 10px 16px; 
		float: right;
		border: 1px solid black;
		}

img.sidelinkpics
		{
		border: 0;
		}

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

ul.contact li
		{
		list-style-type:none;
		font-weight: 600;
		font-size: 100%;
		}

iframe.map
		{
		margin: 0px 70px 0px 78px;
		border: 1px solid black;
		}

table.request
		{
		margin: 4px auto;
		}

hr.request	{
		color: #3366CC;
		}

#photobox
		{
		width: 330px;
		float: right;
		padding: 2px 0px 4px 19px;
		}

img.photobox
		{
		margin: 2px 10px 14px 3px;
		border: 1px solid black;
		}
#photoboxnarrow
		{
		width: 230px;
		float: right;
		padding: 2px 2px 6px 24px;
		}

img.photoboxnarrow
		{
		margin: 2px 10px 22px 2px;
		border: 1px solid black;
		}

img.photoboxnarrow2
		{
		margin: 2px 10px 22px 2px;
		border: none;
		}

img.large
		{
		border: 1px solid black;
		margin: 0px 0px 10px 20px;
		}

#morepicsbox	{
		float: left;
		margin: 4px 10px 4px 40px;
		}

img.morepics
		{
		border: 1px solid black;
		margin: 5px 10px 5px 0px;
		}

/* -------- End Content --------  */

/* -------- Color Selection --------  */

#colors
		{
		width: 700px;
		height: 395px;
		margin: 20px auto;
		padding-bottom: 10px;
		border-top: 1px solid #FF9900;
		border-bottom: 1px solid #FF9900;
		}

a.col:link, a.col:visited, a.col:active 
		{
		font-size: 85%;
		color: #3366CC;
		margin: 22px 22px 10px 30px;
		font-weight: bold;
		float: left;
		text-decoration: none;
		border: 0px;
		}

a.col:hover 
		{
		font-size: 85%;
		color: #FF9900;
		margin: 22px 22px 10px 30px;
		float: left;
		font-weight: bold;
		text-decoration: none;
		border: 0px;
		}

img.cols	{
		border: 1px solid black;
		}

/* -------- End Color Selection --------  */

/* -------- FAQ --------  */

dt		{
		font-family: arial,"ms trebuchet",verdana,sans-serif;
		color: #3366CC;
		font-size: 90%;
		text-align: left;
		font-weight: 600;
		padding: 0px 12px 0px 15px; 
		}

dd		{
		font-family: arial,"ms trebuchet",verdana,sans-serif;
		font-size: 90%;
		text-align: left;
		padding: 0px 12px 0px 15px; 
		}

dd.indent	{
		font-family: arial,"ms trebuchet",verdana,sans-serif;
		font-size: 90%;
		}

/* -------- End FAQ --------  */