html {
  height: 100%;
  margin-bottom: 1px;
}

.clr {
  clear: both;
}

body {
	margin: 0;
  padding: 0;
	height: 100%;
}

body.grey {
  	background: #666666;
}

td,tr,p,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.45em;
	color: #333333;
}

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

ul li
{
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	background-image: url(images/blue_bullet.png) ;

}

a:link, a:visited {
  text-decoration: none;
/*  font-weight: bold;*/
  color: #4186CB; 
}

a:hover {
/*  font-weight: bold;*/
  text-decoration: none;
  color: #2E6AA7;	
}

.mainlevel {
	display: block;
	background: url(images/menu_underline.png) bottom left repeat-x;
	padding: 2px 0px;
}

#wrapper {
  min-width: 800px;
  max-width: 1024px;
  width: expression(document.body.clientWidth > 1024? "1024px": document.body.clientWidth < 800 ? "800px" : "auto" );
}

#header {
  height: 85px;
  padding-left: 29px;
  background: url(images/blue_header_bg.png) repeat-x;
}

#logo {
  float: left;
  background: url(images/header_logo.png) no-repeat;
  width: 400px;
  height: 82px;
}

#banner {
  float: right;
  background: top right no-repeat;
  height: 75px;
/*  width: 324px;*/
  width: 371px;
}

#header_bottom {
  height: 40px;
  background: #ffffff top left no-repeat; 
}

#top {
  clear: both;
  float: none !important;
  float: left;
  padding: 20px 15px 15px 15px;
  background: #ffffff;
}

#content {
  float: left;
  padding: 10px;
  background: #ffffff;
}

#mainbody {
  text-align: left;
  padding-top: 15px;
}

#right {
  text-align: left;
	margin-left: 20px;
	padding-bottom: 10px;
}

#left {
  text-align: left;
	margin-right: 20px;
	padding-bottom: 10px;
}

#faq_line {
    text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 90%;
	background: #ffffff;
}

#footer {
	float: left;
	width: 100%;
	background: #999999 url(images/blue_footer.png) repeat-x;	
	height: 48px;
	line-height: 48px;
	font-size: 90%;
	color: #cccccc;
}


table.contentpaneopen {
	text-align: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

.contentheading {
  margin: 0;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 120%;
  line-height: 150%;
  color: #000000;
  font-weight: normal;
  background: url(images/grey_underline.png) bottom left repeat-x;
  margin-bottom: 10px;
  padding: 2px 18px 2px 2px;
  vertical-align: bottom;
}

div.content_top_box div.module {
   margin-bottom: 15px;
}

.content_top_box div.module {
  background: transparent url(images/grey_bottom_left.png) no-repeat bottom left;
  border: 0px solid #cccccc;

}

.content_top_box div.module div {
  background: transparent url(images/grey_bottom_right.png) no-repeat bottom right;
	
}

.content_top_box div.module div div {
  background: transparent url(images/grey_top_left.png) no-repeat top left;
}

.content_top_box div.module div div div {
	background: transparent url(images/grey_top_right.png) no-repeat top right;
	padding: 0 10px 10px 10px;
	width: auto !important;
	width: 100%;
}

.content_top_box div.module div div div div {
	background: none;
	padding: 0;
}

.content_top_box#left h3{
	background: none;
	font-weight: bold;
	font-size: 100%;
	line-height: 24px;
	/*font-family: Verdana, Helvetica, sans-serif;*/
	color: #fff;
}


.colorbox div.module div div {
  background: transparent url(images/blue_top_left.png) no-repeat top left;
}

.colorbox div.module div div div {
	background: transparent url(images/blue_top_right.png) no-repeat top right;
	padding: 0 10px 10px 10px;
	width: auto !important;
	width: 100%;
}

div.colorbox a:hover {
	color: #333;
}

#nav {
  text-align:right;
  float: left;
  /*width: 480px;*/
  
}
#nav ul {
  float: none;
  margin:0;
  padding:0px 10px 0;
  list-style:none;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */


#nav li {
  float:left;
  background:url(images/grey_tab_l.png) no-repeat bottom left;
  margin:0;
  margin-left:1px;
  padding:0 0 0 6px;
}

#nav li a {
	float:left;
	font-size: 11px;
  display:block;
  line-height: 28px;
  background:url(images/grey_tab_r.png) no-repeat 100% 100%;
  padding: 0px 15px 0px 10px;
  text-decoration:none;
  color:#ffffff;
  font-weight: bold;
}

div#nav li.active {
  background:url(images/blue_tab_l.png) no-repeat bottom left;
}
div#nav li.active a {
  background:url(images/blue_tab_r.png) no-repeat bottom right;
}

div#nav li:hover, div#nav li.sfhover {
  background:url(images/over_tab_l.png) no-repeat bottom left;
}
div#nav li:hover a, div#nav li.sfhover a {
  background:url(images/over_tab_r.png) no-repeat bottom right;
}

