/* CSS Document */

/* ********************************************************************************************
*	Created By: 				Kevin Dyck
*	Creation Date: 			Mar 10, 2006
*	Modified By: 			
*	Modification Date: 		
*	Modification Note (what did you update, and why?): 	
******************************************************************************************** */



/* REDEFINE COMMON HTML TAGS */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 

body	{
	/* note that the displayed font-size will depend on the DOCTYPE declaration in the HTML
		HTML 4.0 and XHTML 1.0 will shrink the size of the font compared with a page declared 
		as HTML 3.2 or without any declaration.
	*/
	font-size: small;
	color: #333333;
	background-color: #474A62;
	background-image: url(../images/bg_grad.gif);
	background-repeat: repeat-x;
}

a	{
	text-decoration: none;
}

	a:hover	{
		text-decoration: underline;
	}

iframe	{
	border: 1px solid #ffffff;
	margin: 0px;
	padding: 0px;
}

/* end of HTML TAGS section */



/* ******************************************************************************************************** */



/* CREATE IDs FOR PAGE SECTIONS
	remember: 		each ID can apply to only one area of each page, because IDs can be used to position items on the screen
					Common page elements that can use IDs are Content, Navigation, Header, Footer, Related Links
*/

#wrapper {
	width: 750px;
	margin: 10px auto 30px auto; 
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #000000;
}

#header {
	width: 750px;
	margin: 0px;
	padding: 0px;
	background-color:#14111E;
	background-image: url(../images/bg_header02.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 97px;
}


	#nav {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: auto;
	}
	
	#nav a {
		font-family: "Trebuchet MS", Arial, Helvetica, "sans serif";
		font-size: 12px;
		color: #000000;
		text-decoration: none;
		white-space: nowrap;
		vertical-align: middle;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 0px;
	}

	/* navigation tabs */
	
		a.navHome	{
			width: 50px;
			height: 25px;
			margin: 0px;
			display: block;
			text-align: center;
			vertical-align: middle;
			background-image: url(../images/navHome_off.gif);
			background-repeat:no-repeat;
			border-bottom: 1px solid #000000;
		}
		
		a.navHome:hover	{
			background-image: url(../images/navHome_on.gif);
			background-repeat:no-repeat;
			border-bottom: 1px solid #D9E694;
		}
	
		a.nav50	{
			width: 49px;
			height: 25px;
			margin: 0px;
			display: block;
			text-align: center;
			vertical-align: middle;
			background-image: url(../images/nav50_off.gif);
			background-repeat:no-repeat;
			border-bottom: 1px solid #000000;
		}
		
		a.nav50:hover	{
			background-image: url(../images/nav50_on.gif);
			background-repeat:no-repeat;
			border-bottom: 1px solid #D9E694;
		}
	
		a.nav80	{ 
			width: 79px; 
			height: 25px;
			margin: 0px;
			display: block;
			text-align: center;
			vertical-align: middle;
			background-image: url(../images/nav80_off.gif);
			background-repeat:no-repeat;
			border-bottom: 1px solid #000000;
		 }

		a.nav80:hover	{
			background-image: url(../images/nav80_on.gif);
			background-repeat:no-repeat;
			border-bottom: 1px solid #D9E694;
		}
	
		a.nav110	{
			width: 109px; 
			height: 25px;
			margin: 0px;
			display: block;
			text-align: center;
			vertical-align: middle;
			background-image: url(../images/nav110_off.gif);
			background-repeat:no-repeat;
			border-bottom: 1px solid #000000;
		 }

		a.nav110:hover	{
			background-image: url(../images/nav110_on.gif);
			background-repeat:no-repeat;
			border-bottom: 1px solid #D9E694;
		}
	
		.navEmpty	{
			border-bottom: 1px solid #000000;
		}
	
	/* end navigation tabs */


	#subnav {
		margin: 0px;
		height: 25px;
		font-family: "Trebuchet MS", Arial, Helvetica, "sans serif";
		font-size: 12px;
		background-color: #D9E694;
		border-bottom: 1px solid #000000;
	}

		#subnav td {
			margin: 0px 1px 0px 1px;
			padding: 5px 10px 0px 10px;	
			height: 23px;	
			white-space: nowrap;
			vertical-align: middle;
			text-align: center;
		}

		#subnav a {
			color: #000000;
			text-decoration: none;
			display: block;
		}

		#subnav a:hover {
			background-image:url(../images/bg_subnav_off.gif);
			background-repeat: repeat-x;
		}

			/*	Subnav menus
		*/
			#snMens	{
				width: 500px;
				margin: 0px 100px 0px 0px;
				z-index:10;
				visibility: hidden;
			}
			#snLadies	{
				margin: 0px auto 0px auto;
				z-index:11;
				visibility: hidden;
			}
			#snSrMens	{
				margin: 0px auto 0px auto;
				z-index:12;
				visibility: hidden;
			}
			#snSrLadies	{
				margin: 0px auto 0px auto;
				z-index:13;
				visibility: hidden;
			}
			#snJunior	{
				margin: 0px auto 0px auto;
				z-index:14;
				visibility: hidden;
			}	

			/*	end Subnav MENUS	*/
			
	/*	end SUBNAV	*/
			
			
#content	{
	padding: 20px 30px 40px 30px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	background-color: #FFFFFF;
	width: 690px;
}

	#content h1,h2,h3,h4,h5,h6	{
		/* 	sets all H tags to bold text
			if all H tags use the same font this is the place to set that too
		*/
		font-weight: bold; 
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

	#content h1 {	font-size: 20px;	margin: 0px 0px 10px 0px;	color:#CC0000;	}
	#content h2 {	font-size: 17px;	margin: 0px 0px 10px 30px;	}
	#content h3	{	font-size: 15px;	margin: 0px 0px 6px 30px;	}
	#content h4	{	font-size: 13px;	font-style: italic;	margin: 0px 0px 6px 30px;	}
	#content h5	{	font-size: 13px;	margin: 0px 0px 6px 30px;	}
	#content td {	padding: 5px;	vertical-align: top;	}
	#content th {	padding: 5px;	vertical-align: top;	background-color: #94C3F9;	font-weight: bold;	font-size: 11px;	}
	#content table	{	margin: 20px 0px 20px 0px;	}
	#content p	{	margin: 0px 30px 12px 30px;	}
	#content ol, #content ul	{	margin: 10px 30px 10px 30px;	}



#footer {
	/* All pages need footers, right? They might as well look like this */
	background-color: #000000;
	font-size: 9px;
	padding: 1px 10px;
	color: #fff;
	width: 730px;
}

	#footer a	{
		color: #fff;
		text-decoration: underline;
		font-weight: bold;
	}


/* end of IDs section */



/* ******************************************************************************************************** */



/* CLASS DEFINITIONS
	Class definitions may apply to any number of elements on a page, because they are not used for positioning. 
*/


.smalltext {
	font-size: 9px;
}

.blackborder	{
	border: 1px solid #000000;
}


/* end of CLASS DEFINITIONS */



/* ******************************************************************************************************** */