body {
	margin			: 0em;
	padding			: 0em;
	
	font-family 	: Arial, Helvetica, sans-serif;
	font-size   	: small;
	/* IE 5 needs small keyword, 
	thus set this first then hide 
	"medium" from IE 5 but show it 
	to everyone else - don't move to ie.css*/
	
	voice-family 	: "\"}\"";
    voice-family 	: inherit;
	font-size   	: medium;
	
	color			: #333;
}

#body {
	font-size		: 100%;
	margin			: 0em;

}

/* Fake min-width for IE 5 and 6, use hack because IE 7 can handle max/min-width nativly */
* html #body {
	/* make sure these numbers do not match otherwise IE 6 locks up*/
	width:expression(document.body.clientWidth < 780? "770px" : document.body.clientWidth > 1274? "1280px" : "");
}

body a {
	text-decoration	: none;
	color			: #000066;
	font-weight		: bold;
}

body a:hover{
	text-decoration	: underline;
}

/* Layout essentials, don't leave home without em */
.right {  float : right; }
.left  {  float : left; }
.clear {  clear : both; }


a img {
border:0px;
}



/*****************************************************************/
/* Skip Links */
.skip {
   position: absolute;
   left: -999em;
   width: 10em;
}

a.skip:active,  a.skip:focus {
        left	: 150px;
		top		: 10px;
        border: 2px #ff9900 solid;
        background-color: #fff;
		color	: #000;
		padding : 0.5em;
		text-decoration : none;
}

.alphamarker {
	font-size : 2em;
	text-decoration : none;
	color		: #000;
}

.alphamarker:hover,
.alphamarker:active{
	text-decoration : underline;
}


.alphamarker small {
	font-size : 50%;
}

/*****************************************************************/
/* header */
#header {
	background : #FF9900 url(/images/site/header_center.jpg) no-repeat top right;
	position : absolute;
	width	: 73%;
	min-width		: 585px;
	
	height	: 66px;
	
	left	: 185px;
	top		: 14px;

	
}

#header p.contact {
	font-size	: 135%;
	margin		: 0.5em 2em 0em 0em;
	text-align	: right;
}

#header p.contact small {
	font-size 	: 60%;
}


#header .left{
	background : url(/images/site/header_right.jpg) no-repeat 0px 0px;
	width	: 179px;
	height	: 100%;
}

#header .left h1 {
	text-indent		: -3000px;
	letter-spacing	: -3000px;
}
#header .left h1 br {
	display : none; 
	/* stop opera showing text 
	in image replacment if break 
	is used in the heading tag */
}


/*****************************************************************/
/* Content */
#content.storelocator div.left {
	border-right	: 1px solid #FF9900;
	padding-right	: 1em;
}

#content.storelocator div.right {
	border-left		: none;
	padding-left	: 0em;
}

#content.viamich div.left {
	x-border-right	: 1px solid #FF9900;
	padding-right	: 1em;
	width			: 98%;
}

#content.viamich {
	
}

#content {
	width			: 73%;
	position		: absolute;
	top				: 80px;
	left			: 200px;
	font-size		: 80%;
	line-height		: 1.4em;
	
}
#content div.left,
#content div.right {
	padding : 0.5em;
}

#content div.left {
	width			: 55%;
}

#content div.right {
	width			: 35%;
	border-left		: 1px solid #FF9900;
	padding-left	: 2em;
	padding-bottom  : 10em;
}

#content img.right {
	margin			: 1em;
	margin-bottom	: 2em;
}

#content h2 {
	font-size		: 150%;
}

#content h2 a,
#content h2 {
	color			: #FF9900;
}

#content .cruise h2 {
	font-size		: 250%;
	line-height     :1.2em;
}

#content .cruise h2 a,
#content .cruise h2 {
	color			: #FF9900;
}

#content .cruise h3 {
	font-size		: 160%;
	line-height     :1.1em;
}

#content .cruise h3 a,
#content .cruise h3 {
	color			: #FF9900;
}

#content .cruise h4 {
	font-size		: 160%;
	line-height     :1.1em;
}

#content .cruise h4 a,
#content .cruise h4 {
	color			: #000;
}

#content .left .focal img {
	float			: left;
}

#content .left .focal blockquote {
	float			: right;
}

#content .mute {
	color			: #999;
}

#content hr {
    height: 1px; 
    margin: 1em 0; 
    padding:0; 
    border:0;
    background-color:#ccc; 
    color:#ccc; 
}

#footer {
	position : relative;
	bottom : 0px;
	display : block;
	width : 100%;
	background : #fff;
	margin-top : 1em;
	padding : 10px;
}

#footer .logos {
}

#footer .smallprint {
	
}


/*****************************************************************/
/* right hand banners */
#storelocator {
	background		: #FF9900;
	color			: #fff;
	margin-bottom	: 3em;
	float			: left;
	padding			: 0.5em;
	width			: 240px;
}

#content .right form {
	float			: left;
}

#content .right label {
	display			: block;

}

#content .right input.textbox {
	width			: 96%;
}

#content .right input.button {
	width			: 100px;
	color			: #fff;
	background-color	: #FF9900;
	border			: 1px solid #fff;
	cursor			: pointer;
	margin			: 0.5em;
	float			: right;
	
	font-weight		: bold;
}


#banners {
	border		: none;
}

