/* Colors
  Background Blue:  	#05080e
  Mid Blue:				#3a63aa
  Light Blue/grey:		#8498b6
  Main Field Cream: 	#faf4e3
  Border Brown:			#461f0b
  Sidebar bg			#3a63aa
  Text Brown:			#2d1905
  Cream					#f6ebc8
  
*/
  
html	{background: #05080e url(http://www.hero-u.net/leaders/wp-content/uploads/2014/02/hu_brick_texture.jpg);}
			

body 	{  
		background: url(http://www.hero-u.net/leaders/wp-content/uploads/2014/02/Hero-U_main_headerbg1.jpg) repeat-x;
		font-family: Verdana, sans-serif;
		font-size: 62.5%;
		margin: 0px; padding: 0px;
		}

body#home #top		{background: transparent url(http://www.hero-u.net/leaders/wp-content/uploads/2014/03/Hero_u_header-wide_winecellar.jpg) no-repeat;
			height: 400px;
			margin: 0 auto;
			position: relative;
			width: 1300px;
			z-index: 100 !important;
			}
#preorder #top		{background: transparent url(http://www.hero-u.net/leaders/wp-content/uploads/2014/03/Hero_u_header-wide-castle.jpg) no-repeat;
			height: 400px;
			margin: 0 auto;
			position: relative;
			width: 1300px;
			z-index: 100 !important;
			}

body#collect #top		{background: transparent url(http://www.hero-u.net/leaders/wp-content/uploads/2014/03/Hero_u_header-wide_collectible.jpg) no-repeat;
			height: 400px;
			margin: 0 auto;
			position: relative;
			width: 1300px;
			z-index: 100 !important;
			}
body#about #top		{background: transparent url(http://www.hero-u.net/leaders/wp-content/uploads/2014/03/Hero_u_header-wide_magic1.jpg) no-repeat;
			height: 400px;
			margin: 0 auto;
			position: relative;
			width: 1300px;
			z-index: 100 !important;
			}
body#alumni #top		{background: transparent url(http://www.hero-u.net/leaders/wp-content/uploads/2014/03/Hero_u_header-wide-darla1.jpg) no-repeat;
			height: 400px;
			margin: 0 auto;
			position: relative;
			width: 1300px;
			z-index: 100 !important;
			}
#cancel #top		{background: transparent url(http://www.hero-u.net/leaders/wp-content/uploads/2014/03/Hero_u_header-wide-castle.jpg) no-repeat;
			height: 400px;
			margin: 0 auto;
			position: relative;
			width: 1300px;
			z-index: 100 !important;
			}
*		{
		margin:0; padding:0;
		}		

h1		{
		height: 12px;	/* image replacement */
		text-indent: -9000px;
		width: 200px;
		}
h2, h3, h4, h5 {
		margin: 6px 0 20px;
		font-family: Georgia, "Times New Roman", Times, serif;
		}

h2 		{color: #3a63aa;
		font-size: 2em;
		margin: 20px 40px;
		}
		h2 a 	{color: #3a63aa;
		}
		h2 a:hover	{background-color: #05080e;
					color: #3a63aa;
					padding: 12px;
		}
	
h3 		{color: #281606;
		 margin-left: 12px;
		font-size: 2em;
		font-weight:normal;
		}
h4		{color: #cb7f08;
		margin: 20px 0 10px;
		font-size: 1.6em;
		}

a		{color: #af5f1b; 
		text-decoration: none;
		font-style: italic;
		}
