html {
min-width: 945px;
bottom: 80px;
}
/*IE7*/

body {
color: #393733;
margin: 0;
padding: 0 0px;
text-align: center;
/*background: #708EE6;*/
background: #E7E7E7;
}

body, td, th, textarea, input, select, h2, h3, h4, h5, h6 {
font: 83%/1.4 arial, helvetica, sans-serif;
}

ul {
  list-style-type: none;
  list-style-position: inside;
}

/*input {
line-height: 1;
}
*/


/****Text Formatting****/

a {
color: #105cb6;
cursor: pointer;
/*	outline-color: -moz-use-text-color;*/
	outline-style: none;
outline-width: medium;
}

a:hover, a:focus {
/*color: #000033;*/
}

p {
/*text-indent: 1.5em;*/
}


#login,#password {
margin-left: 2px;
margin-right: 6px;
float: left;
background: #FFF;
border: 1px solid #999;
/*	height: 20px;*/
}

#login:focus, #password:focus {
/*background: #FFFFA8;*/
border: 1px solid blue;
}


/****Table Formatting******/
table {
	border-collapse: collapse;
	border: 1px solid black;
}

td,th {
	border: 1px solid black;
	padding: 2px;
}

th {
	font-size: 100%;
}

tr:hover {
	background: #E7E6EE;
}

/****Template****/
#scroller {
  position: fixed;
  top: 0px;
  bottom: 75px;
  left: 0px;
  right: 0px;
  overflow: auto;
}
#container {
text-align: left;
margin: 0 auto;
max-width: 1200px;
position: relative;
}

#main-matter {
padding: 15px 0 0 15px;
min-height: 400px;
overflow: hidden;
}

#contents {
clear: both;
padding: 0 15px 30px 0;
margin-top: 7px;
background: #fff;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}

#h {
position: relative;
float: left;
width: 100%;
background: #1515B5 url(../images/intro.jpg) no-repeat 50% 57%;
/*color: #FFF;*/
margin-bottom: 7px;
/*border: 1px solid #000000;*/
/*-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;*/
z-index: 99999;
border: 1px solid #999;
border-top: 0px;
/*background: #83A3EC url(/images/background7.jpg) repeat-x 50% 0;*/
/*height: 150px;*/
}


#h h1 {
display: block;
z-index: 1000;
float: left;
padding: 0px 0px 0px 0px;
padding-left: 5px;
margin: 0px 0px 0px 0px;
font-size: 5em;
color: #DD0707;
text-shadow: black 0px 0px 5px;
/*outline: black solid thick;*/
background: url(../images/volunteerskipatrol2.png) no-repeat 50% 50%;
height: 124px;
width: 116px;

}

#h #login-header {
float: right;

}

#h #login-header a, #h #login-header label {
font-size: 140%;
color: #E6383A;
}

#h #login-header #password, #h #login-header #login, #h #login-header #login_btn, #h #login-header label, #h #login-header a {
padding-top: 5px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
margin-top: 11px;
margin-right: 0pt;
margin-bottom: 11px;
margin-left: 0pt;
display: block;
float: left;
line-height: 1;
word-spacing: -0.1em;
}



#h a, #h label {
float: left;

font-weight: bold;
text-decoration: none;
word-spacing: -0.1em;
}

#h  a:hover, #h a:focus {
float: left;

font-weight: bold;
text-decoration: underline;
}

#h-pri {
float: left;
width: 100%;
font-size: 105%;
position: relative;
background-color: #92B1C5;
	opacity: .7;
filter: alpha(opacity=70);
}

#h-sec {
float: left;
width: 100%;
font-size: 100%;
position: relative;
background-color: #708EE6;
	opacity: 0.9;
filter: alpha(opacity=90);
}

/*#h ul {
padding: 0px;
margin: 0px;
float: left;
}
*/
/*#h li {
margin: 4px 0px 5px 0px;
background: green;
}*/

/*#h ul li a {
color: black;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
opacity: 1.0;
filter: alpha(opacity=100);
font-size: 110%;
}*/

