/* major page layout stuff */

BODY {
	background-color:#eeeeee;
	margin-top: 0px;
	margin-bottom: 0px;
}

body, textarea, input, select
{
	font-family: Verdana;
	font-size: 11px;
}

td.middle
{
	vertical-align: center;
}

th
{
	text-align: left;
	white-space: nowrap;
}

p {align: justify;}

form
{
	margin: 0px;
	padding: 0px;
}

img
{
	border: 0px;
}

label
{
	font-weight: bold;
}

label.required
{
	color: #E86F1E;
}

.error
{
	color: red;
	font-weight: bold;
}

.center
{
	text-align: center;
}

.normal
{
	font-weight: normal;
}

.wide
{
	width: 100%;
}

fieldset
{
	padding: 0px 15px 15px 15px;
	margin-bottom: 20px;
	border: 1px #CCCCCC solid;
}

legend
{
	padding-bottom: 5px;
	color: #E86F1E;
	font-size: 13px;
	font-weight: bold;
}

#footer
{
	background-color: #FAFAFA;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px 10px 5px 10px;
	color: #999999;
}

#footer a
{
	color: #999999;
	text-decoration: none;
}

#footer div
{
	width: 710px;
}

#directoryResults td.contactinfo, #downloadlist td
{
	white-space: nowrap;
}

table.ruled, #upcominglist
{
	border-spacing: 0px;
	border-collapse: collapse;
}

table.ruled td, table.ruled th, #upcominglist td, #upcominglist th
{	
	border: 1px black solid;
	border-collapse: collapse;
	padding: 3px;
}