a:visited {color: #bf0d0d;}
a:hover 	{color: #05080e;}
a:active	{color: #f1e4c2;}
		
img		{
		border: none;
		margin: 5px 20px 10px 20px;
		}
		img .floatleft {
			float: left;
		}
ul		{
		margin: 14px 30px;
		}
li		{
		list-style-type:none;
		font-size: 1.5em;
		}
#main	li
		{
			margin: 10px 40px;
		}
p {
		font-size: 1.5em;
		margin: 10px 10px 0 20px;
		}

table	{
		background: #f4efe1;
		border: 2px solid #cb7f08;
		}
	td	{
		font-size: 1.5em;
		padding: 10px;
		width: 124px;
		}	
	td.tdtitle	{
		background: #780f00 url(../../SfHArt/main_red_bg.jpg);
		border: 2px solid #cb7f08;
		color: #cb7f08;
		font-variant: small-caps;
		font-size: 1.6em;
		padding: 10px;
		}
		td.tdtitle a:link 		{     
					color: #f6ebc8;
					} 
		td.tdtitle a:visited 		{     
					color: #e5c574;
					}
		td.tdtitle a:hover 		{     
					color: #001d09;
					}
		td.tdtitle a:active 		{     
					color: #f6ebc8;
					}


	td.tdwide	{
		width: 320px;
		}

#preorder iframe	{
		margin-left: 40px;
		}
		
form	{
		font-size: 1em;
		margin: 16px 40px;
		}
		#cancel	form	{
			border: thin   #05080e;
			padding: 20px 40px;
		}
		
/* id  */


div#wrapper	{  
			background: #f6ebc8 url(http://www.hero-u.net/leaders/wp-content/uploads/2014/03/Hero-U_main_bg_light.jpg);
			background-repeat: repeat-y;
			height: 100%;
			min-height: 100%;
			height: auto !important;	
			margin: 0 auto; 
			position: relative;
			top: -20px;
			width: 1040px;
			}
	#preorder	#wrapper {
			background: #f6ebc8 url(http://www.hero-u.net/leaders/wp-content/uploads/2014/03/Hero-U_main_1column_bg1.jpg);
			width: 1036px;
			}
	#alumni	#wrapper {
			background: #f6ebc8 url(http://www.hero-u.net/leaders/wp-content/uploads/2014/03/Hero-U_main_1column_bg1.jpg);
	}
	#cancel	#wrapper {
			background: #f6ebc8 url(http://www.hero-u.net/leaders/wp-content/uploads/2014/03/Hero-U_main_1column_bg1.jpg);

			}
/* _________________________________________________Menu________________________________________________________________  */			

#menu	{
			left: 200px;
			position: relative;
			top: 354px;
			}

	
	#menu	ul	{float:left;
				}
	#menu	li	{
				font-size: 1.7em;
				}							 

/*  Drop Down Menus adapted from CSSnewbie.com  and Suckerfish */
				
#nav, #nav ul {     
			padding: 0px;     
			margin: 0 10px; 
			list-style: none;    
			z-index: 999; 
			} 
		#nav a:link 		{     
					color: #8498b6;
					display: block;
					width: 2em; 	
					} 
		#nav a:visited 		{     
					color: #8498b6;
					}
		#nav a:hover 		{     
					color: #faf4e3; 
					}
		#nav a:active 		{     
					color: #f6ebc8;
					}
		#nav li 	{     	
					background: #000;
					border: 2px solid #8498b6;
					color: #2d1905;
					float: left;     
					margin: 8px 10px;
					padding: 6px 12px;
					width: 6em; 
					}		
		#nav li ul 	{     
					position: absolute; 
					left: -999em; 
					top: 2.1em; 
					} 
		#nav  li a	{
					display: block;
					}
		#nav li ul 	li { 
					font-size: .9em;
					margin: 0;
					padding: 8px;
					.top:  1.4em;
					width: 6.2em;
					}    
		#nav li:hover ul {
					left: auto;
					}
		#nav li:hover li {
					float: none;
					.float: left;
					}
		#nav li:hover ul, #nav li.sfhover ul {
					left: auto; 
					margin: 2px;
					width: 100%;
					}
		#nav > li	{background: none; border:none;}

						
		#nav li span.soon a 		{     
					color: #000; background:url(../../SfHArt/classes/paladin_menu_forums.gif) no-repeat;
					margin: 2px 6px 0;
					padding: 6px 20px 0;
					width: 50px;
					}		
		#nav li span.soon a:hover 		{     
					color: #000; background:url(../../SfHArt/classes/paladin_menu_soon.gif) no-repeat;
					width: 56px;
					}