/*#h ul li a:hover {
color: black;
background: white;
text-decoration: underline;
}*/

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	overflow: visible;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;

}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.0em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.sf-navbar {
	height:			2.0em;
	padding-bottom:	1.35em;
	position:		relative;
}
.sf-navbar li {
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			80em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
/*	background:		#BDD2FF;*/
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current, .sf-navbar li li.current {
	background:		red;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
/*	background:		#BDD2FF;*/
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
/*	background:		#D1DFFF;*/
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
/*.sf-navbar li li.current li.current,*/
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
/*	background:		#E6EEFF;*/
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.0em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		0.5em 0.9em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: black;
}
.sf-menu li {
/*	background:		#BDD2FF;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: white;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
/*	outline: 0;*/
}

a.current {
background: #FF0000;
color: black;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.main {
margin-right: 330px;
/*float: left;*/
}

.main .section h2 {
font-weight: bold;
font-size: 180%;
padding: 0px;
margin: 0px;
}

.main .top-matter {
background: #C4DCFD;
padding: 15px 5px 15px 15px;
margin-right: 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}

.news-item {
padding: 0.7em 0px 2.5em 0px;
/*position: relative;*/
clear: left;
min-height: 55px;
}

.news-item h3 {
font-weight: bold;
font-size: 115%;
margin: 0px;
}

.news-item p {
margin: 0px;
line-height: 1.3;
}

.news-item .news-options {
padding: 5px 0px 0px 5px;
font-size: 80%;
}

.main h2 {
	font-size: 120%;
	font-weight: bold;
}

.sidebar {
	margin: 0 0 0.5em 0;
	float: right;
	clear: left;
	width: 300px;
	min-height: 400px;
	}
 .side-container {
		clear: both;
		padding: 10px 0 2em 0;
		font-size: 100%;
	}
		.side-container h2 {
			font-size: 110%;
			font-weight: bold;
		}

	#weather {
    border: 1px solid #999;
	}
	#weather h2 {
	  margin: 0px;
	}
		#weather #current_conditions {
		  margin: 0px 0px 5px 5px;
/*      float: right;*/
/*      border: 1px solid #999;*/
		}
		#weather #current_conditions img {
		  float: right;
		  margin-right: 40px;
		  margin-top: 20px;
		}
		#weather #forecast {
		  margin: 20px 0px 5px 5px;
/*      margin: auto;*/
/*      width: 80%;*/
/*			border: 1px solid #999;*/
		}
		#weather ul {
		  margin: 0px;
			padding: 0px;
/*      border: 1px solid #999;*/
		}
	.ad {
		float: left;
		width: 145px;
		height: 50px;
		margin: 2px;
		background: blue;
	}

#footer {
	clear: both;
	padding: 0 15px 30px 15px;
	margin-top: 7px;
	background: #fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-align: center;
	margin-bottom: 5px;
}
	#footer span.copyright {
		/*	text-shadow: rgb(255,255,255) 10px 10px 2px;*/
		/*	text-align: center;*/
		font-size: 80%;
	}


table.calendar {
/*	background: blue;*/
	border-collapse: collapse;
	width: 100%;
/*	height: 400px;*/
}
table.calendar .monthName {
	font: 140% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	text-align: center;
}

table.calendar tr, table.calendar th{
  border:0px;
  background: white;
}

table.calendar tr.dayName th {
  border: 1px solid #999;
}

table.calendar td {
	width: 14%;
	height: 80px;
	background: #EFF8FC;
	padding: 3px 0.5em 3px 3px;
	vertical-align: top;
	border: 1px solid #999;
}

table.calendar td.day {
	background: #EFF8FC;
}

table.calendar td.lowday{
	background: #EDDFDD;
}

table.calendar td.otherMonth {
	background: #CDCFEA;
}

table.sign-in {
	width: 100%;
}

table.sign-in-sheet col.posted {
	width: 0.3in;
}

table.sign-in-sheet col.name, table.sign-in col.trade-to{
	width: 10em;
}

table.sign-in-sheet col.sign-in, table.sign-in-sheet col.sign-out {
	width: 5%;
}


