/* 
This style sheet and the images to which it refers to 
may not be reused, resold or redistributed by any means necessary
================================================================
Description: Layout styles for [PROJECT]
Version: 1.0
Author: AWS Sports
Author URI: http://www.awssports.com/
*/
/*  
Description: Based on E. Meyer's `reset.css` http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/.
Version: 1.0
Author: E. Meyer
Author URI: http://meyerweb.com/
*/

	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
	a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
	small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,caption {
		margin: 0; 
		padding: 0; 
		border: 0; 
		font-family: inherit; 
	}
	
	q:before, q:after, blockquote:before, blockquote:after { content: ""; }
	
	h1, h2, h3, h4, h5 { 
		font-weight:bold; 
		margin-bottom:10px; 
	}
	
	h1 	{ font-size:22px; }
	h2 	{ font-size:20px; }
	h3 	{ font-size:18px; }
	h4 	{ font-size:16px; }
	h5 	{ font-size:14px; }

	table { 
		border-collapse: collapse; 
		border-spacing: 0;	
	}
	
	ol,ul { 
		margin:0 0 10px 20px;	
	}

	strong 	{ font-weight:bold; }
	em  		{ font-style:italics; }	
	p  		{ margin-bottom:10px; }
    
    
 	/**** SEARCH ****/
	#search {
        position:absolute;
        /* top:70px; */
        bottom:-7px;
        right:1px;
		width:200px; 
		height:30px;  
		padding:0;
	}
	#search .input { 
        border:1px solid #999 !important; 
        font-size:10px; 
        float:left; 
        width:130px !important; 
        height:15px; 
        margin:0;
        padding:0;
        cursor:text; 
    }
	#search input#search_button { 
        float:right;
        margin:0; 
        padding:0;
        border:none;
    }
    #pre_header a {
        position:absolute;
        top:8px;
        left:690px;
        color:#fff;
        text-decoration:underline;
        font-size:10px;
    }
    #pre_header a:hover {
        text-decoration:none;
    }


    #wrap {
        padding-top:10px;
    }

    
	/**
	 * GLOBAL FONT TYPOGRAPHY
	 ***********************************************************************************/

    * {
    	/* Reset browsers default margin, padding and font sizes */
    	margin: 0;
    	padding: 0;
    }

    html {
        font-size: 100%;
    	/*	Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
    	height: 100%;
    	margin-bottom: 1px;
        background-color:#282828;
    }
    
    body { 
		font-family:"Verdana", "Arial", "Trebuchet", sans-serif; 
		font-size:13px; 
		color:#000; 
        background-color:#282828;
        margin:0;
        padding:0;
	}	
	
	a { color:#0E4992; }
	a:hover 	{ 
		text-decoration:none; 
	}
 
	h1,h2,h3,h4,h5,h6 { color:#0E4992; }

	#content { line-height:1.5em; }
	
	h3#cHead { 
		text-indent:5px;
		line-height:24px;
	}	
    
	/**
	 * BODY LAYOUT
	 ***********************************************************************************/
	body { text-align:center; }

    #position_wrapper {
        position:relative;
        margin:0 auto;
        width:998px;
        height:300px;
    }
    
	#wrapper { 
		float:left;
		width:998px; 
		text-align:left;  
	}

	
	/**
	 * HEADER LAYOUT
	 ***********************************************************************************/
	#pre_header {
        position:relative;
        height:auto !Important;
        min-height:30px;
        height:30px;
        background-color:#282828;
    }
    
    #header { 
        position:relative;
		width:998px; 
		height:124px; 
		/* height:214px; */ 
		background: #282828 url(../img/header.jpg) 0 0 no-repeat; 
	}
	#header h1, 
	#header h2, 
	#header ul#jNav { position:absolute; text-indent:-9999px; list-style:none; }

	
	/**
	 * SITENAV LAYOUT
	 ***********************************************************************************/
	#sitenav { 
        position:relative;
        z-index:1000;
		padding:0 0 0 30px;
		width:968px; 
		height:30px; 
		margin:0; 
		list-style:none; 
		background: url('../img/sitenav.jpg'); 
	}
	#sitenav li {
		float:left; 
		height:30px; 
		padding:0; 
		margin:0; 
	}
	#sitenav li a {
		display:block; 
		text-indent:-9999px;
		position:relative;
		width:100%; 
		height: 30px; 
		padding:0;
		margin: 0; 
	}
	#sitenav li a:hover { background: url('../img/sitenav.jpg'); }
	
    #sitenav li#sitenav_home                a { width:63px; }
    #sitenav li#sitenav_about_us            a { width:75px; }
    #sitenav li#sitenave_high_school_sports a { width:146px; }
    #sitenav li#sitenav_college_sports      a { width:118px; }
    #sitenav li#sitenav_more_sports         a { width:98px; }
    #sitenav li#sitenav_photo_gallery       a { width:124px; }
    #sitenav li#sitenav_blog                a { width:53px; }
    #sitenav li#sitenav_forum               a { width:117px; }
    #sitenav li#sitenav_links               a { width:54px; }
    #sitenav li#sitenav_contact_us          a { width:96px; }

    #sitenav li#sitenav_home                a:hover { background-position:-30px 30px; }
    #sitenav li#sitenav_about_us            a:hover { background-position:-93px 30px; }
    #sitenav li#sitenave_high_school_sports a:hover { background-position:-168px 30px; }
    #sitenav li#sitenav_college_sports      a:hover { background-position:-314px 30px; }
    #sitenav li#sitenav_more_sports         a:hover { background-position:-432px 30px; }
    #sitenav li#sitenav_photo_gallery       a:hover { background-position:-530px 30px; }
    #sitenav li#sitenav_blog                a:hover { background-position:-654px 30px; }
    #sitenav li#sitenav_forum               a:hover { background-position:-707px 30px; }
    #sitenav li#sitenav_links               a:hover { background-position:-824px 30px; }
    #sitenav li#sitenav_contact_us          a:hover { background-position:-878px 30px; }

    /**** DROPDOWN MENU RULES ***/
    #sitenav li ul { /* second-level lists */
        list-style: none;
        position: absolute;
        top: 30px;
        left:-9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
        width: 128px;
        margin:0;
    }

    #sitenav li ul li {
		position:relative;
		clear:left;
		height:22px;
		width:126px;
    }

    #sitenav li ul li a {
		line-height:20px !important;
		height:22px;
		width:123px !important;
		margin:0;
        padding-left: 3px;
    }

    #sitenav li:hover ul, #sitenav li.sfhover ul { /* lists nested under hovered list items */
        left: auto;
    }


	
	/**
	 * SITENAV TYPOGRAPHY
	 ***********************************************************************************/
    #sitenav li ul { /* second-level lists */
        border-bottom:1px solid #ccc;
    }
    #sitenav li ul li {
		border-top:1px solid #ccc;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
	}
    #sitenav li ul li a {
        color: #FFF;
		background-color:#4F0307;
        text-indent: 0px;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        /* font-weight: bold; */
        text-decoration: none;
		line-height:29px;
    }
    #sitenav li ul a:hover {
        background:#C11C22;
        color: #fff;
        text-decoration: none;
    }

	
	/**
	 * FOOTER LAYOUT
	 ***********************************************************************************/
	ul#footer { 
		clear:both;
		position:relative;
		width:998px; 
		height:20px; 
		margin:0; 
		list-style:none; 
	}
	ul#footer li	{ 
		position:absolute; 
		top:0px; 
		display:inline; 
		line-height:20px;
	}
	ul#footer li#ftCpy { left:10px; }
	ul#footer li#ftTrm { left:260px; }
	ul#footer li#ftPrv { left:350px; }
	ul#footer li#ftAws { right:10px; }
	ul#footer li#ftAws a { }
	ul#footer li#jtop { display:none; }
    
	/**
	 * FOOTER TYPOGRAPHY
	 ***********************************************************************************/
	ul#footer { 
        height:30px;
        background-color:#282828;
	}
	ul#footer li	{ 
		font-size:11px; 
		color:#fff; 
        line-height:30px;
	}
	ul#footer li a	{ 
        color:#fff; 
        text-decoration:none;
    }
	ul#footer li#ftAws a { 
        width:251px;
        height:30px;
        display:block;
        text-indent:-9999px;
        background: url('../img/aws_logo.gif') 0 2px no-repeat;
    }
	ul#footer li a:hover { 
        text-decoration:none; 
        color:#B0BED1; 
    }