/*
 *****************************************************************************************
 *
 * Warren Capital Corporation
 *
 *****************************************************************************************
*/





/* ---- Reset all styles ---------------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, input, p, blockquote, address, th, td {
	margin: 0;
	padding: 0;
}
/* h1, h2, */ h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
fieldset, img {
	border: 0;
}





/* ---- Set new basic styles --------------------------------------------------------- */

body {
	position: relative;
	text-align: center;
	/* margin: 0 auto 0 auto; */
	background-color: #7E96A9;
	font: normal 12px/1.2 Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif;
}
p, td, th, li, dt, dd, label {

}
a, a:visited { 
	color: #0000FF; 
	text-decoration: underline;
} 
a:hover {
	text-decoration:underline;
}

/* Basic blocktext? Set horizontal margins and add vertical padding?? */
/* No, set contextually through the proper div, such as through #contentdiv */
/*
h1, h2, h3, h4, h5, h6, p, ul { 
	margin: 0 20px; 
	padding: .5em 0;
}
*/

.clear {
	clear:both;
}

p.back-to-top {
	text-align:right;
}
p.back-to-top a {
	text-decoration:none;
	color:#999999;
}
p.back-to-top a:hover {
	text-decoration:underline;
	color:#DDDDDD;

}
div.table-of-contents {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border:1px solid #CCC;
	background-color:#EEE;
	padding:7px 4px;
	margin-bottom:16px;
}
div.table-of-contents a {
	padding:0 1px;
	text-decoration:none;
}

/* The quickaccessul is provided for screen reader assistance, and is typically hidden from the displayed screen. */
/* We prefer to read the quickaccessul before any content or navigation, but after the "headerdiv" so as to announce the site's name. */
/* Use a negative text-indent or offscreen absolute to hide from visual design. */
#quickaccessul {
	position:absolute;
	text-indent:-9999px;
}
#quickaccesspanel {
	position:absolute;
	width:800px;
	left:-1200px;
}


:root{
	overflow-y:scroll;
}


/* ---- =CONTAINER ---------------------------------------------------------------- */

#container {
	width:800px;
	text-align:left;
	margin:0px auto;
	position:relative;
	border-left:1px solid #1C4A83;
	border-right:1px solid #1C4A83;
	border-bottom:1px solid #1C4A83;
	/* background: #FFFFFF url(../images/edge_transparency.png) repeat-y left; */
	background-color:#FFFFFF;
}

#container-overlay-left {
	position:absolute;
	top:0;
	left:0;
	width:25px;
	height:0;		/* need to do this otherwise IE7 was calculating at 18px for some reason */
	background: url(../images/edge_transparency.png) repeat-y left;
}
#container-overlay-right {
	position:absolute;
	top:0;
	right:0;
	width:25px;
	height:0;		/* need to do this otherwise IE7 was calculating at 18px for some reason */
	background: url(../images/edge_transparency.png) repeat-y right;
}




/* ---- =MASTHEADDIV ---------------------------------------------------------------- */

#mastheaddiv {
	position:relative;
	width:800px;
	height:109px;
	background:url(../images/masthead.gif) top center no-repeat;
}
#mastheaddiv h1 {
	position:absolute;
	text-indent:-9999px;
}
#mastheaddiv p#contactinformation {
	position:absolute;
	right:37px;
	top:45px;
	color:#1f5190;
	text-align:right;
}
#mastheaddiv a {
	text-decoration:none;
	color:#1f5190;
	font-weight:normal;
}
#mastheaddiv p#phonenumbers {
	position:absolute;
	top:0;
	right:0;
	text-indent:-9999px;
	background:url(../images/phonenumbers.png) no-repeat top right !important;		/* transparent PNGs */
	background:url(../images/phonenumbers.gif) no-repeat top right;					/* IE 6 fallback filter */
	width:328px;
	height:25px;
}
h3#tagline {
	position:absolute;
	text-indent:-9999px;
	top:273px;
	left:32px;
	background:#FFFFFF url(../images/tagline.gif) no-repeat center center;
	width:422px;
	height:25px;
}




