/*** expo.css ***/

/*** HTML tag styles ***/

html
{
	scrollbar-base-color: #708090;
	scrollbar-arrow-color: white;
	scrollbar-track-color: #bec6cd;

	scrollbar-shadow-color: black;
	scrollbar-lightshadow-color: black; 
	scrollbar-darkshadow-color: gray;

	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
}

body
{
	font-family: Arial,sans-serif;
	background: #f0f0f4;
	color:#666666;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a
{
	text-decoration: none;
}

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

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

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

h1
{
 	font-family: Arial,sans-serif;
 	font-size: 156%;
 	font-weight:normal;
 	color:#333366;
 	margin: 0px;
 	padding: 0px;
}

h2
{
 	font-family: Arial,sans-serif;
 	font-size: 121.3%;
	font-weight: normal;
 	color: #333366;
 	margin: 0px;
 	padding: 0px;
}

h3
{
 	font-family: Arial,sans-serif;
 	font-size: 121.3%;
 	color: #333366;
 	margin: 10px 0px 0px 0px;
 	padding: 0px;
}

h4
{
 	font-family: Arial,sans-serif;
 	font-size: 93.3%;
 	color: #333366;
 	margin: 0px;
 	padding: 0px;
}

h5
{
 	font-family: Arial,sans-serif;
 	font-size: 93.3%;
	font-weight: normal;
 	color: #333366;
 	margin: 0px;
 	padding: 0px;
}

h6
{
 	font-family: Arial,sans-serif;
 	font-size: 92%;
	font-weight: normal;
 	margin: 0px;
 	padding: 0px;
}

ul
{
 	list-style-type:square;
}
li
{
 	list-style-type:square;
}
ul ul
{
 	list-style-type: square;
}

ul ul ul
{
 	list-style-type: square;
}

label
{
 	font-family: Arial,sans-serif;
 	font-size: 100%;
 	font-weight: normal;
 	color: #829733;
}


/*** Layout Divs ***/

#frame
{
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
}

#frame1
{
	width: 770px;
	height: auto;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	background-image:url(images/back02.jpg)
}
#masthead
{
	padding: 0px 0px 0px 0px;
	width: 100%;
	background: #999999;
}


#navBar
{
	float: left;
	width: 178px;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 0px;
	background-color: #ffffff;
	border-right: 1px solid #cccccc;
	font-size: 80%;
}

#headlines
{
  	float:right;
	width: 210px;
	margin: 5px 0px 0px 0px;
	padding: 7px 5px 5px 5px ;
	background-color:#cccccc;
	border-top: 7px solid #333366;
	font-size: 80%;
}
#headlines2
{
  	float:right;
	width: 360px;
	margin: 5px 0px 0px 0px;
	padding: 17px 0px 0px 5px ;
	font-size: 80%;
}
#headlines3
{
  	float:right;
	width: 210px;
	margin: 5px 0px 0px 0px;
	padding: 7px 5px 5px 5px ;
	font-size: 80%;
}

#content
{
	float: left;
  	width: 350px;
	margin: 0px 0px 0px -6px;
	padding: 0px 0px 0px 6px;	
  	background-color:#FFFFFF;
	border-left: 1px solid #cccccc;
}
#content2
{
	float: left;
  	width: 200px;
	margin: 0px 0px 0px -6px;
	padding: 0px 0px 0px 6px;	
  	background-color:#FFFFFF;
	border-left: 1px solid #cccccc;
}
#content3
{
	float: right;
  	width: 220px;
	padding: 0px 0px 0px 0px;	
  	background-color:#ffffFF;
}
#content4
{
	float: left;
  	width: 220px;
	padding: 0px 0px 0px 0px;	
  	background-color:#ffffff;
}
#content a:link
{
	color: #4B5667;
}


/*** #breadCrumb styles ***/

#breadCrumb
{
	height: 17px;
	font-size: 80%;
	padding: 5px 0px 5px 205px;
	margin: 0px 0px 0px 0px;
	background-color:#999999;
	color:#ffffff;
}

#breadCrumb a 
{
	color:#ffffff;
}



/*** .feature styles ***/

.feature
{
	padding: 10px 10px 10px 10px;
	font-size: 80%;
}
.feature img
{
	padding: 0px 0px 0px 0px;
}

.feature form{
	padding: 0px 0px 0px 0px;
}

/*** #headlines styles ***/

#headlines a
{
	padding: 0px 0px 0px 0px;
	color: #666699;
}

#headlines a:hover
{
	color:#666699;
}

/*** #headlines2 styles ***/

#headlines2 a
{
	padding: 0px 0px 0px 0px;
	color:#666699;
}

#headlines2 a:hover
{
	color:#808086;
	color:
}

/*** #search styles ***/

#search
{
	padding: 0px 0px 0px 0px;
	font-size: 100%;
}

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

#search label
{
	display: block;
	margin: 0px;
	padding: 0px;
}

/*** Forms ***/

fieldset
{
	width: 100%;
	background: #e9f0db;
	border: 0px;
	padding: 0px;
}
fieldset2
{
	width: 100%;
	background: #ffffff;
	border: 0px;
	padding: 0px;
}
input
{
	color: #666633;
	background: #ffffff;
	border: 1px solid #708090
}

.submit
{
	color: #ffffff;
	background: #829733;
	border: 1px outset #708090; 
}

legend
{
	color: #fff;
	background: #ffa20c;
	border: 1px solid #708090;
	padding: 2px 6px
}

select
{
	color: #666633;
	background: #ffffff;
	border: 1px solid #708090
}

/*** #sectionLinks styles ***/

#sectionLinks
{
	position: relative;
	margin: 0px;
	padding: 0px;
}

#sectionLinks a 
{
	display: block;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0px 5px 0px;
	color:#FF0000;
}

#sectionLinks a:hover
{
	color:#333366;
	padding: 5px 0px 5px 5px;	
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks ul li {
	list-style-type: none;
}



/*** #links styles ***/

#links
{
	position: relative;
	margin: 0px;
	padding: 0px;
}

#links a 
{
	display: block;
	border-top: 1px solid #e9f0db;
	padding: 2px 0px 2px 10px;
	color:#808086;
}

#links a:hover
{
	background-color: #99cc33;
	color:#ffffff;
}

#nav
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

/*** #siteInfo styles ***/

#siteInfo
{
	clear: both;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: 20px;
	font-size: 75%;
	color: #ffffff;
	padding: 2px 10px 3px 10px;
	background-color:#999999;
}

#siteInfo1
{
	clear: both;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	height: 57px;
	font-size: 75%;
	color: #ffffff;
	padding: 2px 10px 3px 10px;
	background-color:#999999;
}

#siteInfo1 a
{
	color: #ffffff;
	font-size: 80%;
}
/*** #navBar link styles ***/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*** #nav link styles ***/

#nav ul a:link, #nav ul a:visited {display: block;}
#nav ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#nav li {border-bottom: 1px solid #ffffff;}

/* fix for browsers that don't need the hack */
html>body #nav li {border-bottom: none;}

/*** kalendars ***/

table.calendar {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: white;
	border: solid #999999 1px;
	background-color: white;
	width: 215px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
}
table.calendar a {
}
table.calendar a:hover {
}
table.calendar input, table.calendar select {
	font-size: 10px;
}
table.calendar td, table.calendar th {
	border: 0;
	font-size: 10px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
div.mainheading div.closeBtn {
	float: right;
	color: red;
}
/*all styles related to the main calendar grid*/
table.cells {
	border-collapse: collapse;
	border: solid #CCCCCC 1px;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
/*the day headings*/
table.cells th {
	border: solid #CCCCCC 1px;
	text-align: left;
	font-weight: bold;
	color: #0054E3;
	width: 22px;
}
table.cells th.wkhead {
	border-right: double #CCCCCC 3px;
	cursor: default;
	width: 22px;
}
/*The date cells*/
table.cells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	height: 20px; /*IE doesn't like ems*/
}
table.cells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
table.cells td.noselect {
	background-color: #EEEEEE;
	color: #BBBBBB;
	text-decoration: line-through;
	cursor: default;
}
table.cells td.hlday {
	background-color: #99FF99;
}
table.cells td.wkday {
	background-color: #DDDDDD;
}
table.cells td.wkend {
	background-color: #DDDDDD;
}
table.cells td.curdate {

}
table.cells td.cell_selected {
	background-color: #99CCFF;
	color: black;
}
table.cells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.cells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.cells td.hover {
	background-color: #999999;
}
table.cells td div {
	padding: 1px;
	margin: 0;
}
/** Calendar 2 **/
/* Week Day Title - TD */
.calWTitle {
	font: bold 10px Tahoma, Verdana, sans-serif;
	background: #708090;
	text-align: center;
	color: #FFFFFF;
	height: 20px;
	width: 20px;
}
/* Selected Date - TD */
.calDayCurrent {
	background: #99ff00;
	width: 20px;
}
/* Sat. and Sun. - TD */
.calDayWeekend {
	background: #ffcc00;
	width: 20px;
}
/* Sat. and Sun. - TD */
.calDayHoliday {
	width: 20px;
	background: white;
	background-image : url(img/sun.gif);
	background-repeat : no-repeat;
}
/* Not Sat. and Sun. - TD */
.calDayWorking {
	background: #E1E4E8;
	width: 20px;
}
/* Days of current month - A */
.calThisMonth {
	font: 12px Tahoma, Verdana, sans-serif;
	color: #000000;
	text-decoration: none;
}
/* Days of other month - A */
.calOtherMonth {
	font: 12px Tahoma, Verdana, sans-serif;
	color: #808080;
	text-decoration: none;
}
/* Days not alloved by limits - SPAN */
.calForbDate {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: line-through;
}
/* Month selection box - SELECT */
.calMonthselector {
	width: 100%;
}
/* Hours, minutes & seconds selection boxes - SELECT */
.calTimeselector {
	width: 45px;
}
/* Time navigation table - TABLE */
.calTimetable {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
}
.calDataTitle{
	font-family: Tahoma, Verdana, sans-serif;	
	font-size: 12px;
	color: #FFFFFF;
}

/* 
  Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim 
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* for main form wrapping div */
div#gb_form_div { 
  /* not styled on demo page */
}

/* id for the form itself */
form#gb_form { 
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 1.4em; 
  color : #cc9900; 
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
  background-color : #fefefe; 
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
  background-color : #fafafa; 
}

/* form legends and dt "heading" */
legend, dt { 
  font-weight : bold; 
  color : #666;
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
  color : #669900; 
}

/* form label text */
label { 
  color : #669900;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font : 80% 'Trebuchet MS', sans-serif; 
  color : #666; 
  padding : 2px; 
  border : 1px solid #cc9000;
  background-color : #fffffa;
}

/* to make focus stable in IE 6 */
* html input.button { 
  color : #000;  
  border : 1px solid #669900;
  background-color : #cc9900;
}
* html input.button.hover { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}
* html input.button.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #cd0000; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #669900; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #000; 
  background-color : #eecc11; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 80%; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #669900;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}


/* End CSS */