html,
body {
	margin: 0;
	padding:0;
	border:0;				/* This removes the border around the viewport in old versions of IE */
	width: 100%;
	background:#fff;	
	min-width:600px;    	/* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
	font-family: verdana;
	font-size: 14px;
	color: #003366;
	height: 100%;
	
}

#container,
#category,
#location,
#room
{
	min-height: 100%;
	position: relative;
	/*color: red;*/
	font-size: 95%;
	padding: 5px;
}

#body 
{
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */

}

div#wrapper
{
	width: 700px;
	margin-left: 100px;
}

a {
	color:#369;
}
a:hover {
	color: #99CC00;
	/*background:#369;*/
	text-decoration:none;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
pre {
	font-family: verdana;
	font-size: 100%;
	margin: .4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
}
#span4 {
	display: block;
}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	/*background-color: #9bad5a;*/
	background-color: #fff;

}
#header {
	border-bottom:1px solid #000;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header #strapline h2 {
	font-style: italic;
	font-size: 1.5em;
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#cccc99;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover {
	background: #993333;
	color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	color: #fff;
	background:#9bad5a;
	border-top:4px solid gray;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}


.bread {
	color: #003366;
}

.bread  a:link , .bread a:visited {
	text-decoration: none;
	color: #003366;

}

.bread  a:active {
	text-decoration: none;
}

.bread  a:hover {
	color: #993333;
	background: none;
	text-decoration: underline;
	border: none;
}


#banner  {
	 text-align: left;
	 margin-right:40px;
	 text-decoration: none;
	 border: none;
	 padding-top: 20px;
	 padding-bottom: 20px;
	 padding-left: 10px;
}

#banner  a:link , #banner a:visited {
	/*background:#369;*/
	text-decoration: none;
	color: #949494;
}
#banner  a:active {
	/*background:#369;*/
	text-decoration: none;
}

#banner  a:hover {
	color: #993333;
	background: none;
	text-decoration: none;
	border: none;
}
#leftcol   {		 
	 text-decoration: none;
	 overflow: hidden;
	 color: #fff;		 
}

#leftcol ul {
	list-style: none;
	margin: 0 0 0 0;
	padding-left: 0;
}

#leftcol   a:link , #leftcol a:visited {
	text-decoration: none;
	color: gray;
}

#leftcol   a:active {
	/*background:#369;*/
	text-decoration: none;
}

#leftcol  a:hover {
	background: none;
	text-decoration: none;
	color: #993333;
}

#emblem   {
	 text-decoration: none;
}

#emblem   a:link , #banner a:visited {
	/*background:#369;*/
	text-decoration: none;
}

#emblem   a:active {
	/*background:#369;*/
	text-decoration: none;
}

#emblem  a:hover {
	background: none;
	text-decoration: none;
}


#special a  {
	color: #fff;
	text-decoration: none;
}
#special a:hover
{	
/*	background-color: #53544d;*/
	text-decoration: underline;
}

#special a.visited,
#special a.active
{
	color: #fff;
	text-decoration: none;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
/*	overflow:hidden;*/
}
/* 2 Column (left menu) settings */
.leftmenu {
	background: #fff;		/* right column background colour */
}
.leftmenu .colleft {
	right:78%;			    /* right column width */
	background: #9bad5a;	/* left column background colour */
}
.leftmenu .colleft {
	right:78%;			    /* right column width */
	background: #fff;	/* left column background colour */
}

