/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #FDF5E6 url (img/'back.png');
}

a:link {text-decoration: none;
		color:#8B0000}
a:visited {text-decoration:none;
			color:#00008B}
a:hover {text-decoration:underline;
			color:#008000}
a:active {text-decoration:underline;
			color:#8A2BE2}

#wrapper { 
 margin: 0 auto;
 width: 805px;
}
#header {
 color: #333;
 width: 805px;
 float: left;
 padding: 0px;
 border: 1px solid #FFF;
 height: 215px;
 margin: 10px 0px 0px 0px;
 background: #8FAB61;
}
img.banner {
	margin: 0 30px 0 30px;
	/*padding: 0 0 0 0;*/
	}
img.top { 
	margin: 0 0 0 0;
	float: left;
	}
#navigation {
 float: left;
 width: 785px;
 color: #FFF;
 padding: 10px;
 border: 1px solid #FFF;
 margin: 0px 0px 0px 0px;
 background: #622312;
}
#leftcolumn { 
 color: #FFF;
 border: 1px solid #ccc;
 background: #8FAB61;
 margin: 0px 0px 0px 0px;
 padding: 10px;
height: 850px;
 width: 130px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #FFF url('img/violin-scroll.png') no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 850px;
 width: 630px;
 display: inline;
 position: relative;
}

#rightcolumn p {
padding: 15px 25px 10px 25px;
margin-right: 25px;
text-align:justify;
font-size: 15px
}

img.figure {
float: left;
margin-left: 20px;
margin-right: 5px;
padding: 5px;
}

img.figureR {
float: right;
margin-left: 5px;
margin-right: 5px;
padding: 5px;

}

#rightcolumn h1 { font-size:18px}
#rightcolumn h2 {font-size:16px}

/*navigation bar - horizontal */
ul.nav
{list-style-type: none;
margin-left: 200px;
padding-left: 15px;
}

ul.nav li 
{display: inline;
}

ul.nav a:link 
{color: #FFEBCD; 
margin-right: 50px;
text-decoration: none}

ul.nav a:visited {
margin-right: 50px;
text-decoration: none;
color: #FFEBCD }

ul.nav a:hover {
text-decoration: underline;
color: #FFF}

ul.nav a:active {
text-decoration: none;
color: #F8F8FF }

/*navigation bar - veritcal*/
ul.navR
{list-style-type: none;
margin-left:20px;
padding:0;
}

ul.navR a:link {
color:#FFEBCD;
height: 30px;
line-height:30px;
text-decoration: none;
display:block
}
ul.navR a:visited{
height: 30px;
line-height:30px;
color: #FFEBCD;
text-decoration:none }

ul.navR a:hover {
color: #FFF;
text-decoration:underline }

ul.navR a:active {
text-decoration: none;
color:#F8F8FF}

/*form style*/
fieldset { 
float: left;    
clear: left;    
width: 100%;    
margin: 0 0 5px 0;   
padding: 0; 
border: 1px groove;
}  
legend {   
margin-left: 50px;   
color: #000000;   
font-weight: bold;  
}  

label {    
float: left;    
width: 200px;    
margin-right: 25px;
text-align: right;
}
fieldset ol {   
padding: 10px 10px 0 10px;   
list-style: none;  
}  
fieldset li {     
float: left;    
clear: left;    
width: 100%;
padding-bottom: 10px;  
}  
fieldset.submit {   
float: none;    
width: auto;    
border: 0 none #FFF;    
padding-left: 12em;  
}