/* ********* Set Defaults to Zero ******* */

html, body, form, {
	margin: 0;
	padding: 0; 
	border: 0;
}

/* Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, blockquote {
	margin: 0;
	padding: 0;
}

ul { line-height:200%;}

hr { color:#7A0505; size:1px;}

/* Apply left margin only to the few elements that need it:
li, dd, blockquote {
	margin-left: 1em;
} */

/* ************ Default Body Style *********** 	*/

p, table, body {font-size:11px;}

body {  
	/*  if this is set in % (100% is the browser default font size) or in em units (1 em = default size, .8 em is about 11px) the user will be able to change Text Size under the View menu. Setting a pixle size will prevent it */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#415089;
	background-color:#D8DEFF;
	text-align: center;  /*this centers the container in IE browsers. The text is then set to the left aligned default in the #container selector */
}

/* this contains everything in the site and controls centering and margins */	
#container{ 
	width: 780px;
	margin: 0 auto;
	padding-top: 10px; 
	margin-bottom: 20px; 
	background-color:#D8DEFF;
	text-align: left;
}

.contentTable {
	background-color:#FFFFFF; 
	border-left:1px solid #999999; 
	border-right:1px solid #333333; 
	width:90%; 
}

/*  NOTE - the percentages below will scale off of the font size set in the body selector style above */
/* Header tag styles */
h1 { font-size:160%; margin-left:-1px;}
h2 { font-size:130%;}
h3 { font-size:100%; margin-left:1px;} /* padding added to compensate for an unexpected indention that displays in IE6 and Firefox  */

/* ******** Font Size Classes *********** */	
.xlarge{font-size: 135%;}
.large{font-size: 125%;}
.small{font-size: 88%;}
.mini{font-size: 77%;}

/* ********* Default Anchor Style ******* */
a:link {color: #37506F;	text-decoration: underline;}

a:visited {color: #37506F; text-decoration: underline;}

a:hover {color: #7A0505; text-decoration: underline;}

a:active {color: #37506F; text-decoration: underline;}



/* *********** Font Color Classes ******** */
.red{color: #990505;}
.yellow{color: #FFF7A2;}
.green{color: #11674C;}
.blue{color: #5E73BA;}
.black{color: #000000;}
.gray{color: #8F8F8F;}
.litegray{color: #CCCCCC;}
.white{color: #FFFFFF;}
.orange{color: #D18927;}

.alert { color:#000000; font-weight:bold;}

.title {color: #A68C8C; font-weight:bold; font-size:18px;}
	
.padding {padding:0 30px 0 30px;}
	
/* ************** Pager Classes - used on utl_callPager.cfm ******************* */
/* <remove this to activate
.Pager {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.onPage {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.LoopLink {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
remove this to activate > */
/* ************ USED FOR OULDINE EFFECTS ON PRODUCTS PAGE ************* */
/* <remove this to activate
.outline1     {
	border-bottom: 1px solid #C2B6BE;
} 

.outline2     {
	border-bottom: 1px solid #C2B6BE;
}

.outline3     {
	border-top: 1px solid #C2B6BE;
}
remove this to activate > */
/* ************************* */


/* ********** Used for Images and Logos *************** */
/* <remove this to activate
.imageTD{
	background-color: #FFFFFF;
	border: 1px solid #D2D0D1;
	cursor:hand;
	padding: 10px 5px 10px 5px;
}
remove this to activate > */



/*  Anchor Classes  */



a.nav:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #37506F; 
	text-decoration: none;
}

a.nav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #37506F; 
	text-decoration: none;
}

a.nav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #7A0505; 
	text-decoration: none;
}

a.nav:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #37506F; 
	text-decoration: none;
}


.navon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #7A0505; 
	text-decoration: none;
	
}

.linkoff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #C1C8D2; 
	text-decoration: none;
}


/*  Form Elements  */
/* <remove this to activate
.textbox     {  
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	color: #7D7D7D;
	background-color: #FFFFFF;
	border:1px solid #1A497B;
	height: 18px;
 }
			 
			 
.textarea     {  
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	color: #7D7D7D;
	border:1px solid #1A497B;
	background-color: #FFFFFF; 
	width:200px; 
	height:100px; 
}
			 
.button     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #7D7D7D;
	font-weight:normal;
	border-left: 1px solid #1A497B;
	border-top: 1px solid #1A497B;
	border-right: 2px solid #1A497B;
	border-bottom: 2px solid #1A497B;
	padding-top: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	background-color: #EEEEEE;
	height: 18px;
}
		   
.dropdown     {
	font-family: Arial;
	color: #7D7D7D;
	font-weight: normal;
	font-size: 8pt;
	background-color: #FFFFFF;
	border:2px solid #1A497B;
	height: 18px;
}
remove this to activate > */



/*  Form Fieldset Elements  */

/* <remove this to activate
.formstyle { 
 	margin-left:75px; 
	margin-top:5px; 
	width:220px;
}

.fieldset1 {
	height: 100px;
	width:360px;
	background-color:#F4E4C2;
	border:1px solid #5E252A; 
	padding-bottom:6px;
}

.fieldset2 {
	height: 130px;
	width:360px;
	background-color:#F4E4C2;
	border:1px solid #5E252A; 
	padding-bottom:6px;
}

.fieldset3 {
	height: 170px;
	width:360px;
	background-color:#F4E4C2;
	border:1px solid #5E252A; 
	padding-bottom:6px;
}

.fieldset4 {
	height: 160px;
	width:360px;
	background-color:#F4E4C2;
	border:1px solid #5E252A; 
	padding-bottom:6px;
}
remove this to activate > */




/* ************ Events Calendar  *********** */	
/* <remove this to activate

#frmCalendar{
	border-right: 2px solid #6F88B0;
	border-bottom: 2px solid #6F88B0;
	border-left: 1px solid #6F88B0;
	border-top: 1px solid #6F88B0;
}

#frmEventsList{{
	border-right: 2px solid #6F88B0;
	border-bottom: 2px solid #6F88B0;
	border-left: 1px solid #6F88B0;
	border-top: 1px solid #6F88B0;
}

#frmEventDetail{{
	border-right: 2px solid #6F88B0;
	border-bottom: 2px solid #6F88B0;
	border-left: 1px solid #6F88B0;
	border-top: 1px solid #6F88B0;
}

.SearchOptionsTD{
	background-color:#143D7C;
	color:#FFFFFF;
}

.SearchResultsTD{
	background-color:#143D7C;
	color:#FFFFFF;
}

.EventDetailsTD{
	background-color:#143D7C;
	color:#FFFFFF;
}

.EventListDayTD{
	font-weight:bold; 
	background-color:7389B4; 
	color:FFFFFF;
}

.EventListMonthTD{
	font-size:10px; 
	background-color:#666666; 
	color:#FFFFFF
}

remove this to activate > */
/* ********** NOTE: color codes for the calendar is passed in through the module call (cfmod_calendar.cfm) in calendar/disp_calendar.cfm *************** */