/* CSS Document */

body {
	background-color: #666;
	margin: 0;
	font: small Arial, Helvetica, sans-serif;
	color: #636466;
	}

#wrapper {
	width: 822px;
	margin: 20px auto;
	padding: 0;
	}
	
#innerwrapper {
	background: #666 url(../images/backgroundShadow.gif) top left repeat;
	}
	
/* Main Navigation */

.navBar {
	width: 800px;
	height: 24px !important;
	height: 24px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	margin: 0 auto;
	background: #fff;
	padding: 0;
	}
	
.navBar img {
	border: 0;
	}
	
.navBar ul {
	margin: 0 auto;
	width: 740px;
	padding: 0;
	}
		
.navBar li {
	float:left;
	list-style: none;
	}
	
.navBar a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
	
.navBar img 
{	height: 24px;
	display: block;
}

/* End Main Navigation */

/* Sub Navigation */

.FirstLevelNav ul{
	padding: 5px 0 0 0;
	margin: 0;
	}
	
.FirstLevelNav .SecondLevelNav ul{
	margin: 0;
	padding: 0;
	}
	
.FirstLevelNav li {
	padding: 5px 0;
	list-style: none;
	}
	
.SecondLevelNav li 
{
    padding: 0px 0 5px 10px;
}
	
.FirstLevelNav a {
	font-weight: bold;
	font-size: 90%;
	}	
	
.FirstLevelNav .SecondLevelNav a {
	font-weight: normal;
	font-size: 90%;
	padding: 0;
	}
	
.FirstLevelNav a, .SecondLevelNav a {
	color: #636466;
	text-decoration: none;
	}
	
.FirstLevelNav a:hover, .FirstLevelNav a.ButtonSelect, .SecondLevelNav a:hover, .SecondLevelNav a.ButtonSelect {
	color: #B4985A;
	background: transparent;
	}
	
/* End Sub Navigation */

.noindent {
	padding: 0;
	margin: 0 auto;
	line-height: 1.25em;
	}

.noindent UL {
	left: -25px;
	position: relative;
	} 

.noindent UL LI {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;

	}

#ContentMiddleHome, #ContentMiddle {
	width: 800px;
	margin: 0 auto;
	position: relative;
	padding: 0;
	border-bottom: 1px solid #666;
	}

#ContentMiddleHome {
	/*background: transparent url(../images/MainDropShadow.gif) top center no-repeat;*/
	text-align: center;
	height: 450px;
	}
	
#ContentMiddle {
	width: 800px;
	overflow:auto;
	padding-top: 85px;
	background: transparent url(../images/InteriorCurve.gif) top center no-repeat;
	}
	
#ContentMiddle img {
	padding: 0;
	margin: 0;
	}

#intertiorColumnOne {
	float: left;
	padding: 0px 20px 0 75px;
	width: 18%;
	}
	
#ContactColumnOne {
	float: left;
	padding: 0px 0 20px 75px;
	width: 30%;
	}
	
#intertiorColumnTwoWide {
	float: left;
	width: 70%;
	padding: 0px 0 20px 0px;
	}
	
#ContactColumnTwo {
	float: right;
	width: 55%;
	padding: 0px 0 20px 0px;
	}
	
#intertiorColumnTwoNarrow {
	float: left;
	width: 30%;
	padding: 0px 5px 20px 0px;
	}
	
#intertiorColumnThree {
	float: left;
	width: 30%;
	padding: 0px 0 20px 20px;
	}
	
#homepageIntro {
	position: absolute;
	top: 300px;	
	z-index:99;
	left: 150px;   /* read by all browsers */
	#left: 0px;  /* read by all IE 7 */
	_left: 0px;  /* read by all IE 6 and below */
	}
	
#homepageIntro p {
	font-weight: bold;
	font-size: 95%;
	width: 500px;
	margin: 10px auto;
	line-height: 1.6em;
	}
	
h1 {
	font-size: 110%;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	line-height: 1em;
	}
	
h2 { 
	font-size: 100%;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin: 0;
	line-height: .5em;
	}
	
#intertiorColumnTwoWide p {
	width: 425px;
	line-height: 1.6em;
	}

    
#ImageGallery img.galleryImage {
	padding: 5px 0 4px 0;
	margin: 0;
	width:215px;
	height:217px;
	color:#ccc;
	}
	
#GalleryNav {
	width: 215px;
	height: 25px;
	line-height: 25px;
	float:left;
	}
	
	
#GalleryNav h6 {
	width: 147px;
	display:block;
	float: left;
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	background: #808284;
	color: #fff;
	}
	
