body
{
	margin: 0 auto;
	padding: 0;
	width: 760px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	/*	border-color: black;
	border-width: 2px;
	border-style: solid;		*/
	background-color: #999;
}

#header
{
	margin:0;
	padding:0;
/*	border-color: black;
	border-width: 2px;
	border-style: solid;		*/
}

#header img
{
	margin:0;
	padding:0;
	display:block;
	border: 0;
}

#header ul
{
	margin:0;
	padding:.3em 0 .6em 0;
	text-align:center;
	background-image: url(http://www.bassetti-kessel.com/images/main_nav_bg.gif);	
	background-repeat: repeat-x;		
	background-color: #375A7E;		/* background color is same as end of gradation. If link text breaks below the bg image, bg color fills in remaining	*/
	border-color: #375A7E;
	border-width: 1px 0;
	border-style: solid;
}

#header li
{
	margin:0;
	padding:.3em 0 .6em 0;
	display:inline;
	list-style-type:none;
/*	border-color: black;
	border-width: 1px;
	border-style: solid;		*/
}

#header li a
{
	margin:0;
	padding:.3em .6em .6em .6em;
	font-size: .7em;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	
/*	border-color: white;
	border-width: 1px;
	border-style: solid;		*/
}

#header li a:hover
{
	color:#ddd;
}





#contentContainer
{
	margin:0;
	padding:0;
	background-color: #fff;
/*	border-color: black;
	border-width: 2px;
	border-style: solid;		*/
}

#columnTable
{
	margin: 0;
	padding: 0;
	width: 100%;
/*	border-color: red;
	border-width: 1px;
	border-style: solid;		*/
	border-collapse: collapse;
}


/* needs a bg color in case content is longer than nav	*/
#leftCol
{
	margin: 0;
	padding: 0;
	width: 150px;		
	background-color: #375A7E;	
	vertical-align:top;
}

#rightCol
{
	margin:0;
	padding:0;
	vertical-align:top;
/*	border-color: black;
	border-width: 2px;
	border-style: solid;		*/
}

#rightColBtm
{
	margin:0;
	padding:0;
	vertical-align:bottom;
}


/*===================
//		START MAIN NAV
===================*/

ul#mainNav
{
	position:absolute;
	width:150px;
	margin: 0;
	padding:0;
	list-style-type:none;
/*	background-color: #375A7E;		*/
/*	border-color: #375A7E;
	border-width: 1px;
	border-style: solid;			*/
}

/* this rule will apply to any nested li within the ul#mainNav		*/
/* <li>s need a stroke or XP IE will not keep them together	*/
ul#mainNav li
{
	position:relative;
	margin:0;
	padding:0;
	background-color: #375A7E;	
/*	border-color: #5B8EC1 #375A7E #375A7E #375A7E;		*/
	border-color: #375A7E;
	border-width: 1px;
	border-style: solid;	
}


/* z-index of <li>s. reverse the regualr order*/
ul#mainNav li#topNav20
{
	z-index:20;
}

ul#mainNav li#topNav19
{
	z-index:19;
}

ul#mainNav li#topNav18
{
	z-index:18;
}
ul#mainNav li#topNav17
{
	z-index:17;
}

ul#mainNav li#topNav16
{
	z-index:16;
}

ul#mainNav li#topNav15
{
	z-index:15;
}

ul#mainNav li#topNav14
{
	z-index:14;
}

ul#mainNav li#topNav13
{
	z-index:13;
}

ul#mainNav li#topNav12
{
	z-index:12;
}

ul#mainNav li#topNav11
{
	z-index:11;
}

ul#mainNav li#topNav10
{
	z-index:10;
}




ul#mainNav a
{
	margin: 0;
	padding: .5em .3em .8em .7em;
	/*	background-color: #f00;			*/
	display: block;
	font-size: .7em;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
/*	border-color: yellow;
	border-width: 1px;
	border-style: solid;		*/
	background-image: url(http://www.bassetti-kessel.com/images/main_nav_bg.gif);	
	background-repeat: repeat-x;
	background-color: #375A7E;		/* background color is same as end of gradation. If link text breaks below the bg image, bg color fills in remaining	*/
}


ul#mainNav a:hover
{
	background-color: #5B8EC1;	 /*	background color is same as end of gradation. If link text breaks below the bg image, bg color fills in remaining		*/
	background-image: url(http://www.bassetti-kessel.com/images/main_nav_bg_roll.gif);		
	background-repeat: repeat-x;
}


ul#mainNav li ul
{
	position:absolute;
	width:150px;
	left:-3000px;
	margin:0;
	padding:0;
	list-style-type:none;
	z-index:100;
/*	background-color: #94A4AE;		*/
/*	border-color: #333;
	border-width: 2px;
	border-style: solid;		*/
}



/*===================
//		END MAIN NAV
===================*/


/*===================
//		START MAIN CONTENT
===================*/

#mainContent
{
	margin: 1em .75em 2em 1em;
	padding: 0;
	z-index: 10;
}

#mainContent h3
{
	margin:0 0 1em 0;
	padding:0;
	font-size: 1em;
}

#mainContent p
{
	margin:0 0 .7em 0;
	padding:0;
	font-size: .8em;
}

#mainContent .floatRight
{
	float:right;
	margin: 0 2em 1em 1em;
}

#mainContent .floatLeft
{
	float:left;
	margin: 1em;
}

#mainContent ul,
#mainContent ol
{
	margin:0 0 2em 2em;
	padding:0;
	font-size: .8em;
}


/*===================
//		END MAIN CONTENT
===================*/



/*===================
//		START FOOTER
===================*/

#footer
{
	margin: 0 ;
	padding: .75em;
	background-color: #ddd;
	color:#666;
}

#footer p
{
	margin: 0 0 .5em 0;
	padding: 0;
	font-size: .6em;
	text-align:center;
}

#footer #mustangFooterLink
{
	margin: 2em 0 0 0;
	padding: 0;
}

#footer #mustangFooterLink a
{
	color:#666;
}



/*===================
//		END FOOTER
===================*/



/*===================
//		START sectionHeader
===================*/

div#sectionHeader
{
	margin: 0;
	padding: 0 0 .2em;
/*	border-color: black;
	border-width: 1px;
	border-style: solid;			*/
}

div#sectionHeader p
{
	margin: 0;
	padding: 0;
	font-size: .7em;
/*	border-color: red;
	border-width: 1px;
	border-style: solid;	*/
}

div#sectionHeader a
{
	text-decoration:none;
	color:#000;
}

div#sectionHeader a:hover
{
	color:#999;
}

div#sectionHeader a.currentPage
{
	font-weight:bold;
	color: #5B8EC1;
}


/*===================
//		END sectionHeader
===================*/



/*===================
//		START SECTION NAV
===================*/

ul#sectionNav
{
	margin: 0 0 2em 0;
	padding: 0 0 .2em .5em;
	list-style-type: none;
	text-align: left;
	border-color: black;
	border-width: 1px 0 0 0;
	border-style: solid;		
	background-color: #375A7E;
	background-image: url(http://www.bassetti-kessel.com/images/section_nav_bg.gif);	
	background-repeat: repeat-x;
	font-size: 100%;
}

ul#sectionNav li
{
	margin: 0 .4em 0 0;
	padding: 0;
	display:inline;
	
}

ul#sectionNav a
{
	margin: 0 ;
	padding: 0 .4em;
	font-size: .7em;
	text-decoration:none;
	color:#fff;
	border-color: #eee;
	border-width: 0 1px;
	border-style: solid;	
	white-space: nowrap;
	
}

ul#sectionNav a:hover
{
	color:#ddd;
	border-width: 0;
	margin: 0 1px ;	/* this left right margin takes up the space missing when the border dissappears */
}

ul#sectionNav a.thisPage
{
	font-weight:bold;
	color:#A3D0FF;
}



/*===================
//		END SECTION NAV
===================*/

/*===================
//		START CONTACT US
===================*/



#contactUsFiller
{
	margin: 0 0 15em 0;
/*	border-color: gray;
	border-width: 1px;
	border-style: solid;		*/
}

/*===================
//		END CONTACT US
===================*/



p#comingSoon
{
	margin-bottom: 20em;
}


/*===================
//		START FAQS
===================*/

dl.faqs
{
	margin:0 0 1.75em 0;
	padding:0;
/*	border-color: gray;
	border-width: 1px;
	border-style: solid;		*/
	font-size:.8em;
}

dl.faqs dt
{
	margin:0 0 .5em 0;
	padding:0;
/*	border-color: gray;
	border-width: 1px;
	border-style: solid;			*/
	font-weight:bold;
}

dl.faqs dd
{
	margin:0 0 0 .75em;
	padding:0;
/*	border-color: gray;
	border-width: 1px;
	border-style: solid;		*/
}



/*===================
//		END FAQS
===================*/



table.videoContentTable td
{
	vertical-align:top;
}

table.videoContentTable td.image img
{
	border:0;
}


table.videoContentTable td.text
{
	padding: .5em;
}