/** Preloads **/

span.pl_tab_l {
	background-image: url(images/over_tab_l.png);
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
}

span.pl_tab_r {
	background-image: url(images/over_tab_r.png);
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
}

span.pl_active_l {
	background-image: url(images/blue_tab_l.png);
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
}

span.pl_active_r {
	background-image: url(images/blue_tab_r.png);
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
}

div.content_list_box {
	background: none;
	padding: 0 10px 10px 10px;
	width: auto !important;
	width: 100%;
}

div.content_main_box {
	background: none;
	padding: 10px 10px 10px 10px;
	width: auto !important;
	width: 100%;
}

/* content body block */
div.content_body {
  margin-bottom: 10px;
}


/* content text*/
div.content_text {
  padding: 0px 0px 0px 10px;
}

/* content text*/
.content_pict {
  padding: 0px 10px 0px 0px;
}

/*content page navigation*/
.content_page_nav {
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 100%;
  line-height: 150%;
  color: #000000;
  background: url(images/grey_underline.png) top left repeat-x;
  margin-bottom: 5px;
  padding: 10px 2px 2px 2px;
  vertical-align: top;
  text-align: right;
}

.content_prevnext_nav {
  margin: 0;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 100%;
  line-height: 150%;
  color: #000000;
  background: url(images/grey_underline.png) bottom left repeat-x;
  margin-bottom: 10px;
  padding: 2px 2px 2px 2px;
  vertical-align: middle;
}

div.content_text_signature {
  /*font-family: Verdana, Helvetica, sans-serif;*/
	font-size: 10px;
	font-style: italic;
	color: #666666;
	font-weight: normal;
	text-align: left;
}

.content_edit {
  margin: 0;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 100%;
  line-height: 150%;
  color: #000000;
  background: url(images/grey_underline.png) bottom left repeat-x;
  margin-bottom: 10px;
  padding: 2px 2px 2px 2px;
  vertical-align: bottom;
  text-align:right;
}

.content_add_info {
  margin: 0;
  font-size: 80%;
  margin-top: 10px;
  padding: 2px 2px 2px 2px;
  vertical-align: bottom;
  text-align:right;
  background: url(images/grey_underline.png) bottom left repeat-x;
}

.view_info {
  /*font-family: Verdana, Helvetica, sans-serif;*/
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-align: left;
}

.top_view_info {
  /*font-family: Verdana, Helvetica, sans-serif;*/
  font-size: 12px;
  color: #666666;
  font-weight: normal;
}

.thumb_view_info {
  /*font-family: Verdana, Helvetica, sans-serif;*/
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-align: center;
}

.list_summary_text {
	font-size: 10px;
}

.entry_date {
  /*font-family: Verdana, Helvetica, sans-serif;*/
  font-size: 12px;
  color: #000000;
}

.ads {
margin: 0 0 10px 0
}

#draft {
  background: url(images/draft.png) top right no-repeat;
  min-height: 95px;
}

.draft_row_min_height {
  min-height: 95px;
}

.thumbintable {
  width:135px;
}


/* Styles used in forms */

div.content_form_box {
	background: none;
	padding: 0 10px 0 10px;
	width: auto !important;
	width: 100%;
}

.form_reg_left {
  width: 75%;
}

.form_reg_right {
  width: 25%;
}

.form_entry_left {
  width: 60%;
}

.form_entry_right {
  width: 40%;
}

.form_jour_left {
  width: 55%;
}

.form_jour_right {
  width: 45%;
}

.form_log_left {
  width: 55%;
}

.form_log_right {
  width: 45%;
}

.form_text_left {
  text-align: right; 
  min-width: 95px;
  width: 95px;
}

.form_message {
  font-size: 130%;
  color: #FF0000;
  font-weight: bold;
}

.form_field_upper_title {
	font-size: 75%;
}

.nav_title_icon {
  background: none;
  padding: 5px 5px 0px 0px;
  width: 1px;
}

a img {
  border: 0;
}

.thumb_small_text {
  /*font-family: Verdana, Helvetica, sans-serif;*/
	font-size: 75%;
	color: #666666;
	font-weight: normal;
	text-align: center;
}

.highlighted_thumb {
  border-style: solid;
  border-color: #2E6AA7;
}

.nothighlighted_thumb {
  border-style: solid;
  border-color: white;
}

.termofuseheading {
  font-weight: bold;
  line-height: 2em;
}

.userfieldlistentry {
  border: 1px solid #CACACA;
  padding-left: 3px;
  padding-right: 3px;
}

.logbooklist {
  border-collapse: collapse;
}

.logbooklistentry {
  font-family: 'Comic Sans MS', Arial, Verdana, Helvetica, sans-serif;
  font-size: 100%;
  border: 1px solid #CACACA;
  padding-left: 3px;
  padding-right: 3px;
}

