/* CSS Document */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#444;
background-color:#672414;
margin:0px;
}

/*This is for the container of the main table.
  It's just needed to align the content table in
  the center of the page
*/
table.container-main{
	text-align:center;
}

/* All the content styles - All these styles are for the main page*/
table.content-main{
	border:3px solid #833123;
	background-color:#FFFFFF;
}

td.top-logo{
	background:url(../images/Classic-logo-home.jpg) center no-repeat;
	width:787px;
	height:173px;
	
}

td.top-logo-tech{
	background:url(../images/Classic-logo-tech.jpg) center no-repeat;
	width:787px;
	height:173px;
	
}

td.top-logo-about{
	background:url(../images/Classic-logo-about.jpg) center no-repeat;
	width:787px;
	height:173px;
	
}



.includedpg{
	padding:3px;
}

/*TOP MENU styles*/

#nav, #nav ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
	white-space:nowrap;
}

#nav a {
	display: block;
	padding-top:5px;
	height:20px; 
	text-align:center;
 }
	html>body #nav a {
		height:20px;
}


#nav li { /* all list items */
	float: left;
	width: 131px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position:absolute;
	border-left:1px solid #29361C;
	border-right:1px solid #29361C;
	border-bottom:1px solid #29361C;
	text-align:center;
	background: #C79C3D;
	width: 131px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

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

#content {
	clear: left;
	color: #ccc;
}

.navSub a{
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	vertical-align:bottom;
}
.navSub a:hover{
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#83321F;
	font-size:10px;
	vertical-align:bottom;
}

/*the button vibes*/
.menuContainer{
padding:0px 2px 0px 2px;
}

.button a{
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	vertical-align:bottom;
}

td.left {
	background:url(../images/button_l_red.jpg) no-repeat;
	width:8px;
}
td.middle {
	background:url(../images/button_m_red.jpg) repeat-x;
	color:#FFFFFF;
}
td.right {
	background:url(../images/button_r_red.jpg) no-repeat;
	width:8px;
}

td.left_dis {
	background:url(../images/button_l_roll.jpg) no-repeat;
	width:8px;
}
.middle_dis {
	background:url(../images/button_m_roll.jpg) repeat-x;
	color:#FFFFFF;
}
.right_dis {
	background:url(../images/button_r_roll.jpg) no-repeat;
	width:8px;
}

/*Picturebox, all the pictures go in this styled table*/

 .picBoxTitle {
color:#FFFFFF;
background-color:#83321F;

}

 .picBoxContent {
	font-size:14px;
	text-align:center;
	
}
 .picBoxContentLeft {
	font-size:14px;
	text-align:Left;

}

 a {
	color:#F8C961;
	font-weight:bold;
}

.picBoxCaption{
	color:#FFFFFF;
	background-color:#83321F;
	font-size:14px;
	text-align:center;
	padding:4px 0px 4px 0px;
}

.picBoxCaptionAlt {
	color:#333333;
	background-color:#FFFFFF;
	font-size:14px;
	text-align:center;
	padding:4px 0px 4px 0px;
}

.picBoxCaptionLeft{
	color:#FFFFFF;
	background-color:#83321F;
	font-size:14px;
	text-align:left;
	padding:4px 0px 4px 0px;
}

.picBoxBacktop{
	text-align:right;
	background-color:#83321F;
	font-size:12px;
	padding:4px 0px 4px 0px;

}

.special_white_border{
	border:solid 5px #FFF;
}

/*Highlights*/
.highlightGold{
	color: #F8C961;
}

.highlightDGreen{
	color: #234916;
	font-weight:bold;
}

.highlightLGreen{
	color: #88E982;
}

.highlightPink{
	color: #E58167;
}

.highlightBlue{
	color:#AFC2FC;
}

.highlightClay{
	color:#ECA36C;
}

/*Additional ClassicClay*/
.top-section-fleur-left{
	background:url(../images/classic-topleft-fleur.jpg) left no-repeat;
	height:21px;
}

.top-section-fleur-center{
	background:url(../images/classic-topmiddle-fleur.jpg) center no-repeat;
	height:21px;
}

.top-section-fleur-right{
	background:url(../images/classic-topright-fleur.jpg) right no-repeat;
	height:21px;
}

.bold-highlight-red{
	font-weight:bold;
	color:#8E2E15;

}

.caption { 
	font-size:12px;
	font-weight:bold;
	color:#8E2E15;
}

.content-title{
	color:#D2A138;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.main-content{
font-size:12px;
text-align:left;
}