/*  Main
*******************************************************************************************************/
				
div#main	{
			left: 40px;
			padding: 0 0 60px;
			position: relative;
			top: 30px;
			width:580px;
			}
		#alumni	#main	{
			top: 30px;
			width: 900px;
		}
		#preorder	#main	{
			left: 60px;
			top: 30px;
			width: 920px;
		}
		#cancel	#main	{
			left: 60px;
			top: 30px;
			width: 920px;
		}
	
	#welcome	img {
			margin: 0px 20px 30px 20px;
			}
			
/*  Sidebar
*******************************************************************************************************/


#sidebar {
			color: #000;
			left: 660px;
			position: absolute;
			top: 62px;
			width: 340px;
			}	
		#sidebar .links a 	{     
					color: #f6ebc8;
					display: block;
					} 
		#sidebar .links a:visited 		{     
					color: #e5c574;
					}
		#sidebar .links a:hover 		{     
					background: #f6ebc8;
					color: #001d09;
					}
		#sidebar .links a:active 		{     
					color: #f6ebc8;
					}
		#sidebar	img, li	{
				margin: 0 0 6px;
				}				
	#assign #sidebar	{				
			height: 500px;
			overflow: scroll;
			}

/*  ******************************************************  Footer	*********************************************/		

div#footer	{
			
			background: #05080e url(http://www.hero-u.net/leaders/wp-content/uploads/2014/02/hu_horizontal_border.png) repeat-x;
			clear: both;
			color: #3a63aa;
			height: 220px;
			z-index: 10;
			}
			
			/* Sticky footer code */

html, body, #wrapper {height: 100%;
			}
body > #wrapper		{height: auto; min-height: 100%;
			}	
			
/*  ******************************************************Alumni Handling	*********************************************/		

.midcol		{
			margin-left: 40px;
}
.rightcol	{float: right;
}
.leftcol	{float: left;
}

/*  ******************************************************Utilities	*********************************************/									
			
.right		{float: right; }
.left		{float: left;}	
.clear		{clear: both;}
	
.quote		{
			color: #015021;
			font-style: italic;
			margin: 0 50px;
			}	
.illoright	{margin: 100px 600px 0 750px; 
			position: absolute;
			}	
.illorightlow	{margin: 1600px 600px 0 750px; 
			position: absolute;
			}	
.illorightbottom	{margin: 2600px 600px 0 750px; 
			position: absolute;
			}
.center		{margin: 0 auto;
			text-align: center;
			}
.leftjust {margin: -20px -36px;}

.bar		{
			background: #05080e url(http://www.hero-u.net/leaders/wp-content/uploads/2014/02/hu_horizontal_border.png) repeat-x;
			margin: 30px -80px 20px -14px;
			padding: 2px 0px;
			width: 	600px;
			}
.barside	{
			background: #05080e url(http://www.hero-u.net/leaders/wp-content/uploads/2014/02/hu_horizontal_border.png) repeat-x;
			margin: 30px -14px 20px -14px;
			padding: 2px 0px;
			width: 	370px;
			}			
.bar1column		{
			background: #05080e url(http://www.hero-u.net/leaders/wp-content/uploads/2014/02/hu_horizontal_border.png) repeat-x;
			margin: 30px -80px 20px -34px;
			padding: 2px 0px;
			width: 	984px;
			}			
.choice		{color: #3a63aa;
			font-size: 1.9em;
			margin: 0 0 6px 160px;
			}
			.choice a 	{color: #2d1905;
			font-style:normal;
			}
			.choice a:hover	{background-color: #05080e;
						color: #3a63aa;
						padding: 12px;
			}			
.caption	{color: #3a63aa;

			margin: -4px 0 20px 20px;
			}