.galleryNavArrows {
     float:right; 
	 width: 54px;
	 margin: 0;
	 padding: 0;
	}	
	
.galleryNavArrows img {
    border: 0;
	}
	
.galleryNavArrows a {
	padding: 0 0 0 0px;
	margin: 0;
	}
	
#GalleryDescription {
	width: 215px;
	background: #eee;
	color: #636466;
	padding: 0;
	margin: 3px 0 20px 0;
	float: left;
	}
	
#GalleryDescription h2 {
	padding: 5px 10px;
	line-height: 140%;
	}
	
.ProductDownloads ul {
	margin: 0;
	padding: 5px 0 10px 10px;
	float: left;
	list-style: none;
	width:215px;
	}
	
.ProductDownloads li {
	background: url(../images/listItem.gif) no-repeat 0 10%;
	padding: 0 0 7px 15px;
	}
	
.ProductDownloads a {
	text-decoration: underline;
	color: #636466;
	background: transparent;
	}

.ProductDownloads a:hover {
	color: #B4985A;
	background: transparent;
	}
	
.InfoDownloads ul {
	margin: 0;
	padding: 5px 0 10px 10px;
	list-style: none;
	width:425px;
	}
	
.InfoDownloads li {
	background: url(../images/listItem.gif) no-repeat 0 10%;
	padding: 0 0 7px 15px;
	}
	
.InfoDownloads a {
	text-decoration: underline;
	color: #636466;
	background: transparent;
	}

.InfoDownloads a:hover {
	color: #B4985A;
	background: transparent;
	}
		
.bold {
	font-weight: bold;
	width: 90px;
	}

.floatright
{
	float: right;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
}

#ContactInfo {
	width: 250px;
	padding: 0;
	margin: 0;
	}
	
a.email {
	color: #636466;
	background: transparent;
	}
	
a.email:hover {	
	color: #B4985A;
	background: transparent;
	}
	
/* Contact form info */

 h1.paddingBottom {
	padding: 0 0 10px 0;
	}

.contactForm, .emailBox, .comments{
	width: 380px;
	padding: 0;
	margin: 0;
	}

.commentBox {
	width: 350px;
	padding: 0;
	margin: 0;
	}
	
.checkboxNotification {
	width: 360px;
	}
	

.info {
	width: 75px;
	padding: 0;
	margin: 0;
	text-align: left;
	}
	
.contactinfo
{
	width: 150px;
	padding: 0;
	margin: 0;
	text-align: left;
	height: 20px;
}
		
.textfield input {
	width: 275px;
	text-align: left;
	}

.textfield select{
	width: 281px;
	text-align: left;
	}
	
.contactForm td {
	padding: 5px 0;
	}
	
.emailBox {
	padding: 20px 0 5px 0;
	margin: 0;
	}
	
.checkboxNotification {
	padding: 0 0 20px 0;
	margin: 0;
	}
	
td.checkbox {
	width: 20px;
	}


.checkbox input {
	width: 12px;
	height: 12px;
	}
	
.comments input {
	width: 347px;
	}
	
.submitButton input {
	width: 65px;
	height: 25px;
	float:left;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	color: #636466;
	margin: 10px 0;
	}
	

/*.ContactFormTop, .ContactFormMiddle, .ContactFormBottom, table {
	margin: 0;
	padding: 0;
	border: 0;
	}
	

.ContactFormMiddle
{
    width:350px;
    border:solid 1px red;
    }
	
.ContactFormMiddle input
{
    background:transparent;
	color:#333;
	border:solid 1px red;
}
	    
.ContactFormTop legend {
	font-size: 110%;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
	}
	
.ContactFormTop label, .ContactFormMiddle label{
	float: left;
	width: 80px;
	}
	
.ContactFormTop input, .emailInput {
	width: 250px;
	color:#333;
	}
	
	
.ContactFormTop select {
	width: 255px;
	color:#333;
	
	}
	
	
.ContactFormBottom label {
	display: block;
	}
	
.ContactFormBottom input {
	width: 330px;
	height: 100px;
	color:#333;
	}

input.submitButton {
	width: 75px;
	height: 25px;
	float:left;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	color: #636466;
	}*/
	

/* end Contact form info */
	
#footer {
	position: relative;
	width: 822px;
	height: 41px;
	margin: 0px auto;
	padding: 10px 0 0 0;
	background: transparent url(../images/NGISportsFooter.gif) top center no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	}
	
#footer a {
	text-decoration: none;
	color: #636466;
	background: transparent;
	}