.error, .notice, .warning, .errorExplanation {
	border: 1px solid;
	margin: 10px 0px;
	padding: 10px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.error, .errorExplanation, .warning {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/images/status/error.png');
}

.notice {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('/images/status/notice.png');
}


.editor {
/*  clear: both;*/
/*  display: inline;*/
	float: left;
	width: 100%;
}
.editor textarea {
  width: 49%;
  height: 300px;
/*  display: block;*/
  float: left;
/*  border: 20px solid #999;*/
/*  background: blue;*/
}

.editor .rightcontainer {
/*  border: 1px solid #999;*/
/*  display: block;*/
  float: right;
  width: 49%;
}
.editor .rightcontainer_header {
  height: 2.9em;
}
.editor .wmd-preview {
/*  width: 50%;*/
  border: 1px solid #999;
/*  float: right;*/
  height: 300px;
/*  display: block;*/
/*  display: inline;*/
overflow: scroll;
}

fieldset {
	display: block;
	width: 550px;
	background-color: #EFF1F8;
	border: 1px solid #6AAECC;
}

.form_element {
	width: 100%;
/*	border: 1px solid #999;*/
	display: block;
	padding: 1em 0px 0.5em 0px;
	overflow: hidden;
}

fieldset .box {
	display: block;
	width: 30%;
	float: left;
	padding-right: 0.8em;
}

fieldset .box label {
	display: block;
	float: right;
	padding: 2px 0px 2px 0px;
/*  outline: black thin solid;*/
}

.textfield {
	width: 55%;
/*	background-color: #EFEFFF;*/
	font-size: 0.8em;
	padding: 5px 0px 5px 0px;
	border: 1px solid #386089;
	display: block;
}

/*.fieldWithErrors {
	padding: 0px;
	background-color: transparent;
	display: block;
}*/

.fieldWithErrors .textfield {
	padding: 0px;
	border: 1px solid red;
	font-size: 0.8em;
	padding: 5px 0px 5px 0px;
/*	outline: red thin solid;*/
}


fieldset div.namelist{
	display: block;
/*	margin-bottom: 10px;*/
/*	margin: 20px;*/
/*	border: 1px solid #999;*/
/*	height: 100%;*/
}

fieldset .namelist li{
	display: block;
	float: left;
/*	clear: right;*/
	padding-bottom: 3px;
	width: 33%;
}

.selectlist {
	background-color: #EFEFFF;
	outline: #386089 thin solid
}

.textfield:hover {
	background-color: #EFEFFF;		/* Light gray background */
	border: 1px solid #85a068;  /* Green border */
}

.textfield:focus {
	background-color: #FFFFFF;		/* White background */
	border: 1px solid #386089;  /*Blue Outline*/
}

div#periods {
  width: 100%;
/*  border: 1px solid #999;*/
	float: right;
}

div.period {
  width: 47%;
  border: 1px solid #999;
  margin: 0.2em;
	padding: 0.5em;
  float: left;
	vertical-align: top;
	background-color: #EEF7FB;
}

div#periods h2 {
	font-size: 1.3em;
}

div#periods h3{
	font-size: 1.1em;
}

div#ads {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  overflow: hidden;
  height: 75px;
  background: #FFF;
  border-top: 1px solid #999;
}

div#ads img, div#ads a, div#ads a:hover{
  border: none;
  background: none;
}

.cecard-top-info{
	overflow:hidden;
/*	width: 100%;*/
/*	clear: both;*/
/*	border: 1px solid #999;*/
/*	height: 400px;*/
}

.cecard-item {
	text-align: right;
	float:left;
	margin-top: 5px;
/*	margin-right: 4px;*/
	width: 20%;
/*	border: 1px solid #999;*/
	
}

.cecard-content {
/*	display:block;*/
/*	margin-left: 4px;*/
	padding-left: 5px;
	margin-top: 5px;
	float:left;
	min-height: 1.4em;
	width: 70%;
/*	border: 1px solid #999;*/
}

/****************************************************/

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


div.email-names {
  width: 500px;
  border: 1px solid #999;
  overflow: hidden;
  position: absolute;
  left: 30px;
  background-color: #ffffff
}

div.email-names ul {
  margin: 0;
  padding: 0;
}

.collapsed {
  display: none;
}

div.answer-field {
  float: left;
  margin: 5px;
  width: 15em;
}

div.answer-field label {
  display: block;
  float: left;
  text-align: right;
  width: 2em;
}
div.answer-field input {
  margin-left: 3px;
}

div.multiple-choice, div.true-false {
  width: 60em;
  float: left;
  padding: 5px;
  margin: 5px;
  background-color: #EFF1F8;
	border: 1px solid #6AAECC;
}
div.multiple-choice .question,  div.true-false .question {
  margin-bottom :5px;
  font-size: 110%;
}

div.multiple-choice .multiple-choice-answer,  div.true-false .multiple-choice-answer {
  padding-left: 10px;
  margin-bottom: 4px;
}

div.multiple-choice .multiple-choice-answer input,  div.true-false .multiple-choice-answer input{
  float: left;
  display: block;
}

div.multiple-choice .multiple-choice-answer label,  div.true-false .multiple-choice-answer label {
  display: block;
  margin-left: 23px;
}

div.submit-buttons {
  clear: both;
}

.grippie {
  position: static;
  display: block;
  float: right;
  height: 20px;
  width: 20px;
/*  background: green;*/
}

div.patroller-test-questions fieldset {
  
}