#banners .mute small{
	display		: none;
}

#content.home #banners {
}


#banners p.mute {
	margin			: 0em 0em 0em 0em;
}

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

/*****************************************************************/
/*nav menu */
#menu {
position		: absolute;
top				: 0px;
left			: 0px;

background 		: #FF9901 url(/images/site/header_left.jpg) no-repeat top left;
color 			: #fff;
width			: 159px;

border-right	: 1px solid #FF9901;

padding-bottom	: 17px;
padding-top		: 200px;
padding-left	: 25px;
}



#menu h3 {
	margin 		: 0em;
	margin-left : 8px;
	font-size 	: 0.8em;
}

#menu ul {
	list-style-image : url(/images/site/arrow_menu.jpg);
	margin-left : 8px;
	padding-left : 0em;
	border-top	: 1px solid #fff;
}

#menu ul li {
	line-height : 1.5em;
}

#menu a {
font-size:70%;
color : #333;
text-decoration:none;
font-weight : normal;
}

#menu a:hover{
color:#990000;
text-decoration:underline;

}

#menu img {
margin-left:-18px;
margin-right:3px;
}





/*****************************************************************/
/* branch finder */
#branch_finder_counties h1{
font-size:130%;
display:inline;
}

.counties_text{
color:#000066;
text-decoration:none;
margin-left:5px;
}

.counties_text a{

color:#000066;
text-decoration:none;
margin-left:5px;
}

.counties_text a:hover{

color:#990000;
text-decoration:underline;
margin-left:5px;
}


/*****************************************/
/* MICROFORMATS : vCard contacts */

.vcard {

	background : #f1f6fc;
}

.vcard h4 {
	font-size : 1.3em;
	margin : 1em 0em 0em 0em;
	padding : 0.5em;
	position : relative;
}

.vcard ul {
	list-style-type : none;
	margin-left		: 0em;
	padding 		: 0.5em;
	float			: left;
	margin-right	: 1em;
	width			: 42%;
}

.vcard .tel .type {
	display			: none;
}

.vcard .contact a.email {
	color : #00209f;
}

.vcard .contact a.email:visted {
	color : #000;
}


.vcard hr {
	shade		: no-shade;
	height		: 0px;
	background-color : #666;
	border-top	: #666;
	clear		: both;
}

.clear {
	clear		: both;
}

#alphanav {
	margin-left : -0.6em;
	text-align : center;
	position : absolute;
	top		: 50px;
}

#alphanav a {
	padding : 0.8em;
	font-size : 90%;
	color		: #000;
}

* html #microformats {
	display		: none;
}

#microformats a {
	color : inherit;
}



ul.toc {
	list-style-image	: url(/exportedimages/arrow.gif);
}

ul.toc li {
	margin-bottom		: 1em;
}

ul.toc li a {
	color				: #000;
}




/*****************************************************************/
/* ViaMich forms */
#map {
	width : 100%;
	height : 2500px;
	border : none;
}


#viaMfrm1 fieldset {
	background : #fff;
	line-height	: 1.4em;
	border		: 1px solid #FF9900;
	padding		: 0.5em;
}

#viaMfrm1 legend {
	background : #fff;
	color		: #FF9900;
	font-size	: 1em;
	font-weight	: bold;
	border		: 1px solid #FF9900;
	padding		: 0.5em;
	display		: none;
}

#viaMfrm1 .button {
	background : #FF9900;
	color		: #fff;
	font-size	: 1em;
	font-weight	: bold;
	border		: 1px solid #000;
	padding		: 0.2em;
	cursor		: pointer;
}
#viaMfrm1 .textbox {
	border		: 1px solid #000;
	width		: 200px;
}



#viaMfrm1 fieldset label {
	display		: block;
	font-weight	: bold;
	margin-top	: 1em;
}

.warning {
	background : #f1f6fc;
	border		: 1px solid #000;
	padding		: 0.5em;
}

#banners .borders li img {
	border		: 1px solid #000;
	margin-bottom : 20px;
}

/* email signup form */
fieldset#newsletter {
	border		: 1px solid #ccc;
	margin		: 2em 0em 2em 0em;
	padding		: 10px;
}
	
fieldset#newsletter legend 
{
    font-weight	: bold;
    
	background	: #FF9901;
	color		: #fff;
	padding		: 5px;
}
fieldset#newsletter label {
	font-weight	: bold;
	display		: block;
	width		: 50%;
	float		: left;
}
fieldset#newsletter .row {
	padding		: 5px 0px 5px 0px;
	margin		: 1px 0px 1px 0px;
	clear		: both;
}

fieldset#newsletter .wide-row {
	padding		: 5px 0px 5px 0px;
	margin		: 1px 0px 1px 0px;
	clear		: both;
}

fieldset#newsletter div.reverse label,
fieldset#newsletter div.reverse input {
	float		: right;
	margin-right : 10px;
}

fieldset#newsletter div.column {
	float		: left;
	width		: 33%;
}
fieldset#newsletter div.column label {
	width		: 150px;
}

fieldset#newsletter .radios label {
	width		: 200px;
	float		: none;
	margin-bottom : 0.5em;
}
fieldset#newsletter .radios input {
	float		: left;
	margin-right	: 10px;
}

fieldset#newsletter .asterix {
	color		: darkred;
}