/* CSS Document */
body { color:#5d4f3d; background-color:#fff; min-width:750px; margin:0; padding:0; font:75% verdana, arial, helvetica, sans-serif; }
/*html { overflow: hidden; }*/
p { margin:0; padding:0; }
img { display:block; }
a { color: #5d4f3d;	text-decoration:underline; }
a span { display:none; }
a:hover { color:#990000; }
td { vertical-align: top; }

/* Hack to prevent floats of left column from 'creeping' 3px */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html body div#content { margin-left:152px; }
/* End hide from IE5/mac */

/* This div wraps around the entire content area and allows the creation of faux left column bg-color 
#leftBackgroundWrapper { background: url(../images/col_bg_grey.gif) repeat-y top left; width:100%; margin:0; padding:0; } */

#header { position: relative; margin:5px; padding:0; height:70px; background-color:#fff; text-transform: uppercase; }

/* Site Search Box ------------------------------------------ */
#siteSearchBox { position: absolute; top:5px; right:0; padding:0; margin:0; }
#siteSearchBox form { font-size:9px; margin:0; color:#b3b3b3; }
#siteSearchBox label { visibility:hidden; width:0; height:0; font-size:1px; padding:0; margin:0; }
#siteSearchBox input { padding:0; margin:0; font-size:9px; text-align:left; }
/* #siteSearchBox input.button { vertical-align:top; } */

/* Utility Navigation Menu ------------------------------------------------ */
#utilityNav { position:absolute; top:5px; left: 600px; padding:2px; text-transform: uppercase; font-size: 0.7em; } /* when site search box is not used, change right position to 2px 
#utilityNav ul { list-style:none; margin:0; padding:0; font-size:.8em; }
#utilityNav li	{ display:block; margin:0; padding:0; float:left; width:auto; }
#utilityNavList a { width:auto; text-transform:uppercase; text-decoration:none; margin:0; padding:0 3px; } */

#radSelect_1 { display: none; clear: none; }
#radSelect_2 { display: none; clear: none; }
#radSelect_3 { display: none; clear: none; }
#radSelect_4 { display: none; clear: none; }

/* Tab Navigation Menu ----------------------------------------------------- */
#siteNav{ position: absolute; top: 60px; text-transform: uppercase; color: #776; text-align: center; }

table#tabnav {
	font: bold 0.9em verdana, arial, sans-serif; 
	list-style-type: none;
	padding-bottom: 10px;
	border-bottom: 15px solid #B00;
	background-color: #EEEEE5; 
	margin: 0;
	width: 100% ;
	border-collapse: collapse;
}

body#tab1 td.tab1, body#tab2 td.tab2, body#tab3 td.tab3, body#tab7 td.tab7, body#tab4 td.tab4, body#tab5 td.tab5, body#tab6 td.tab6
{ 
	border-top: 5px solid #B00; 
	background-color: #DDC; 
}

/*body#tab1 td.tab1 a, body#tab2 td.tab2 a, body#tab3 td.tab3 a, body#tab4 td.tab4 a, body#tab5 td.tab5 a, body#tab6 td.tab6 a { color: #776; } */
#tabnav a { float: none; display: block; text-decoration: none; padding: 4px; }
#tabnav a:link { color: #776; }
#tabnav a:visited { color: #776; }
#tabnav a:hover { color: #B00; }

/* Left Side Bar Menu ----------------------------------------------------- */
#leftColumn { 
	float:left;
	clear:right;
	width:15%;
	height: 520px;
	background-color:#EEEEE5;
	margin: 0;
	z-index:auto;
	/*white-space: normal;*/
	padding: 0;
	line-height:1.1em;
	font-size:1.0em;
}
#leftColumn a { color: #000; }
#leftColumn a:hover {color: #B00; }
#leftColumn a:active {font-weight; bold; }
#leftColumn img { float: left; }
.menu_header { background-color: #568; color: #FFF; text-align: center; font-weight: bold; font-size: 1.0em; text-transform: uppercase; padding: 0; margin: 0; line-height:1.5em; }
.menu_info { padding: 5px 5px 0px 5px; font-size: 0.8em; list-style-type: none; list-style-image: url(../images/red_bullet.gif); }
#leftColumn ul li { font-size: 0.8em; }

/* Main Content Styles ---------------------------------------------------- */
#container { position:relative; width:100%; margin:0; padding:0; top: 20px; background-color: #FFF; }/* this div wraps around all elements except the header and footer in order to control positioning */
#content { position:relative; padding:0; color:#5d4f3d; height: 520px; overflow: auto; font-size: 1.0em; background-color: #fff; }/* this div wraps around all content except the left column in order to control positioning and appearnce of main content */ 
#content h5 { margin:0; padding:10px 10px 5px 12px; font-size:1.2em; color:#B00; font-weight:bold; text-transform:uppercase; }
#content p { margin:0; padding:5px 12px; line-height:1.2em; font-size: 0.9em; }
#content ul { line-height:1.2em; font-size: 0.9em; }
#content span { font-weight: bold; }
#content a:hover, #rightColumn a:hover { color:#B00; }
#content ul.extraLeft, #content p.extraLeft, #content h5.extraLeft { padding-left:16px; }
#content div#top { position:relative; height:1%; margin:0; padding:0; background-color:#fff; }/* Note use of hierarchy of selectors. Only the div (and all of its child selectors) with id "top" located within the div with id "content" adhere to these styles. */

/* Left Column --------------------------------------- */
#main { 
	background-color:#FFF;
	margin: 0;
	z-index:auto;
	padding: 5px 5px 0 5px;
	/*white-space: normal;*/
	line-height:1.2em;
	font-size:1.1em;
	text-align: justify;
	vertical-align: top;
	width: 83%;
}
#main h4 { font-size: 1.4em; font-weight: 300; color: #B00; text-transform: uppercase; }
#main h5 { font-size: 1.0em; font-weight: bold; color: #999; text-transform: uppercase; }
ul.main { list-style-type: none; list-style-image: url(../images/red-carat.gif); padding-right: 8px;}

.rightColumn { 
	width:17%;
	height:auto;
	background-color:#EEEEE5;
	margin: 0;
	z-index:auto;
	padding: 0 2px 0 2px;
	/*white-space: normal;*/
	line-height:1.1em;
	font-size:1.0em;
	text-align: center;
	text-transform: uppercase;
	vertical-align: top;
}

#rightBackgroundWrapperCorporate {
	background:url(/tcom/images/col_bg.gif) repeat-y top right;
	width:100%;
	margin:0;
	padding:0;
	clear: both;
	font-size:1.1em;
}	
	
#footer { position:relative; right: 10px; padding: 0 5px; text-align: right; clear: both; background-color: #fff; }
hr { color: #B00; text-align: center; }
.makebutton { background-color: #CCC; color: #000; font-size: 0.85em; width: 7.5em; border: 1px solid #000; }
.makebutton  a { text-decoration: none; }
.makebutton p { line-height:0.9em; }

.small_note { color: #B00; font-size: 0.75em; font-weight: lighter; }
.top { text-align: center; font-weight: bold; margin: 5px 0 5px 0;}

.info_table { width: 75%; border: 2px solid #B00; }
.info_cell { padding: 5px; }
.center { text-align: center; }
.underline_items { font-weight: bold; font-style: italic; text-decoration: underline; }