.leftmenu .col1 {
	width:65%;			    /* right column content width */
	left:102%;			    /* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:21%;			    /* left column content width (column width minus left and right padding) */
	left:14%;			    /* (right column left and right padding) plus (left column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	width:100%;
	border-top:1px solid #000;		
	font-size: .7em;
	color: darkgray;
	position: relative;
	bottom: -255px;
}

#footer p {	
	padding:10px;
	margin:0;
}

#footer   a:link , #footer a:visited {
	color: darkgray;	
}

#footer   a:active {
	color: darkgray;	
}

#footer  a:hover {		
	color: olive;
	background-color: #fff;
}

#footer #footname {
	margin-left: 10px;
}

#textual {
		
}

#textual h1, p {
	text-align: justify;
}

.message_area {
    width: 600px;
	padding: 0px 0px 25px 0px;
}

.error {
	color: #FF0000;
	font-size: 1em;
	border: 1px solid #363;
	padding: 15px;
}

.warning {
	color: #FF4500;
	font-size: 1em;
	border: 1px solid #363; 
	padding: 15px;
}

.information {
	color: #7e8956;
	font-size: 1em;
	border: 1px solid #363; 
	/*margin-bottom:20px;*/
	padding: 15px;
}

.subscribe {
}

fieldset {
	border: 1px solid #333300;
	width: 20em;
	display: block;
	padding: 10px 10px 10px 12px;
}

form div {
	margin: 0 0 0.25ex 0;
	margin-top: 1em;
	margin-left: 1em;
	clear: left;		
}

label {
	display: block;
	float: left;
	color: darkgray;
}

label.under {
	color: #666633;
	/*width: 18em;*/
	display: block;
	float: left;
	font-weight: normal;
	padding-right: 1.5em;
	
}

label.secondary {
	float: none;
	width: auto;
	font-weight: normal;
	margin: 0.25ex 0 0 6em;
}

label.medium {
	width: 34em;	
}

label.long {
	width: 35em;	
}

label.long a  {
	color: #41627E;
	text-decoration: none;
	font-weight: bold;
}
label.long a:hover
{	
	background-color: #fff;
	text-decoration: underline;
}

label.long a.visited,
label.long a.active
{
	color: #41627E;
	text-decoration: none;
}

#highlight {
	color: red;
}
form div.actions {
	margin-left: 6em;
	padding-left: 1.5em;		
}

select {
	width: 244px;
	margin-right: 3em;
	background: #FFFFFF;
	color: gray;
}

input {
	width: 250px;
	background: #FFFFFF;	
}

textarea {
	width: 530px;
	font-size: 100%;
	background: green;
}

input.other {
	background: #FFFFFF;
	width: 240px;		
	color: #404040;
}

input.other2 {
	/*background: #ECF8E0;*/
	background: #FFFFFF;
	width: 232px;		
}

input.radio {
	width: 15px;
	background: #fff;
	/*display: block;*/		
}

input.check {
	width: 15px;
	background: #ffffff;
	/*display: block;*/		
}

input.btn{
	width: 70px;
	border: 1px outset #333300;
	padding: 2px 4px 2px 4px;
	margin-right: 1px;
	background: #B6C877;
}

input.btn1{
	width: 180px;
	border: 1px outset #333300;
	padding: 2px 4px 2px 4px;
	margin-right: 1px;
	background: #B6C877;
}

input.paybtn{
	width: 180px;
/*	font-weight: bold;*/
	border: 1px outset #333300;
	padding: 2px 4px 2px 4px;
	margin-right: 15px;
	background: #B6C877;

}

input.rightbtn{
	width: 70px;
	background: #999933;
	color: #fff;
	border: 1px outset #333300;
	padding: 2px 4px 2px 4px;
	margin-left: 10px;
}
	
input.digit2 {
	width: 20px;
}

input.digit4 {
	width: 40px;
}

input.pp {
	width: 1px;
	height: 1px;
}

textarea {
	/*background: #ECF8E0;*/
	background: #FFFFFF;
}


button {
	width: 70px;
	background: #B6C877;
	border: 1px outset #333300;
	padding: 2px 4px 2px 4px;
	margin-right: 15px;
}

#start_btn {
	border: none;
	width: 275px;
	height: 70px;
	background: #fff;
	margin-left: -10px;
}
 
.col1 .bread {
/*	color: #7e8956;*/
	font-weight: normal;
	font-size: 90%;
}

