/***** Template Specific Tags *****/

body {
	/*background-image: url(images/background.gif);*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#7a7a78;
}

#main_wrap{ margin-left:auto; margin-right:auto; 
	width:752px; 
	margin-top:10px; padding:0 4px 0 4px; border-right:2px solid #ffffff;  border-bottom:2px solid #ffffff; background-color:#FFFFFF }

#header { padding-top:2px; height:70px}
#header_image { clear:both; border:1px solid #777777; height:240px }
#header_menu { height:35px }

#content_heading { padding:10px 0px 0px 10px; }
#catalog_content_left { vertical-align: top; width:200px; margin-top:1px; padding:5px; background-color:#e4d9c7;}
#catalog_content_right { float:right; vertical-align: top; width:520px; margin:1px 0 0 1px; padding:10px; }
#content { clear:both; font-size: 12px; color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; border:0px solid #d4d4d4; padding: 10px; }

#footer { clear:both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width:750px; text-align:right; color:#000000; margin-top:10px; padding:5px 0 5px 0; border-top:2px solid #cc0c00; }


/***** Application Specific Tags *****/

/***** Decorateive Table *****/
.tableBox { border-collapse: collapse; border: 2px #000000 solid; }
.tableBoxTitle { font-size: 14px; font-weight: bold; color: #ffffff; background-color: #000000}
.tableBoxHeader { font-size: 8pt; color: #333333; font-family: verdana,helvetica,arial,sans-serif; } 
.tableBoxText { font-size: 10pt; color: #333333; background-color: #FFFFFF; font-family: verdana,helvetica,arial,sans-serif; }

/***** font classes *****/ 
.modTextNormal	{ font-size: 10px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; }
.modTextTiny	{ font-size: 8px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; } 
.modTextSmall	{ font-size: 10px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; } 
.modTextMedium 	{ font-size: 12px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; }
.modTextLarge 	{ font-size: 14px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; }

.modTextRevSmall	{ font-size: 8px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; } 
.modTextRevMedium 	{ font-size: 12px; color: #FFFFFF; background-color: #333333; font-family: verdana,helvetica,arial,sans-serif; }
.modTextRevLarge 	{ font-size: 14px; color: #FFFFFF; background-color: #333333; font-family: verdana,helvetica,arial,sans-serif; }

.modLabel,
.modLabelMedium { font-size: 12px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; font-weight: bold }
.modLabel2 { font-size: 12px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; font-weight: bold } 

/***** Warning *****/
.modErrMedium 	{ font-size: 12px; color: #CC0000; font-family: verdana,helvetica,arial,sans-serif; font-weight: bold }
.modErrLarge 	{ font-size: 14px; color: #CC0000; font-family: verdana,helvetica,arial,sans-serif; font-weight: bold } 
.modWarnMedium 	{ font-size: 12px; color: #CC0000; font-family: verdana,helvetica,arial,sans-serif; font-weight: bold } 

/***** Heading *****/
.modH1 { font-size: 16px; color: #000000; background-color: #FFFFFF; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px; } 
.modH2 { font-size: 12px; color: #000000; background-color: #FFFFFF; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px; } 
.modH3 { font-size: 14px; color: #000000; background-color: #FFFFFF; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px; } 
.modH4 { font-size: 12px; color: #000000; background-color: #FFFFFF; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px; } 
.modH5 { font-size: 10px; color: #000000; background-color: #FFFFFF; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px; } 
.modH1Rev { font-size: 16px; color: #000000; background-color: #AEADD1; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px; } 
.modH2Rev { font-size: 12px; color: #FFFFFF; background-color: #AEADD1; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px; } 
.modH3Rev { font-size: 14px; color: #FFFFFF; background-color: #AEADD1; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px; } 
.modH4Rev { font-size: 12px; color: #FFFFFF; background-color: #AEADD1; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px; } 
.modH5Rev { font-size: 10px; color: #FFFFFF; background-color: #AEADD1; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px; } 

/***** colors *****/
.color1 { background-color: #FFFFFF } 
.color2 { background-color: #FFFFFF } 
.color3 { background-color: #FFFFFF }

/***** bullets *****/
ul { font-size : 10pt; font-family : "Trebuchet MS", arial, helvetica, sans-serif; color : #003366; list-style-image: url(/designs/canyonside/images/check.gif);}
ul ul li { font-size : 10pt; font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color : #003366; list-style-image: url(bullet2.gif); }
ul ul ul li { font-size : 10pt; font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color : #003366; list-style-image: url(bullet3.gif); }

/***** Misc *****/
a.modBreadCrumbLink:link,a.modBreadCrumbLink:visited,a.modLinkMedium:active,a.modLinkMedium:hover
			{ font-size: 10px; color: #0053B3; font-family: verdana,helvetica,arial,sans-serif; font-weight: bold; text-decoration: none; }
.modBreadCrumbText 	{ font-size: 10px; color: #AEADD1; font-family: verdana,helvetica,arial,sans-serif; font-weight: bold }
.modBreadCrumbSep 	{ font-size: 12px; color: #CC0000; font-family: verdana,helvetica,arial,sans-serif; font-weight: bold }

/***** links *****/ 
a { font-family: verdana,helvetica,arial,sans-serif; } 
a:link { color: #0053B3 } 
a:visited { color: #0053B3 } 
a:active { color: #333399 } 
a.content:link { color: #0053B3 } 
a.content:visited { color: #333399 } 
a.content:active { color: #333399 } 
a.error:link { font-size: 12px; font-weight: bold; color: #CC0000; font-family: verdana,arial,sans-serif; } 
a.error:visited { font-size: 12px; font-weight: bold; color: #CC0000; font-family: verdana,arial,sans-serif; } 
a.error:active { font-size: 12px; font-weight: bold; color: #CC0000; font-family: verdana,arial,sans-serif; } 

a.modLinkMedium:link 	{ color: #0053B3; font-size: 12px; font-family: verdana,helvetica,arial,sans-serif; text-decoration: none;} 
a.modLinkMedium:visited { color: #0053B3; font-size: 12px; font-family: verdana,helvetica,arial,sans-serif; text-decoration: none;} 
a.modLinkMedium:active 	{ color: #0053B3; font-size: 12px; font-family: verdana,helvetica,arial,sans-serif; text-decoration: none;} 
a.modLinkMedium:hover 	{ color: #0053B3; font-size: 12px; font-family: verdana,helvetica,arial,sans-serif; text-decoration: none;} 

a.modLinkLarge:link 	{ color: #0053B3; font-size: 14px; font-family: verdana,helvetica,arial,sans-serif; text-decoration: none;} 
a.modLinkLarge:visited 	{ color: #0053B3; font-size: 14px; font-family: verdana,helvetica,arial,sans-serif; text-decoration: none;} 
a.modLinkLarge:active 	{ color: #0053B3; font-size: 14px; font-family: verdana,helvetica,arial,sans-serif; text-decoration: none;} 
a.modLinkLarge:hover 	{ color: #0053B3; font-size: 14px; font-family: verdana,helvetica,arial,sans-serif; text-decoration: none;} 

a.headerLink:link { color: #0053B3; font-size: 18px; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold;} 
a.headerLink:visited { color: #0053B3; font-size: 18px; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold;} 
a.headerLink:active { color: #0053B3; font-size: 18px; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold;} 
a.headerLink:hover { color: #0053B3; font-size: 18px; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold;} 

a.footerLink:link { font-size: 10px; text-decoration: none; color:#000000; font-weight: normal } 
a.footerLink:visited { font-size: 10px; text-decoration: none; color:#000000; font-weight: normal } 
a.footerLink:active { font-size: 10px; text-decoration: none; color:#000000; font-weight: normal } 
a.footerLink:hover { font-size: 10px; text-decoration: underline; color:#000000; font-weight: normal } 

a.footerLinkUnderline:link { font-size: 10px; text-decoration: underline; color:#000000; font-weight: normal } 
a.footerLinkUnderline:visited { font-size: 10px; text-decoration: underline; color:#000000; font-weight: normal } 
a.footerLinkUnderline:active { font-size: 10px; text-decoration: underline; color:#000000; font-weight: normal } 
a.footerLinkUnderline:hover { font-size: 10px; text-decoration: underline; color:#000000; font-weight: normal } 

/***** form buttons *****/

.modFormSmall 	{ 	border-right: 1px solid; 
			border-top: 1px solid; 
			border-left: 1px solid; 
			color: #000000; 
			border-bottom: 1px solid; 
			background-color: #ffffff; 
			border-color: black; 
			padding-top:1px; 
			padding-right:1px; 
			font: 10px arial, helvetica, sans-serif; }

.modFormSmallHL	{ 	border-right: 1px solid; 
			border-top: 1px solid; 
			border-left: 1px solid; 
			color: #222222; 
			border-bottom: 1px solid; 
			background-color: #ffffff; 
			border-color: black; 
			padding-top:1px; 
			padding-right:1px; 
			font: 10px arial, helvetica, sans-serif; }			
		    
.modFormMedium 	{ 	border-right: 1px solid; 
			border-top: 1px solid; 
			border-left: 1px solid; 
			color: #000000; 
			border-bottom: 1px solid; 
			background-color: #ffffff; 
			border-color: black; 
			padding-top:1px; 
			padding-right:1px; 
			font: 12px arial, helvetica, sans-serif; }
			
.modFormMediumHL { 	border-right: 1px solid; 
			border-top: 1px solid; 
			border-left: 1px solid; 
			color: #333333; 
			border-bottom: 1px solid; 
			background-color: #ffffff; 
			border-color: black; 
			padding-top:1px; 
			padding-right:1px; 
			font: 12px arial, helvetica, sans-serif; }			
			
.modSmallFormDisabled {	border-right: 0px solid; 
			border-top: 0px solid; 
			border-left: 0px solid; 
			color: #0000A8; 
			border-bottom: 0px solid; 
			background-color: #ffffff; 
			border-color: black; 
			padding-top:1px; 
			padding-right:1px; 
			font: bold 10px arial, helvetica, sans-serif; }
			
.modMediumFormDisabled {
			border-right: 0px solid; 
			border-top: 0px solid; 
			border-left: 0px solid; 
			color: #0000A8; 
			border-bottom: 0px solid; 
			background-color: #ffffff; 
			border-color: black; 
			padding-top:1px; 
			padding-right:1px; 
			font: bold 12px arial, helvetica, sans-serif; }			

.modCheckBoxMedium {	border-right: 0px solid; 
			border-top: 0px solid; 
			border-left: 0px solid; 
			color: #0000A8; 
			border-bottom: 0px solid; 
			background-color: #ffffff; 
			border-color: black; 
			padding-top:1px; 
			padding-right:1px; 
			font: bold 10px arial, helvetica, sans-serif; }		

.modButton,.modButtonMedium { 
			border-right: 1px solid; 
			border-top: 1px solid; 
			border-left: 1px solid; 
			color: #ffffff; 
			border-bottom: 1px solid; 
			background-color: #c21812; 
			border-color: black; 
			padding-top:1px; 
			padding-right:1px; 
			font: bold 11px arial, helvetica, sans-serif; 
		}
		
.modButtonSmall { 
			border-right: 1px solid; 
			border-top: 1px solid; 
			border-left: 1px solid; 
			color: #ffffff; 
			border-bottom: 1px solid; 
			background-color: #c21812; 
			border-color: black; 
			padding-top:1px; 
			padding-right:1px; 
			font: bold 9px arial, helvetica, sans-serif; 
		}		

/***** General Site Specific *****/
.menu_text { color: #d3ccb6; font-weight: bold; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