.logbooklistentry_num {
  font-family: 'Comic Sans MS', Arial, Verdana, Helvetica, sans-serif;
  font-size: 100%;
  border: 1px solid #CACACA;
  padding-left: 3px;
  padding-right: 5px;
  text-align: right;
}

.logbooklisttitle {
  font-family: Verdana, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 80%;
  text-align: center;
  border: 1px solid #CACACA;
  border-bottom-width: 2px;
  background-color: #EFEFEF;
}

.logbooklisttitleupper {
  font-family: Verdana, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 80%;
  text-align: center;
  border: 1px solid #CACACA;
  background-color: #EFEFEF;
}

.logbooklisttitletotal {
  font-family: Verdana, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 80%;
  text-align: right;
  border: 1px solid #CACACA;
  /*border-top-width: 2px;*/
  padding-right: 5px;
}


.multilineform {
  border-collapse: collapse;
}

.multilineformcell {
  padding: 0px 0px 0px 0px;
}

.multilineformvalue {
  font-family: 'Comic Sans MS', Arial, Verdana, Helvetica, sans-serif;
  font-size: 125%;
  border: 1px solid black;
  padding-left: 3px;
  padding-right: 3px;
  height: 40px;
}

.multilineformvaluesmall {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 75%;
}

.multilineformvaluelist {
  font-family: 'Comic Sans MS', Arial, Verdana, Helvetica, sans-serif;
  vertical-align: top;
  font-size: 100%;
  border: 1px solid black;
  padding-left: 3px;
  padding-right: 3px;
  height: 40px;
}

.multilineformvalue_num {
  font-family: 'Comic Sans MS', Arial, Verdana, Helvetica, sans-serif;
  font-size: 125%;
  border: 1px solid black;
  padding-left: 3px;
  padding-right: 5px;
  text-align: right;
  height: 40px;
}

.multilineformlabel {
  font-family: Verdana, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 80%;
  text-align: center;
  border: 1px solid black;
  border-bottom-width: 2px;
  background-color: #EFEFEF;
  height: 40px;
}

.multilineformlabellower {
  font-family: Verdana, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 80%;
  text-align: center;
  border: 1px solid black;
  border-bottom-width: 2px;
  background-color: #EFEFEF;
}

.multilineformlabelupper {
  font-family: Verdana, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 80%;
  line-height: 3em;
  text-align: center;
  border: 1px solid black;
  background-color: #EFEFEF;
}

.multilineformphoto {
  border: 1px solid black;
  padding: 2px 2px 2px 2px;
  width: 1px;
}

.multilineformcelldesc {
  padding-left: 0px;
  padding-top: 0px;
  font-size: 75%;
  text-align: left;
  vertical-align: top;
}

.multilineformcellvalue_num {
  font-family: 'Comic Sans MS', Arial, Verdana, Helvetica, sans-serif;
  font-size: 125%;
  padding-left: 3px;
  padding-right: 5px;
  text-align: right;
}

.multilineformlabeltop {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 80%;
  text-align: center;
  border: 1px solid black;
  border-bottom-width: 2px;
  background-color: #EFEFEF;
}

.multilineformlabelleft {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 100%;
  text-align: center;
  border: 1px solid black;
}

.multilineformvalue_unused {
  border: 1px solid black;
  background-color: #EFEFEF;
}

table.v_form_field_group {
  padding-left: 0px;
  margin-left: 0px;
  border-collapse: collapse;
}

.faqgroup {
  font-size: 120%;
  margin-top: 10px;
  padding-bottom: 5px;
}

.faqanswer {
  margin-top: 10px;
  margin-left: 20px;
}

.faq_detail_group {
  font-size: 120%;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

.faq_detail_question {
  font-weight: bold;
  padding-top: 12px;
  padding-bottom: 3px;
}

.faq_detail_answer {
}


/* Photo frames */
img.ImageFrame_image { vertical-align:bottom; border:none; }
table.ImageFrame_shadow { direction: ltr; }
table.ImageFrame_shadow .RRT { height:10px; background:url(images/frame_shadow/RRT.png) no-repeat; }
table.ImageFrame_shadow .RR { width:7px; background:url(images/frame_shadow/RR.png) repeat-y; }
table.ImageFrame_shadow .RR div.V { width:7px; }
table.ImageFrame_shadow .BBL { width:9px; background:url(images/frame_shadow/BBL.png) no-repeat; }
table.ImageFrame_shadow .BB { height:7px; background:url(images/frame_shadow/BB.png) repeat-x; }
table.ImageFrame_shadow .BR { width:7px; height:7px; background:url(images/frame_shadow/BR.png) no-repeat; }
table.ImageFrame_shadow td { font-size:1px }
td div.H { width:1px; height:0; }
td div.V { width:0; height:1px; }