.col1 .bread a  {
/*	color: #41627E;*/
	text-decoration: none;

}
.col1 .bread a:hover
{	
	background-color: #fff;
	text-decoration: underline;
}

.col1 .bread a.visited,
.col1 .bread a.active
{
/*	color: #41627E;*/
	text-decoration: none;
}

#none {
	overflow: hidden;
}

#error_msg {
	position: relative;
	top: 1em;
	margin: 5px;
	font-weight: bold;
	color: navy;
}

#input_container {
	position: relative;
	top: 5px;
}
#show_container {
	position: absolute;
	top: 78px;
	left: 280px;
}

#show_form {
	position: relative;
	top: 30px
}

#iconhref a  {
	color: green;
}

a.editlink:link {color:#6E8B3D; text-decoration: none}
a.editlink:visited {color:#6E8B3D;}
a.editlink:hover {color:#006400; text-decoration: none}

a.thlink:link {color:#FFFFFF;    text-decoration: none}
a.thlink:visited {color:#FFFFFF; text-decoration: none}
a.thlink:hover {color:#FFFFFF; 	text-decoration: none}
a.thlink:active {color:#FFFFFF;  text-decoration: none}

#iconhref  a:link , #iconhref a:visited {
	text-decoration: none;
	color: #9bad5a;
}

#iconhref  a:hover {
    color: #cccccc;
	text-decoration: underline;
	border: none;
}
#iconhref  a:active {
	/*background:#369;*/
	text-decoration: none;
}

#iconiref  {
}

#iconiref  a:link , #iconiref a:visited {
	/*background:#369;*/
	text-decoration: none;
	color: #ccc;
}

#iconiref  a:active {
	/*background:#369;*/
	text-decoration: none;
}

#iconiref  a:hover {
    background: navy;
	text-decoration: none;
	border: none;
	display:inline-block;
}

#containers
{
border-collapse:collapse;
margin: 1px;
}

#containers td, #containers th 
{
/*
#e5f2b6
#98bf21
*/
border: 1px solid #e4f1b5;
padding:3px 7px 2px 7px;
/*width: 29%;*/
font-weight: normal;
}
#containers th 
{
font-size: normal;
/*font-size:1.1em;*/
text-align: center;
/*padding-top:2px;*/
/*padding-bottom:3px;*/
/*width: 30%;*/
/*background-color: #d9ec95;*/
background-color: #9bad5a;
/*background-color: #536878;*/
color:#ffffff;
}
#containers tr.alt1 td 
{
color:#000000;
background-color:#EAF2D3;
}

#containers tr.alt2 td 
{
color:#000000;
background-color:#FFF;
}

#containers  a:link , #containers a:visited {
	/*background:#369;*/
	text-decoration: none;
	font-weight: normal;
}
#containers  a:active {
	/*background:#369;*/
	text-decoration: none;
	font-weight: normal;
}

#containers  a:hover {
    text-decoration: underline;
	border: none;
	display:inline-block;
	background: none;
	color: #483D8B;
	font-weight: normal;
}

#add_containers
{
width: 80%;
border-collapse:collapse;
margin: 1px;
}

#add_containers td, #add_containers th 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#add_containers th 
{
font-size:1.1em;
text-align: center;
padding-top:5px;
padding-bottom:4px;
background-color:#B6C877;
color:#ffffff;
}

#add_containers tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

#form_attr {
	color: #7e8956;
}


#lists
{
width: 81.5%;
border-collapse:collapse;
margin: 1px;
}

#lists td, #lists th 
{
font-size:1em;
border:1px solid #98bf21;
width: 29%;
}

#lists th 
{
font-size:1.1em;
text-align: center;
padding-top:5px;
padding-bottom:4px;
width: 30%;
background-color:#B6C877;
color:#ffffff;
}
#lists tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

#formtitle 
{
font-size: 1.2em; 
font-weight: bold; 
text-align: center; 
color: #fff;
}

