BODY	{ SCROLLBAR-BASE-COLOR: #2D2D4A }



a:link		{ color: #3300FF; text-decoration: none }

a:visited	{ color: #3300FF; text-decoration: none }

a:active	{ color: #339999; text-decoration: none }

a:hover		{ color: #FF6600; text-decoration: none }


a.sidelink:link		{ color: #FFFF63; text-decoration: none }

a.sidelink:visited	{ color: #FFFF63; text-decoration: none }

a.sidelink:active	{ color: #FFFF63; text-decoration: none }

a.sidelink:hover	{ color: #99FF99; text-decoration: none }


 /* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

TABLE		{ COLOR: #000000; FONT: 13px geneva, verdana, arial, sans-serif }

.bodytext 	{ COLOR: #000000; FONT: 15px trebuchet ms, arial, sans-serif; font-weight: normal }

.title		{ COLOR: #141424; FONT: 18px verdana, arial, sans-serif; font-weight: bold }

.bodyshoptitle	{ COLOR: #669933; FONT: 18px verdana, arial, sans-serif; font-weight: bold }

.smbshoptitle	{ COLOR: #669933; FONT: 14px verdana, arial, sans-serif; font-weight: bold }

.largetitle	{ COLOR: #141424; FONT: 20px verdana, arial, sans-serif; font-weight: bold }

.verylargetitle	{ COLOR: #141424; FONT: 24px verdana, arial, sans-serif; font-weight: bold }

.smallertitle	{ COLOR: #141424; FONT: 14px verdana, arial, sans-serif; font-weight: bold }

.medtitle	{ COLOR: #141424; FONT: 16px verdana, arial, sans-serif; font-weight: bold }

.bluetitle	{ COLOR: #336699; FONT: 18px verdana, arial, sans-serif; font-weight: bold }

.largebluetitle	{ COLOR: #336699; FONT: 20px verdana, arial, sans-serif; font-weight: bold }

.lgrbluetitle	{ COLOR: #336699; FONT: 22px verdana, arial, sans-serif; font-weight: bold }

.lgbshoptitle	{ COLOR: #669933; FONT: 20px verdana, arial, sans-serif; font-weight: bold }

.vlgebluetitle	{ COLOR: #336699; FONT: 24px verdana, arial, sans-serif; font-weight: bold }

.vlgewhitetitle	{ COLOR: #ffffff; FONT: 24px verdana, arial, sans-serif; font-weight: bold; position: relative; top: 2px}

.largewhitetitle { COLOR: #ffffff; FONT: 18px verdana, arial, sans-serif; font-weight: bold; position: relative; top: 6px}
.largewhiteclicktitle { COLOR: #ffffff; FONT: 18px verdana, arial, sans-serif; font-weight: bold; position: relative; top: 6px}
.largewhiteclicktitle:hover { COLOR: #df0024; FONT: 18px verdana, arial, sans-serif; font-weight: bold; position: relative; top: 6px}

.xtrabluetitle	{ COLOR: #336699; FONT: 28px verdana, arial, sans-serif; font-weight: bold }

.smallbluetitle	{ COLOR: #336699; FONT: 14px verdana, arial, sans-serif; font-weight: bold }

.medbluetitle	{ COLOR: #336699; FONT: 16px verdana, arial, sans-serif; font-weight: bold }

.biglink 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: none }

.biglink:hover 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline }

.just 		{text-align: justify;}

.copyright	{ COLOR: #999999; FONT: 9px geneva, verdana, arial, sans-serif }

.smalltitle 	{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif; font-weight: bold }

.smalltitle1	{ COLOR: #336699; FONT: 12px verdana, arial, sans-serif; font-weight: bold }

.urgent 	{ COLOR: #FF6600; FONT: 15px verdana, arial, sans-serif; font-weight: bold }

.urgentlg 	{ COLOR: #FF6600; FONT: 18px verdana, arial, sans-serif; font-weight: bold }

.careertitle	{ COLOR: #666666; FONT: 14px geneva, verdana, arial, sans-serif; font-weight: bold }

.subtitle	{ COLOR: #336699; FONT: 15px geneva, verdana, arial, sans-serif; font-weight: bold }

.blksubtitle	{ COLOR: #000000; FONT: 15px geneva, verdana, arial, sans-serif; font-weight: bold }

.dkbluesubtitle	{ COLOR: #000099; FONT: 15px geneva, verdana, arial, sans-serif; font-weight: bold }

.dkbluetitle	{ COLOR: #000099; FONT: 20px geneva, verdana, arial, sans-serif; font-weight: bold }

.phonetitle	{ COLOR: #000000; FONT: 12px geneva, verdana, arial, sans-serif; font-weight: bold }

.picturecomments{ COLOR: #666666; FONT: 12px geneva, verdana, arial, sans-serif }

.price		{ COLOR: #FF6600; FONT: 13px geneva, verdana, arial, sans-serif; font-weight: bold  }

.picturehilight	{ COLOR: #3366FF; FONT: 13px geneva, verdana, arial, sans-serif; font-weight: bold  }

.darkblue	{ COLOR: #000099; FONT: 13px geneva, verdana, arial, sans-serif; font-weight: bold  }

.picturetitle 	{ COLOR: #000000; FONT: 13px verdana, arial, sans-serif; font-weight: bold }

.list 		{ COLOR: #000000; FONT: 13px geneva, verdana, arial, sans-serif; font-weight: normal }

.sidebartitle	{ COLOR: #FBDB74; FONT: 13px verdana, arial, sans-serif; font-weight: bold }

.sidebartext	{ COLOR: #FFFFFF; FONT: 11px geneva, verdana, arial, sans-serif }

.quotechoice	{ COLOR: #000099; FONT: 11px geneva, verdana, arial, sans-serif; font-weight: normal }

.date-font	{ color: #FFFFFF; font: 10px verdana, arial, sans-serif; font-weight: bold }

#date-location	{ left: 15px; POSITION: absolute; TOP: 136px }

.faq 		{ line-height: 19px }



.button-popups { 	background-image: url("picts/button-popup.gif");
		background-color:#2D2D4A;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #CFCFE0;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor: pointer;
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		BORDER: #FFFFFF 0px solid }

.buttonon-popups { 	background-image: url("picts/buttonon-popup.gif");
		background-color:#C0C0C0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor: pointer;
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		BORDER: #FFFFFF 0px solid }


.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 250PX;
		BORDER: #000000 1px solid}


.quoteform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		BORDER: #000000 1px solid}

.quotedropdown 	{ COLOR: #333333;
		WIDTH: 260PX;
		FONT: 11px geneva, verdana, arial, sans-serif}


.dropdown 	{ COLOR: #333333;
		WIDTH: 250PX;
		FONT: 11px geneva, verdana, arial, sans-serif}


.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 275PX;
		BORDER: #000000 1px solid}

.submitbutton { FONT: 9pt arial, verdana, sans-serif }


.searchform { 	WIDTH: 110PX;
		HEIGHT: 20PX;
		FONT: 11px arial, georgia, "Times New Roman", sans-serif;
		BORDER-BOTTOM: #000000 1px solid;
		BORDER-LEFT: #000000 1px solid;
		BORDER-RIGHT: #000000 1px solid;
		BORDER-TOP: #000000 1px solid }


.searchdrop { WIDTH: 60PX; HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif }


.searchbutton {	background-color:#F0F0F0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 18px;
		width: 40px;
		cursor: pointer;
		font-weight: bold;
		text-align: center;
		BORDER: #000000 1px solid }


 /* IMAGE HOVER CODE */


.rollover 	{ background-color: #000000}

.rolloveron 	{ background-color: #0000FF; filter: alpha (opacity=60)  }



 /* START THE CODE FOR THE MENUS */


 /* TOP LEVEL MENU CONTROL */


a.menu_TOP{
display:block;
line-height: 14pt;
text-align: center;
text-decoration:none;
border-right: #313252 1px solid;
}



 /* SUB LEVEL MENU CONTROL */


a.menu_SUB{
display:block;
padding: 2px 2px 2px 4px;
text-decoration:none;
filter: alpha(opacity=100);
border-bottom: #999999 1px solid;
}


 /* MORE SUB LEVEL MENU CONTROL */


.menu_DIV{
border-top: #000000 0px solid;
border-bottom: #666666 0px solid;
border-right: #666666 1px solid;
border-left: #666666 1px solid;
filter:alpha(opacity=100);
z-index:100;
}




/* LAYOUT CONTROLS FOR NEW MAIN CONTENT AREA */

/* ______________________________________________________________________________________________________________________________________ */
/* Three IDs for the Outer Master Container - Container First, then Body within, then Footer within that */
 
 #OuterMasterContainer {
	position: relative; /* Containing block - Give the included divs a starting point */
	margin: 0px 10px 40px 15px;
	background: #ffffff url("picts/Backgrounds/Outer_Master_Header.png") top left no-repeat;
	}

#OuterMasterBody {
	width: 100%;
	overflow: hidden;
	margin: 8px 0px 0px;	
	background: transparent url("picts/Backgrounds/Outer_Master_Body_Border.png") top left repeat-y;	
}
#OuterMasterFooter {
	width: 100%;
	overflow: hidden;
	padding: 0px 0px 0px;
	background: transparent url("picts/Backgrounds/Outer_Master_Footer.png") bottom center no-repeat;
	}

/* Class for the overall width of the Outer Master - FIXED WIDTH - To work with the Outer Images */	
.Container {
	width: 1040px;
	margin: 0px auto;
	overflow: hidden;
}

	
/* ______________________________________________________________________________________________________________________________________ */
 /* ID and Classes for Columns - Column sits within OuterMaster Footer - Classes define % widths to allow multiple columns */	
	
#OuterMasterColumn {
	float: left;
	padding: 0px 0px 10px;
	background: transparent;
	overflow: hidden;
	}

.column50 {	/* Use for two columns 50:50 or for three columns 50:25:25 */
	width: 50%;
	}

.column30 {	/* Use for two columns 30:70 or for three columns 30:30:40 */
	width: 30%;
	}	
	
.column70 {	/* Use for two columns 30:70 */
	width: 70%;
	}
	
.column25 {	/* Use for two columns 25:75, three columns 25:25:50, or four columns 25:25:25:25 */
	width: 25%;
	}
	
.column75 {	/* Use for two columns 25:75 */
	width: 75%;
	}
	
.column40 {	/* Use for two columns 40:60, or three columns 30:30:40 */
	width: 40%;
	}
	
.column60 {	/* Use for two columns 40:60 */
	width: 60%;
	}
	
/* ______________________________________________________________________________________________________________________________________ */
/* Three IDs for Inner Boxes - Box Container must sit in either Outer Footer or in an Outer Column, 
	Box Body sits in Box Container, and Box Footer sits in Box Body. Text and content goes into the Box Footer */

	
#InnerBoxContainer {
	float: left;
	padding: 0px 0px;
	margin: 15px 10px 15px;
	}		

#InnerBoxBody {
	width: 100%;
	margin: 15px 0px 0px;	
	}
	
#InnerBoxFooter {
	overflow: hidden;
	}

/* ______________________________________________________________________________________________________________________________________ */
/* Width and image classes for Inner Boxes - You MUST apply the right set of classes to each of the above IDs to get the right width images */
/* These work in sets of threes */

.Box50Header {	/* Header for box for use in a 50% column */
	width: 490px;
	background: transparent url("picts/Backgrounds/Inner_Box_Header_490.png") top left no-repeat;
	}
	
.Box50Border  {	/* Border for box for use in a 50% column */
	background: transparent url("picts/Backgrounds/Inner_box_Body_Border_490.png") top left repeat-y;
	}
	
.Box50Footer  {	/* Footer for box for use in a 50% column */
	width: 450px; /* All browsers */
	*width: 100%; /* IE specific */
	padding: 10px 20px 20px;
	background: transparent url("picts/Backgrounds/Inner_Box_Footer_490.png") bottom center no-repeat;
	}
	
.Box30Header {	/* Header for box for use in a 30% column */
	width: 294px;
	background: transparent url("picts/Backgrounds/Inner_Box_Header_294.png") top left no-repeat;
	}
	
.Box30Border  {	/* Border for box for use in a 30% column */
	background: transparent url("picts/Backgrounds/Inner_box_Body_Border_294.png") top left repeat-y;
	}
	
.Box30Footer  {	/* Footer for box for use in a 30% column */
	width: 254px; /* All browsers */
	*width: 100%; /* IE specific */
	padding: 10px 20px 20px;
	background: transparent url("picts/Backgrounds/Inner_Box_Footer_294.png") bottom center no-repeat;
	}
	
.Box70Header {	/* Header for box for use in a 70% column */
	width: 686px;
	background: transparent url("picts/Backgrounds/Inner_Box_Header_686.png") top left no-repeat;
	}
	
.Box70Border  {	/* Border for box for use in a 70% column */
	background: transparent url("picts/Backgrounds/Inner_box_Body_Border_686.png") top left repeat-y;
	}
	
.Box70Footer  {	/* Footer for box for use in a 70% column */
	width: 646px; /* All browsers */
	*width: 100%; /* IE specific */
	padding: 10px 20px 20px;
	background: transparent url("picts/Backgrounds/Inner_Box_Footer_686.png") bottom center no-repeat;
	}

.Box25Header {	/* Header for box for use in a 25% column */
	width: 245px;
	background: transparent url("picts/Backgrounds/Inner_Box_Header_245.png") top left no-repeat;
	}
	
.Box25Border  {	/* Border for box for use in a 25% column */
	background: transparent url("picts/Backgrounds/Inner_box_Body_Border_245.png") top left repeat-y;
	}
	
.Box25Footer  {	/* Footer for box for use in a 25% column */
	width: 205px; /* All browsers */
	*width: 100%; /* IE specific */
	padding: 10px 20px 20px;
	background: transparent url("picts/Backgrounds/Inner_Box_Footer_245.png") bottom center no-repeat;
	}
	
.Box75Header {	/* Header for box for use in a 75% column */
	width: 735px;
	background: transparent url("picts/Backgrounds/Inner_Box_Header_735.png") top left no-repeat;
	}
	
.Box75Border  {	/* Border for box for use in a 75% column */
	background: transparent url("picts/Backgrounds/Inner_box_Body_Border_735.png") top left repeat-y;
	}
	
.Box75Footer  {	/* Footer for box for use in a 75% column */
	width: 695px; /* All browsers */
	*width: 100%; /* IE specific */
	padding: 10px 20px 20px;
	background: transparent url("picts/Backgrounds/Inner_Box_Footer_735.png") bottom center no-repeat;
	}
	
.Box40Header {	/* Header for box for use in a 40% column */
	width: 392px;
	background: transparent url("picts/Backgrounds/Inner_Box_Header_392.png") top left no-repeat;
	}
	
.Box40Border  {	/* Border for box for use in a 40% column */
	background: transparent url("picts/Backgrounds/Inner_box_Body_Border_392.png") top left repeat-y;
	}
	
.Box40Footer  {	/* Footer for box for use in a 40% column */
	width: 352px; /* All browsers */
	*width: 100%; /* IE specific */
	padding: 10px 20px 20px;
	background: transparent url("picts/Backgrounds/Inner_Box_Footer_392.png") bottom center no-repeat;
	}
	
.Box60Header {	/* Header for box for use in a 60% column */
	width: 588px;
	background: transparent url("picts/Backgrounds/Inner_Box_Header_588.png") top left no-repeat;
	}
	
.Box60Border  {	/* Border for box for use in a 60% column */
	background: transparent url("picts/Backgrounds/Inner_box_Body_Border_588.png") top left repeat-y;
	}
	
.Box60Footer  {	/* Footer for box for use in a 60% column */
	width: 548px; /* All browsers */
	*width: 100%; /* IE specific */
	padding: 10px 20px 20px;
	background: transparent url("picts/Backgrounds/Inner_Box_Footer_588.png") bottom center no-repeat;
	}

/* ______________________________________________________________________________________________________________________________________ */
 /* Width and image classes for Inner Boxes - special versions for multiple boxes per column */	
	
.Box28Header {	/* Header for box for use two wide in a 60% column */
	width: 284px;
	background: transparent url("picts/Backgrounds/Inner_Box_Header_284.png") top left no-repeat;
	}
	
.Box28Border  {	/* Border for box for use two wide in a 60% column */
	background: transparent url("picts/Backgrounds/Inner_box_Body_Border_284.png") top left repeat-y;
	}
	
.Box28Footer  {	/* Footer for box for use two wide in a 60% column */
	width: 244px; /* All browsers */
	*width: 100%; /* IE specific */
	padding: 10px 20px 20px;
	background: transparent url("picts/Backgrounds/Inner_Box_Footer_284.png") bottom center no-repeat;
	}
	
.Box33Header {	/* Header for box for use two wide in a 70% column */
	width: 333px;
	background: transparent url("picts/Backgrounds/Inner_Box_Header_333.png") top left no-repeat;
	}
	
.Box33Border  {	/* Border for box for use two wide in a 70% column */
	background: transparent url("picts/Backgrounds/Inner_box_Body_Border_333.png") top left repeat-y;
	}
	
.Box33Footer  {	/* Footer for box for use two wide in a 70% column */
	width: 293px; /* All browsers */
	*width: 100%; /* IE specific */
	padding: 10px 20px 20px;
	background: transparent url("picts/Backgrounds/Inner_Box_Footer_333.png") bottom center no-repeat;
	}
	
.Box36Header {	/* Header for box for use two wide in a 75% column */
	width: 357px;
	background: transparent url("picts/Backgrounds/Inner_Box_Header_357.png") top left no-repeat;
	}
	
.Box36Border  {	/* Border for box for use two wide in a 75% column */
	background: transparent url("picts/Backgrounds/Inner_box_Body_Border_357.png") top left repeat-y;
	}
	
.Box36Footer  {	/* Footer for box for use two wide in a 75% column */
	width: 317px; /* All browsers */
	*width: 100%; /* IE specific */
	padding: 10px 20px 20px;
	background: transparent url("picts/Backgrounds/Inner_Box_Footer_357.png") bottom center no-repeat;
	}
	
	
/* ______________________________________________________________________________________________________________________________________ */
 /* Classes for placing photos in Text sections - left floats left in the text against the left margin, right does the opposite */	
	
.photoleft {
	float: left;
	margin: 10px 20px 10px 0px;
	}
	
.photoright {
	float: right;
	margin: 10px 0px 10px 20px;
	}

/* ______________________________________________________________________________________________________________________________________ */
	
.moreboxmargin {
	margin: 50px 10px 15px;

	}