@import "tabs.css";

/***** General Tags *****/
body { font-size: 12px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; background-image: url(images/background.gif);} 
p { font-size: 12px; color: #000000; font-family: verdana,helvetica,arial,sans-serif; } 
li { font-size: 12px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; } 
textarea { font-size: 12px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; } 
select { font-size: 12px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; } 
option { font-size: 12px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; } 
input { font-size: 12px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; } 

/***** headers *****/ 
//h1 { font-size: 18px; color: #005C81; font-family: "trebuchet MS", arial, sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px;  } 
h2 { font-size: 16px; color: #005C81; font-family: "trebuchet MS", arial, sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px;  } 
h3 { font-size: 14px; color: #7F3816; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px; } 
h4 { font-size: 12px; color: #7F3816; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px; } 
h5 { font-size: 10px; color: #7F3816; font-family: "trebuchet MS",arial,sans-serif; font-weight: bold; margin-bottom: 0px; margin-top: 0px; } 


/***** General Table *****/
td { font-size: 12px; color: #333333; font-family: verdana,helvetica,arial,sans-serif; }

/***** 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; }
.modTextTity	{ 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; } 

/***** Misc *****/
.modBreadCrumb { font-size: 12px; color: #CC0000; font-family: verdana,helvetica,arial,sans-serif; font-weight: bold }

/***** 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); }

/***** 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.modLinkSmall:link 	{ color: #0053B3; font-size: 10px; font-family: verdana,helvetica,arial,sans-serif; text-decoration: none;} 
a.modLinkSmall:visited { color: #0053B3; font-size: 10px; font-family: verdana,helvetica,arial,sans-serif; text-decoration: none;} 
a.modLinkSmall:active 	{ color: #0053B3; font-size: 10px; font-family: verdana,helvetica,arial,sans-serif; text-decoration: none;} 
a.modLinkSmall:hover 	{ color: #0053B3; font-size: 10px; font-family: verdana,helvetica,arial,sans-serif; text-decoration: none;} 

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:#FFFFFF; font-weight: normal } 
a.footerLink:visited { font-size: 10px; text-decoration: none; color:#FFFFFF; font-weight: normal } 
a.footerLink:active { font-size: 10px; text-decoration: none; color:#FFFFFF; font-weight: normal } 
a.footerLink:hover { font-size: 10px; text-decoration: underline; color:#FFFFFF; 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; }			
.modButtonSmall { 
			border-right: 1px solid; 
			border-top: 1px solid; 
			border-left: 1px solid; 
			color: #ffffff; 
			border-bottom: 1px solid; 
			background-color: #869CB4; 
			border-color: black; 
			padding-top:1px; 
			padding-right:1px; 
			font: bold 9px 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; }			
			
.modButton,.modButtonMedium  	{ 
			border-right: 1px solid; 
			border-top: 1px solid; 
			border-left: 1px solid; 
			color: #ffffff; 
			border-bottom: 1px solid; 
			background-color: #869CB4; 
			border-color: black; 
			padding-top:1px; 
			padding-right:1px; 
			font: bold 11px 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; }		
		
/***** General Site Specific *****/
.menu_text { color: #d3ccb6; font-weight: bold; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

/** other **/
#main_wrap{ margin-left:auto; margin-right:auto; width:714px; margin-top:10px; padding:0 4px 0 4px; border-right:2px solid #768a95;  border-bottom:2px solid #768a95; background-color:#FFFFFF }
#header_logo { padding-top:2px; }
#header_title { padding-top:2px; text-align:center; border-bottom:2px solid #648ca3; }
#header_menu { padding-top:4px; border-bottom:1px dashed #bbb; color:#648ca3; }
#header_sub_menu { padding-left:15px; color:#648ca3; }
#footer_content { width:714; text-align:right; color:#adadad; padding:5px 0 5px 0; }
#footer_pages { clear:both; width:714; text-align:right; color:#adadad; margin-top:10px; padding:5px 0 5px 0; border-top:1px solid #ddd; }
#main_col1 { clear:both; width:164px; float:left; margin-top:5px; }
#main_col2 { width: 536px; float:right; margin-top:5px; padding-bottom:10px; border:1px solid #ddd; }
#main_pleft { width:164pz; border:1px solid #ddd; margin-bottom:5px; }
#main_title { background-color:#DDD; color:#333; text-align:center; margin:5px; padding:1px }
#main_pleft_content { margin:5px; }
#main_pright_content { clear:both; margin:5px 5px 35px 5px; }
#main_section { clear:both; width:100%; border-bottom:1px dashed #999; margin-bottom:10px; }
#main_area1 { float:left; width:120px; text-align:center; margin-left:10px; }
#page_content { clear:both; padding:15px 0 0 15px; width:699px; }
.t_smaller { font-size: 10px; }
.t_smaller_bold { font-size: 10px; font-weight: bold; }
.t_small { font-size: 11px; }
.t_small_bold { font-size: 11px; font-weight: bold; }
