/* CSS Document
/* CSS designed by FAR Studio Designs */
/* Fall 2008 */

/* Colors
  Background Red:  		#6e0700
  Background ochre:  	#af5f1b
  Background blue:		#192637
  Text gold:			#cb7f08
  Text red:				#891503
  Text dark red:		#bf0d0d
  Text Brown:			#281606
  parchment:			#f2c898

*/
  
html	{height:100%;}

body 	{color: #000;  
		background:  #060e19 url(SfHArt/bg_comingsoon.jpg) fixed repeat-x;
		font-family: Verdana, Arial, sans-serif;
		font-size: 62.5%;
		height: 100%;
		}
*		{
		margin:0; padding:0;
		}		

h1		{height: 12px;	/* image replacement */
		width: 200px;
		text-indent: -9000px;
		}
h2, h3, h4, h5	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		margin: 20px 0 6px;
		}
h2 		{color: #891503;
		font-size: 2.5em;
		}
	
h3 		{color: #000; 
		font-size: 2em;
		}
h4		{color: #f2c898;
		font-size: 1.9em;
		}

a		{color: #cb7f08; 
		text-decoration: none;
		font-style: italic;
		}
a:visited {color: #bf0d0d;}
a:hover 	{color: #f2c898;}
a:active	{color: #f2c898;}
		
img		{
		border: none;
		padding: 5px 0;
		}
li		{
		font-size: 1.4em;
		list-style-type:none;
		margin: 5px 20px 10px 30px;
		}
p 		{
		font-size: 1.5em;
		margin: 6px 10px 12px 20px;
		}
table	{
		background: #6e0700 url(SfHArt/main_red_bg.jpg);
		border: 3px solid #f2c898;
		margin: 16px 18px;
		}
	td	{
		color: #999;
		padding: 3px;
		text-align:center;
		width: 80px;
		}	

		
/* id  */

#wrapper	{  
			background: #000 url(SfHArt/main_wrapper_bg.jpg) repeat-y;

			position: relative;
			margin: 0 auto; 
			width: 1000px;
			height: 100%;
			min-height: 100%;
			height: auto !important;	
			}
							
#header	{
			background: transparent url(SfHArt/main_header.jpg); 
			background-repeat: no-repeat;
			background-position: 0 0px;
			height: 239px;
			margin: 0;
			}						
/* Menu  */			
#menu	{
			color:#f2c898;
			left: 56px;
			position: absolute;
			top: 190px;
			.top: 186;
			}
	
	#menu	ul	{float:left;
				padding: 0px 0 8px 0;
				}
	#menu	li	{
				font-size: 1.7em;
				margin-left: 4px;
				}							 


/*  Drop Down Menus adapted from CSSnewbie.com  and Suckerfish */
				
#nav, #nav ul {     
			padding: 0px;     
			margin: 0; 
			list-style: none;    
			z-index: 999; 
			} 
		#nav a:link 		{     
					color: #f2c898;
					display: block;
					width: 2em; 	
					} 
		#nav a:visited 		{     
					color: #cb7f08;
					}
		#nav a:hover 		{     
					color: #891503;
					}

		#nav a:active {
					color: #f2c898; 
					}

		#nav li 	{     	
					background: #192637;
					border: 1px solid #f2c898;
					float: left;     
					margin: 2px;
					width: 6em; 
					}		
		#nav li ul 	{     
					position: absolute; 
					left: -999em; 
					width: 6em;
					} 		
		#nav  li a	{
					display: block;
					}

		#nav li ul 	li { 
					font-size: .9em;
					width: 6.2em;
					.top:  1.4em;
					}    
		#nav li:hover ul {
					left: auto;
					}
		#nav li:hover li {
					float: none;
					.float: left;
					padding:4px;
					}
		#nav li:hover ul, #nav li.sfhover ul {
					left: auto; 
					margin: 0 2px;
					width: 100%;
					}
		#nav > li	{background: none; border:none;}
						
		#nav li span.soon a 		{     
					color: #000; background:url(SfHArt/main_forums.gif) no-repeat;
					padding: 0 40px;
					}		
		
		#nav li span.soon a:hover 		{     
					color: #000; 
					background:url(SfHArt/main_comingsoon.gif) no-repeat;
					padding: 0 40px 4px;
					}