table#dates 
{    
background-color:#FFFFFF;    
/*border: solid #000 3px;*/    
width: 100px;
}
table#dates td 
{    
padding: 1px;    

/*border: solid #000 1px;*/
}
.data 
{   
color: #000000;    
text-align: right;    
background-color: #CCCCCC;
}

legend {
border: 1px;
}


#trial_logo  {
	 text-align: left;
	 text-decoration: none;
	 border: none;
	 padding: 0px 0 0 155px;
}

#trial_logo  a:link , #trial_logo a:visited {
	/*background:#369;*/
	text-decoration: none;
}
#trial_logo  a:active {
	/*background:#369;*/
	text-decoration: none;
}

#trial_logo  a:hover {
	background: none;
	text-decoration: none;
	border: none;
}

#fb_logo  {
	 text-align: left;
	 text-decoration: none;
	 border: none;
}

#fb_logo  a:link , #fb_logo a:visited {
	/*background:#369;*/
	text-decoration: none;
}
#fb_logo  a:active {
	/*background:#369;*/
	text-decoration: none;
}

#fb_logo  a:hover {
	background: none;
	text-decoration: none;
	border: none;
}

#follow_logo  {
	font-size: 12px;
	margin-top: .5em;	
    color: navy;
    text-align: left;
	text-decoration: none;
	border: none;
}

#follow_logo  a:link , #follow_logo a:visited {
	text-decoration: none;
}
#follow_logo  a:active {
	text-decoration: none;
}

#follow_logo  a:hover {
	color: navy;
	background: none;
	text-decoration: underline;
	border: none;
	
}

#follow_logo img {
	border: none;
}

#followt_logo  {
	font-size: 12px;
	margin-top: -3.8em;	
	margin-left: 3.5em;
    color: navy;
    text-align: left;
	text-decoration: none;
	border: none;
}

#followt_logo  a:link , #followt_logo a:visited {
	text-decoration: none;
}
#followt_logo  a:active {
	text-decoration: none;
}

#followt_logo  a:hover {
	color: navy;
	background: none;
	text-decoration: underline;
	border: none;
	
}

#followt_logo img {
	border: none;
}



#signon {
}

#signon table {
position: absolute; 
left: 600px; 
background-color: #53544d; 
color: #fff; 
width: 150px;
}

#demo {
	float: right;
	clear: right;
}
.adorned {
	background: #6AF;
	width: 23em;
	text-align: center;
	padding: 20px 2px;	/* padding greater than corner height|width */
	margin: 1em 0.25em;
	color:#000;
}
.adorned code {
	display: block;
}
.adorned h1 {
	font-size: 120%;
}

/* This is my new refence point for classes.
      Classes must begin with a hard stop indicated by the period.
*/	  
.icons{
width: 10%; 
text-align: center;
}

.icons13{
width: 13%; 
text-align: center;
}

.arrows img{
border: 0; 
height:20px; 
position: relative; 
left: 10px; 
vertical-align: -40%;
}

.secure_badge img {
border: 0; 
height: 90%; 
position: relative;
top: 1%; 
left: 33%; 
}

.secure_badge2 img {
border: 0; 
height: 90%; 
position: relative;
top: 1%; 
left: 40%; 
}

/* This little hack hides from IE so that I can adjust the vertical align for Firefox. */
body:nth-of-type(1) .arrows img {
border: 0; 
height:20px; 
position: relative; 
left: 10px; 
vertical-align: -.6em;
}

body:nth-of-type(1) .secure_badge img {
border: 0; 
height: 90px; 
position: relative;
top: 10px; 
left: 40%; 
}

body:nth-of-type(1) .secure_badge2 img {
border: 0; 
height: 90px; 
position: relative;
top: 10px; 
left: 250px; 
}
.content {display:none;}

#gridrows {
position: relative;
left: 500px;
top: -42px;
}
.search_area {
position: absolute;
top: 1em;
right: .3em;
}