/* THE BODY AND THE WRAPPER */
body {

	font: 12pt Arial, Georgia, "Times New Roman", Times, serif;
	background:#1A2658;
	margin: 0;
	padding: 10px;
	color:white;
}
td input { width: 99% }
td textArea{width: 99% }
a { 
	text-decoration: underline; 
	color: #FFFFCC;
	}
a:visited { 
	font: normal Arial, Georgia, "Times New Roman", Times, serif;
	/** line below required to get IE to decorate anchors with URLs that have # placeholders 
	 since IE sees these URLs as "visited" **/
	text-decoration: underline; 
	color:#FFFFCC;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #FFFF00;
	}

#wrapper {
	width: 800px;
	margin: 0 auto;
}

/* TOP BAR AND THE HEADER */

#top {
	width: 800px;
	height: 50px;
}

#sheader {
	background: url(images/JonHeader.gif) top center no-repeat; 
	width: 550px;	
	height: 150px;
	padding: 50px 0px 0px 250px;
	font-size: 24px;
}
#header {
	width: 550px;	
	height: 150px;
	font-size: 24px;
}


#picture {
	width: 255px;
	padding-left:10px;
}

#contentwrapper {
	background:#1A2658; 
	width: 790px;
	margin: 0 auto;
	text-align: center;
	padding: 5px 5px 10px 5px;
}

.bullet li { 
	list-style-type: disc; 
	margin:4px 0 8px 0;
	font-style:italic;
	font-size:16px;
}
.numbered li { 
	list-style-type: decimal; 
	margin:4px 0 6px 0;
}
.lettered li {
	list-style-type:lower-alpha; 
	margin:4px 0 6px 0;

}

.narrow{
  width:375px;
}

.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}

.floatClear{
	clear:both;
}
.right{
	text-align:right;
}
.center{
	text-align: center;
}
.fontLarge{
	font-size:23px;
}
.fontItalic{
    font-style:italic;
}
.fontSmall{
	font-size:12px;
}
.strong{
	font-weight:bold;
}
.fontMedium{
	font-size:18px;
}
.question{
	margin-top:0;
	margin-bottom:0;
	font-weight:bold;
}
.answer{
	margin: 0 0 10px 10px;
	font-style:italic;
	font-size:14px;
}
.menu {
	text-align:left;
	width: 100px;
	height: 20px;
	margin: 0px;
	padding-top:20px;
	//padding-left:4px;
	float: left;

}
.menu ul{
	list-style: none;
	margin: 0;
	padding: 0;

}
.menu li {
	margin: 2px 0 0;

}

.menu a {
	display: block;
	width:95px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #000000;
	background:#1A2658;
	text-decoration: none; /*lets remove the link underlines*/
}

.menu a:link, .menu a:active, .menu a:visited {
	color: #FFFFFF;
}

.menu a:hover {
	border: 1px solid #000000;
	background: #333333 url(images/footer.png);
	color: #ffffff;
}
.menu li#active{
	background:yellow;
}

#content {
	width: 660px;
	padding-left:10px;
	height: 100%;
	min-height:200px;
	text-align: left;
	margin: 3px 10px 10px 0px;;
	float:left;
}
#content ul{
	padding-left:30px;
}
#content h1{
	text-align:center;
}
#content h2{
	text-align:center;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contact{
	font-size:larger;
	margin-top:2em;
	padding:10 10 10 10;
	text-align:center;
}
.Red {
	color: #FF0000;
	font-weight:bolder;
}

.contact a { 
	text-decoration: underline; 
	color: #FFFFFF;
}
.contact a:visited { 
	font: normal Arial, Georgia, "Times New Roman", Times, serif;
	/** line below required to get IE to decorate anchors with URLs that have # placeholders 
	 since IE sees these URLs as "visited" **/
	text-decoration: underline; 
	color: #4A3975;
	}
.contact a:hover, a:active { 
	text-decoration: none; 
	color: #800000;
	}
#showroom{
	clear:both;
	padding-top:50px;
}
#cinfo input{
width:auto;
}
img {
	border: none;
} 

p {
	/*background: url(images/paragraph.png) top left repeat-y;  */
	padding-left: 20px;
}

/* THE FOOTER */

#bottom {
	background: #2F2000 url(images/footer.gif) bottom center no-repeat; 
	width: 824px;
	height: 35px;
}