#main	{
			height:100%;
			left: 20px;
			padding: 10px 0 100px 20px;
			position: relative;
			.top: 30px;
			width:600px;
			}
	#main	img	{
				margin: 0 20px 20px 10px;
				}

#sidebar {
			color: #f2c898;
			left: 730px;
			position: absolute;
			text-align:center;
			top: 260px;
			width: 260px;
			}	
	#sidebar	img	{
				margin: 10px auto;
				}
					
#footer	{
			
			background: #bf0d0d url(SfHArt/main_footer.jpg);
			clear: both;
			color: #cb7f08;
			font-size: .9em;
			height: 26px;
			padding: 12px 40px;
			position: relative;
			width: 920px;
			z-index: 10;
			}
/* Sticky footer code */

html, body, #wrapper {height: 100%;
			}
body > #wrapper		{height: auto; min-height: 100%;
			}									
			
.right		{float: right; }
.left		{float: left;}	
.clear		{clear: both;}

.down		{margin: 40px 0 0 0; }
.downmin	{margin: 10px 0 0 0; }	
.downmore	{margin: 50px 0 0 0; }	
		
.center		{margin: 0 auto;
			text-align: center;
			}		
			

#logon	{
			position: relative;
			top: 45px;
			left: 780px;
			}
	#logon	a	{
				background: url(SfHArt/main_signin.jpg) no-repeat;
				display: block;
				height: 35px;
				position: absolute;
				outline: none;
				text-indent: -900%;
				width: 154px;
				}						
	#logon	a:hover	{
				background-position: left bottom;
				}

	#logout	{
			position: relative;
			color: #fff;
			top: 45px;
			left: 780px;
			}
			
	#content {
			position: relative;
			background: #e5cba3 url(/SfHArt/test/screen_test1.jpg);
			width:570px;			
			height: 490px;
			font-size: 1.4em;
			margin: 30px 0px 20px 100px;
			padding: 20px;
			}

#taketest	{
			position: relative;
			top: 50px;
			left: 780px;
			}
	#taketest	a	{
				background: url(SfHArt/main_btn_test.jpg) no-repeat;
				display: block;
				height: 35px;
				position: absolute;
				outline: none;
				text-indent: -900%;
				width: 154px;
				}						
	#taketest	a:hover	{
				background-position: left bottom;
				}


.name	{
		color: #CCCCCC;
		font-size: 1.4em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-variant:small-caps;
		margin: 0 0 20px;
		}
.quote	{
		color: #cb7f08;
		margin: 1em 2em;
		}

		
	.fieldtop	{
			background: transparent url(SfHArt/main_parchment_top.jpg) no-repeat;
			height: 6px;
			margin: 0px 0 0 -30px;
			padding: 20px  40px 10px 30px;
			width: 618px;
			}
	.fieldmid	{		
			background: transparent url(SfHArt/main_parchment_mid.jpg) repeat-y;
			margin: 0px 0 30px;
			padding: 0px 40px 0px 30px;
			width: 618px;
			}
	.fieldend	 {
			background: transparent url(SfHArt/main_parchment_bot2.jpg) bottom no-repeat;
			height: 20px;
			margin: 10px 0 0px -40px;
			padding: 0px 20px 2px 50px;
			width: 618px;
			}
	.fieldmid	img {
			margin: 20px 20px 10px 40px;
			}

	.fieldmid	p {
			padding: 20px 40px 0 0 ;
			}
                  
.enrollform {
                position: relative;
                top: 10px;
                left: 0;
                padding: 0;
            }
                  
.enrolltext {
                font-size: 1em;
                font-variant: small-caps;
            }

.fieldbox		
				{
				padding: 8px;
				font-size: 1.1em;
				color: #e4c189;
				background: #7a1600 url(/SfHArt/test/entryfield.jpg);
				width: 303px;
				height: 18px;
				}	
.button_login {
			position: absolute;
			top: 450px;
			/*left: 430px;*/
			left: 10px;
			width: 136px;
			height: 38px;
			color: 	#e8c756;
			background: #7a1600 url(/SfHArt/button_login.gif);
			padding: 7px 42px;
			margin: 20px;
			border-top: 1px solid 	#491808; 
			border-left: 1px solid #482e0c;
			border-right: 1px solid #56260a;
			border-bottom: 2px solid #160d02;
		}