/* ---- =TITLEDIV ---------------------------------------------------------------- */

#titlediv {
	position:relative;
	width:800px;
	background:url(../images/title_bg_welcome.jpg) no-repeat bottom center;
	height:96px;
	/*border-top:3px solid #FFFFFF;*/
	border-bottom:1px solid #001448;
}
/* ---- bg for financing/wine.asp ---- */
#financing-wine #titlediv {
	background:url(../images/title_bg_financewine.jpg) no-repeat bottom center;
}

#titlediv h2 {
	position:relative;
	top:32px;
	margin-left:0;
	font:200%/1 Arial, Helvetica, sans-serif;
	padding:7px 0;
	font-weight:bold;
	padding-left:96px;
	background:#ccdddf url(../images/title_arrow.gif) no-repeat center left;
	width:252px;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	color: #102948;
}




/* ---- =ACTIONDIV ---------------------------------------------------------------- */

#actiondiv {
	width:100%;
	height:25px;
	background:url(../images/action_background.gif) repeat-x center center;
}
#actiondiv ul {

}
#actiondiv ul li {
	float:right;
	background:url(../images/action_button.gif) no-repeat center right;
	width:163px;
	height:25px;
}
#actiondiv ul li a {
	display:block;
	background:url(../images/action_button.gif) no-repeat center right;
	width:163px;
	height:25px;
	text-indent:-9999px;
	outline:0;
}
#actiondiv ul li a:hover {
	background:url(../images/action_button_rollover.gif) no-repeat center right;
}




/* ---- =CONTENTDIV ---------------------------------------------------------------- */

#contentdiv {
	float:right;
	display:inline;			/* to fix IE double-margin bug */
	width:480px;
	margin-top:80px;
	margin-right:75px;
}
#contentdiv p, #contentdiv ul {
	margin-bottom: 1em; 
}
#contentdiv ul {
	list-style-type:square;
	margin-left:20px;
}
#contentdiv ol {
	list-style-type:decimal;
	margin-left:20px;
}
#contentdiv li {
	margin-left:10px;
	margin-bottom:9px;
}
#contentdiv h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:12px;
	line-height:1.1;
}
#contentdiv h4 {
	font-weight:bold;
	font-size:12px;
	line-height:1.1;
	margin-top:16px;
	margin-bottom:8px;
	zzzborder-bottom:1px solid #CCC;
}
#contentdiv h5 {
	font-weight:bold;
	font-size:1.2em;
	line-height:1.1;
	margin-top:16px;
	margin-bottom:2px;
}
#contentdiv blockquote {
	line-height:1.1;
	margin-bottom:16px;
	margin-left:20px;
	margin-right:20px;
	padding-left:14px;
	border-left:3px solid #CCC;
}
#contentdiv cite {
	font-style:italic;
}

/* ---- =FOOTERDIV ---------------------------------------------------------------- */

#footerdiv {
	width:500px;
	margin-top:15px;
	background:#1f5190 url(../images/footerdiv_bg_left_tile.gif) repeat-x top;
}
#footerdiv-inner {
	background: url(../images/footerdiv_bg_right_cap.gif) no-repeat top right;
}
#footerdiv ul {
	float:left;
	display:inline;
	margin:0 25px;
}
#footerdiv ul li {
	float:left;
	padding:6px 0;
}
#footerdiv ul li a {
	display:block;
	padding:0 10px;
	font: 90%/90% Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	border-right:1px solid white;
	text-decoration:none;
}
#footerdiv ul li.last a {
	border-right:0;
}
#footerdiv ul li a:hover {
	text-decoration:underline;
}




/* ---- =sitemap page---------------------------------------------------------------- */


body#sitemap #contentdiv ul {
	margin-bottom:0;
}
body#sitemap #contentdiv li {
	margin-top:9px;
	margin-bottom:0;
	
	font-weight:bold;
}

body#sitemap #contentdiv li li {
	font-weight:normal;
}

body#sitemap #contentdiv a {
	text-decoration:none;
}
body#sitemap #contentdiv a:hover {
	text-decoration:underline;
}