

@import "/_includes/_forms.css";


BODY {
font-size : 100%; 
background-image: URL(/_images/maxwell_woodtile.jpg);
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
background-color : #ffffff; 
color : #656565; 
} 


/***************** GENERAL STYLES ****************************/
A:link {
color : #FBA400; 
text-decoration : underline; 
} 
A:visited {
color : #65b3bd; 
text-decoration : underline; 
} 
A:active , A:hover {
color : #e85b0b; 
text-decoration : none; 
} 

td {
font-size : 80%; 
font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

.BiggieLetter {
font-size : 140%; 
color:#338577;

}

ul , ol , p {
font-size : 100%; 
color : #656565; 
font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
/*letter-spacing : 1px; -- THIS IS STILL MESSING UP THE <BR> TAG */
} 

ul{
margin-top:0;
padding-top:0;
}

li {
margin-bottom : 9px; 
}

p {
margin-top : 5px; 
}


.hdr , H1 {
font-weight : bold; 
font-size : 140%; 
color : #AC3600;
font-family : Helvetica, Verdana, Geneva, Arial, sans-serif; 
font-variant : small-caps; 
padding-bottom : 0; 
margin-bottom : 0; 
}
 
.subhdr , H2 {
font-size : 140%; 
color : #006755;
font-family : Lucida Sans Unicode,Helvetica, Verdana, Geneva, Arial, sans-serif;
padding-top : 0; 
padding-bottom : 5px; 
margin-bottom : 3px; 
/*font-variant : small-caps;*/
} 

.sshdr , H3 {
font-weight : bold; 
font-size : 100%; 
color : #ff6215; 
font-family : Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif; 
}


.bold , B,strong {
font-weight : bold; 
} 

.italic , I {
font-style : italic; 
font-weight : bold; 
color : #006755; 
} 

.caption {
display:block;
padding:4px;
border:1px solid #CDCDCD;
background-color:#FFFBEA;
font-size : 10px; 
color : #008698; 
margin-left : 10px; 
margin-right : 10px; 
} 



div.quote {
font-size : 85%; 
color : #ff6215; 
padding-top : 12px; 
}

.stxt {
font-size : 75%; 
color : #656565; 
} 

.note {
background-color : yellow; 
} 

.reg {
font-size : 10.5px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
vertical-align : text-top; 
} 

HR {
color : #993333; 
} 

 
BLOCKQUOTE {
margin-bottom : 6px; 
margin-top: 6px;
margin-left: 18px;
} 

/***************** GENERAL STYLES ****************************/





/* ERROR STYLES */
.smallerror {
font-weight : bold; 
color : #ff6600; 
font-size : 10px; 
} 
.error, .error_box {
font-weight : bold; 
color : red; 
} 
.red{
color:red;
}
INPUT.error, SELECT.error, TEXTAREA.error {
  font-weight: normal;
  color: black;
  background-color: yellow;
}
/* ERROR STYLES */










/* FOOTER */
A.fl,A.flAT{
font-weight:bold;
}
A.fl:link {
color : #FFA205; 
font-family : Verdana, Helvetica, Tahoma; 
text-decoration : underline; 
} 
A.fl:visited {
color : #68AE99; 
font-family : Verdana, Helvetica, Tahoma; 
text-decoration : underline; 
} 
A.fl:hover , A.fl:active {
color : #ed6416; 
font-family : Verdana, Helvetica, Tahoma; 
text-decoration : none; 
} 
A.flAT:link , A.flAT:hover , A.flAT:active , A.flAT:visited {
color : #ed6416; 
font-family : Verdana, Helvetica, Tahoma; 
text-decoration : none; 
} 


A.sfl:link , A.sfl:visited {
color : #727272; 
text-decoration : none; 
} 
A.sfl:hover , A.sfl:active {
color : #008698; 
text-decoration : underline; 
} 


.footer {
font-size : 10.5px; 
color : #727272; 
font-weight : bold; 
} 
.intfooter {
font-size : 12.5px; 
color : #5c4eb0; 
} 
/* FOOTER */



/*DATA TABLE*/
.dataTable {
border : 1px solid #e3e0db; 
background : #F9F8F7; 
} 
.rowHead {
background : #95abd8; 
color : #ffffff; 
} 
.rowEven {
background : #ffffff; 
} 
.rowOdd {
background : #F2F0EE; 
} 
/*DATA TABLE*/

#packspecs {
width: 345px;
}
#packspecs p { text-align: center; }

/* transmenu dropdown css */
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	}

.transMenu.top .items {
	border-top:none;
	}

/* each TR.item is one menu item */
.transMenu .item {
    color:#464b4e;
	background-color: #ffce39;
    font-size:14px;
    font-family:sans-serif;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.9;
	filter:alpha(opacity=80);
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background:#ffc000;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px;
	}