.searchinput {
	background: rgb(255, 255, 255) url(http://www.google.com/coop/intl/en/images/google_custom_search_watermark.gif) no-repeat scroll left center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;
	height: 20px;
	color: #666666;
	border-width: 1px;
	border-style: solid;
	border-color: #CACACA;
	width: 200px;
}
.searchinputon {
	background-color: #FFF;
	height: 20px;
	color: #666666;
	border-width: 1px;
	border-style: solid;
	border-color: #CACACA;
	width: 200px;
}

.onclickstyle {
}

.orangeheader
{
	font-family: "arial narrow", "Franklin Gothic Medium Cond", Arial, sans-serif;
	font-size: 23px;
	font-weight: normal;
	color: #E86F1E;
	margin: 0px;
	padding: 0px;
}
h1.orangeheader
{
	text-align: left;
	vertical-align:bottom;
}

.blackheader
{
	font-family: "arial narrow", "Franklin Gothic Medium Cond", Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #111111;
	margin: 0px;
	padding: 0px;

}

#loginbox
{
	z-index: 999;
}

#welcomebox
{
	position: absolute;
	background-repeat: no-repeat;
	width: 155px;
	height: 143px;
	padding: 10px 10px 10px 10px;
	z-index: 999;
}

#loginbox a, #loginbox label
{
	font-size: 9px;
	color: #999999;
	font-weight: normal;
}

div#pagebody
{
}

table#pagebody
{
	width: 75%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	/*table-layout:fixed;*/
}

#leftcolumn
{
	border-right: 1px dotted #cccccc;
	width: 180px;
	vertical-align:top;
}

#leftcolumn_nopad
{
	padding: 0px;
	width: 180px;
	vertical-align:top;
}

#leftnav
{
	padding-left: 0px;
	margin-left: 0px;
	width: 180px;
}

#leftnav td
{
	vertical-align: top;
	padding: 7px;
	border-bottom: 1px dotted #cccccc;
}

#leftnav th
{
	vertical-align: middle;
	padding: 3px;
	padding-left: 7px;
	background-color: #999999;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
}

#leftnav img
{
	position: relative;
	left: -10;
}


#maincolumn
{
	padding: 5px;
	padding-left: 10px;
	vertical-align:top;
	height: 100%;
}

#maincolumn_nopad
{
	padding: 0px;
	height: 100%;
}

#rightcolumn
{
	width: 155px;
}

#rightcolumn_nopad
{
	width: 155px;
	border-left: 1px dotted #cccccc; 
	padding:0px;
}

ul
{
	margin: 0px 0px 0px 10px;
	padding-left: 10px;
	list-style-image: url(/images/bullet.gif);
}



/* minor stuff */
td, p, ol, ul, li, div, input, select, textarea { font-family: verdana, Arial, sans-serif; font-size: 11px; }
a  {font-style: normal; font-family: verdana, arial; text-decoration: none; color: #E86F1E}
img.ruled { border: 1px solid black; }
a:hover  {text-decoration: underline; }

a.blackborder  {color: #000000; }
.d4quote { font-family:arial narrow, arial; font-size: 20px; font-weight: bold; color:#333366;}
.d4quotecredit { font-family:arial narrow, arial; font-size: 14px; font-weight: bold; color:#cccccc;}.d4quote2 { font-family:arial narrow, arial; font-size: 16px; line-height:18px; font-weight: bold; color:#333366;}

.smallarial { font-family: Arial, sans-serif; font-size: 11px; }
p.orangeheader { font-family: arial narrow, Franklin Gothic Medium Cond, Arial, sans-serif; font-size: 23px; vertical-align:bottom; line-height:27px; font-weight: normal; color: #E86F1E; }
.grayheader { font-family: arial narrow, Arial, sans-serif; font-size: 23px; font-weight: normal; color: #cccccc}
.smallorangetext { font-family: verdana, Arial, sans-serif; font-size: 11px; color: #E86F1E}
.smallgraytext { font-family: verdana, Arial, sans-serif; font-size: 11px; color: #999999}
.smallwhitetext { font-family: verdana, Arial, sans-serif; font-size: 10px; color: #ffffff}
.nineptgraytext { font-family: verdana, Arial, sans-serif; font-size: 9px; color: #999999; text-decoration: none}
.9ptgraytext { font-family: verdana, Arial, sans-serif; font-size: 9px; color: #999999}
.9ptblacktext { font-family: verdana, Arial, sans-serif; font-size: 9px; color: #000000}
.smallnavytext { font-family: sans-serif,  arial; font-size: 9px; color: #333366}
.graysmallheader { font-family: verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #646464 }
.blacksubheader { font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; color: #000000 }

.graysubheader { font-family: verdana, Arial, sans-serif; font-size: 8pt; font-weight: bold; color: #646464 }
/*.graysubheading { font-family: verdana, Arial, sans-serif; font-size: 8pt; font-weight: bold; color: #646464 } */
.orangesubheader { font-family: verdana, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #E86F1E }
.navysubheader { font-family: verdana, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #333366 }
.orangesmallheader { font-family: verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #E86F1E }
.whitesubheader { font-family: verdana, Arial, sans-serif; font-size: 13px; line-height:20px; font-weight: bold; color: #ffffff }
.newsheadline { font-family: Arial Narrow, Arial, sans-serif; font-size: 20px; font-weight: 600; letter-spacing: -1px; color: #000000 }
.subnewsheadline { font-family: Arial Narrow, Arial, sans-serif; font-size: 15px; font-weight: 600; letter-spacing: -1px; color: #000000 }
.giantred { font-family: Arial, sans-serif; font-size: 22px; font-weight: bold; color: #CC0000}
.sup { font-family: verdana, Arial, sans-serif; font-size: 6px; vertical-align:top;}
a.whitesubheader { font-family: verdana, Arial, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; color: #ffffff }
a.smallnavylink {font-size: 9px; font-style: normal; font-family: sans-serif, arial; text-decoration: none; color: #333366}
a.navylink {font-size: 11px; font-style: normal; font-family: verdana, arial; text-decoration: none; color: #333366}
a.boldorangelink {font-family: verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #E86F1E}
a.morelink {font-size: 9px; font-style: normal; font-family: verdana, arial; text-decoration: underline; color: #000000}
a.graylink {font-size: 11px; font-style: normal; font-family: verdana, arial; text-decoration: none; color: #999999}
a.expand {font-size: 11px; font-style: normal; font-family: verdana, arial; text-decoration: none; color: #999999}
a.expand:hover { text-decoration: none; }
a.anchor {font-size: 11px; font-style: normal; font-family: verdana, arial; text-decoration: none; color: #000000}
a.sidebarlink  {font-size: 9px; font-style: normal; font-family: verdana, arial; text-decoration: none; color: #E86F1E}

.menudiv { background-color:#E86F1E; color:white; padding:10px; position:absolute; top:190px; width:100px; visibility:hidden; z-index:999 }
.menulink { color: white; text-decoration: none; font-size: 10px; line-height:14px; }

.principaintro { font-family: arial narrow, Arial, sans-serif; font-size: 16px; line-height:18px; font-weight: normal; color: #333366}
.principaintro2 { font-family: verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; color: #333366}
.featurelinks { font-family: verdana, Arial, sans-serif; font-size: 9px; line-height:10px; font-weight: bold; color: #333366}

input.login {
	background: #ffffff;
	color: #666666;
	border-width: 1px;
	border-style: solid;
	border-color: #CACACA;
}

.dateChooserDisplay
{
	border: 1px #A5ACB2 solid;
	height: 16px;
	cursor: default;
	white-space: nowrap;
}

.container {font-family:verdana;font-size:12px;color:#666666;}
.content {font-family:verdana;font-size:12px;color:#666666;}
.footer {text-decoration:none;font-family:verdana;font-size:10px;color:#666666;}
.mainmenu {vertical-align:middle;font-size: 11px; font-style: normal; font-weight: bold; font-family: verdana, arial; text-decoration: none; color: #999999; border-right: 1px #cccccc;}
.topnav {font-size: 11px; font-style: normal; font-weight: bold; font-family: verdana, arial; text-decoration: none; color: #999999}
.topnav:HOVER {color: #E86F1E}
td.mm_button_tile {vertical-align:middle;cursor:pointer;font-family:verdana;font-size:12px;color:#666666;background: url(/images/button_tile.jpg) repeat;}
.mm_button_label_over {vertical-align:middle;font-size: 11px; font-style: normal; font-weight: bold; font-family: verdana, arial; text-decoration: none; color: #E86F1E;}
.mm_button_label_out {vertical-align:middle;font-size: 11px; font-style: normal; font-weight: bold; font-family: verdana, arial; text-decoration: none; color: #999999;}

.mmb {height:35px;cursor:pointer;}
.mmb_bg {height:35px;background:url(/images/button_tile.jpg) repeat;}
.mmb_label {vertical-align:middle;font-size: 11px; font-style: normal; font-weight: bold; font-family: verdana, arial; text-decoration: none; color: #999999}
.mmb_on {width:47px;height:35px;background:url(/images/button_on.jpg) no-repeat;}
.mmb_off {width:47px;height:35px;background:url('/images/button_off.jpg') no-repeat;}
.mmb_rt {background:url(/images/button_rt.jpg) no-repeat;width:22px;height:35px;}

#cart_header {padding-bottom:3px;font-family:verdana;font-size:12px;color:#666666;}
#cart_totals {padding-bottom:3px;font-family:verdana;font-size:12px;color:#666666;}

.textoc{
       font-size    : 7 pt ;
	color       : #333366;
	font-weight : bold;
}
.textoc:hover{
	color       : #E86F00;
        font-size   : 7 pt;
        font-weight : bold;
}


.collapse_menu {
	display: none;
	z-index:100;
}
.collapse_button {
	cursor: pointer;
	display: block;
}

 #mm_msgbox {
	overflow: auto;
	margin: 10px;
	padding: 10px;
	text-align: left;
	vertical-align:top;
}

.mm_msgbox, .mm_msgbox a {
	font-family: "arial narrow", "Franklin Gothic Medium Cond", Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #E86F1E;
}

.mm_frame {width:515px;height:210px;}
.mm_frame_empty {width:515px;height:210px; background: url(/images/spacer.gif) #FFFFFF; }

.msg {
	background: #FFFFFF;
}

#dhtmltooltip {
position: absolute;
width: 150px;
border: 0px solid black;
padding: 2px;
background-color: transparent;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#popup_box {
	margin: 10px;
	padding: 10px;
	text-align: left;
	vertical-align:top;
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
	background-color: #FFFFFF;
	z-index: 10;
}
#popup_msg {
	overflow: auto;
	width:350px;
	height:250px;
	font-family: "arial narrow", "Franklin Gothic Medium Cond", Arial, sans-serif;
	font-size: 14px;
	color: #2B2A49;
	margin: 0px;
	padding: 4px;
}

#popup_pos {
	position:relative;
} 
.dhtmltooltip {
	font-family: "arial narrow", "Franklin Gothic Medium Cond", Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #2B2A49;
	margin: 0px;
	padding: 4px;
}

table.subnav_ddmenu_new 
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	cellspacing: 20px;
	float: right;
	border: 1px;
	position: relative;
	z-index: 50;
	width: auto;
	height: auto;
}

.subnav_ddmenu_new td
{
	padding-left: 5px;
	padding-right: 5px;
}

.subnav_ddmenu_new a:hover
{
	font-family: "Arial Narrow", "Franklin Gothic Medium Cond", Arial;
	font-size: 14px;
	font-weight: normal;
	color: #E86F1E;
	text-decoration: none;	
}

.subnav_ddmenu_new a 
{
	font-family: Arial Narrow, Franklin Gothic Medium Cond, Arial;
	font-size: 14px;
	font-weight: normal;
	color: #636363;
	text-decoration: none;	
}

table.subnav_ddmenu 
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	cellspacing: 20px;
	float: right;
	border: 1px;
	position: relative;
	z-index: 50;
	width: auto;
	height: auto;
}

.subnav_ddmenu td
{
	padding-left: 20px;
	padding-right: 20px;
}

.subnav_ddmenu a:hover
{
	font-family: "Arial Narrow", "Franklin Gothic Medium Cond", Arial;
	font-size: 14px;
	font-weight: normal;
	color: #E86F1E;
	text-decoration: none;	
}

.subnav_ddmenu a 
{
	font-family: Arial Narrow, Franklin Gothic Medium Cond, Arial;
	font-size: 14px;
	font-weight: normal;
	color: #636363;
	text-decoration: none;	
}


.subnav_ddmenu_out 
{
	font-family: "Arial Narrow", "Franklin Gothic Medium Cond", Arial;
	font-size: 14px;
	font-weight:bold;
	color: #636363;
	text-decoration:none;	
	background: url(/images/bg_arrow1.gif) top left no-repeat;
	padding-left:1px;
	line-height:16px;
	padding-top:4px;
}

.subnav_ddmenu_over
{
	font-family: "Arial Narrow", "Franklin Gothic Medium Cond", Arial;
	font-size: 14px;
	font-weight:bold;
	color: #E86F1E;
	text-decoration:none;	
	background: url(/images/bg_arrow2.gif) top left no-repeat;
	padding-left:1px;
	cursor: pointer;
	line-height:16px;
	padding-top:4px;
}

table.ddmenu 
{
	background-color: #FFFFFF;
	padding: 5px;
	overflow: visible;
	display: block;
	visibility: hidden;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	position: absolute;
	top: 20;
	left: 0;
	width: auto;
	height: auto;
	vertical-align: middle;
	z-index: 50;
}

.ddmenu td
{
	padding-top: 5px;
	padding-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	align: left;
}

.ddmenu a
{
	color: #666666;
}

.ddmenu a:hover
{
	color: #E86F1E;
	text-decoration: none;
}

