/* CSS Document */

html {
	min-width: 742px;
	}

body {
	background-image: url(./images/grn_back.gif);
	/*background-image: url(./images/back_greydots.png);*/
	/*background-image: url(./images/beige026.jpg);*/
	background-repeat: repeat-both-ways;
	font:  16px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	/*background-color: #9D8851 /*#CD853F /*#AA5303 /*#EED6AF /*E8C782*/;*/
	color: #444;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-size: small; /* feed to IE */
	f\ont-size: small;  /* feed to compliant browsers */
	}
	

html>body div#content {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	min-height: 400px;
	}
	
/* page wrapper layout */
div#wrapper {
	/*background: url(./images/gray-wev.jpg) top center repeat-y;  
	/* background: #ddb url(./images/background.gif) top center repeat-y;*/
	background-color: #e5e4c3;
	width: 760px; /* old value 740 */
	font: 14px 'sans-serif', Geneva, Verdana, Arial, Helvetica, sans-serif;
	margin: 1% auto 1% auto;
	/*border-left: 1px solid #444;
	border-bottom: 1px solid #444;*/
	border: 2px solid #444;
	}

/* Default Links */
a:link {
	color: #990000; 
	text-decoration: underline;
	}
a:visited {
	color: #660000; 
	text-decoration:underline;
	}
a:hover {
	color: blue; 
	text-decoration: none; 
	}
a:active {
	color: #660000; 
	text-decoration: underline;
	}
a.external:link, a.external:visited, 
a.external:active {
	color: #598059;
	text-decoration: underline;
	}
a.external:hover {
	color: blue;
	text-decoration: none;
	}

/* Default Font & Paragraph*/

p 	{
	margin: 12px auto;
	}
p em {
	font-weight: bold;
	}
p .center_bold {
	font-weight: bold;
	text-align: center;
	}
p .center {
	text-align: center;
	}
p .alert_large {
	font-size: 20px;
	font-weight: bold;
	padding: 6px 0 6px 0;
	color: red;
	}
p .alert {
	font-weight: bold;
	color: red;
	}
p .justify {
	text-align: justify;
	}
p.left {
	text-align: left;
	}

/* Heading Elements */

h1,h2,h3,h4 {
	font-family: "Times", Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	margin-left: 12px;
	}
h1 {
	font-size: 46px; 
	}
h1 .center {
	text-align: center;
	}
h2 {
	font-size: 36px; 
	}
h2 .center {
	text-align: center;
	}
h3 { 
	font-size: 26px; 
	}
h3 .center{ 
	text-align: center;
	}
h4 {
	font-size: 16px; 
	}
h4 .center{
	text-align: center;
	}
h4 .left_indent{
	text-align: left;
	margin: 0 auto 0 30px;
	}

/* Text Styles */

.clear {
	clear: both;
	padding-top: 1px; /* prevent collapsing margins */
	}
.bold {
	font-weight: bold;
	}
.left_bold {
	font-weight: bold;
	text-align: left;
	}
.right_bold {
	font-weight: bold;
	text-align: right;
	}
.bold_italics {
	font-style: italic;
	font-weight: bold;
	}
.italics {
	font-style: italic;
	}
.left {
	text-align: left;
	float: left;
	margin: 0;
	padding: 3px 6px 3px 6px;
	}
.right {
	text-align: right;
	float: right;
	margin: 0;
	padding: 3px 6px 3px 6px;
	}
.center {
	text-align: center;
	margin: 0;
	}
.center_bold {
	text-align: center;
	font-weight: bold;
	}
.small {
	font-size: 10px;
	}
.center_small {
	text-align: center;
	font-size: 10px;
	}
.large {
	font-size: 14px;
	font-weight: bold;
	}
.divider {
	border-bottom: 1px solid #444;
	}

/* Image Positioning */
img {
	display: block; 
	margin: 0;
	border: 0;
	padding: 0;
	}
img.center {
	display: block;
	text-align: center;
	left-margin: auto;
	right-margin: auto;
	}
.header_collage {
	margin: 6px auto 6px auto;
	padding: 6px 0 6px 0;
	width: 680px;
	}
.float_left {
	float: left;
	margin-left: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	}
.float_right {
	float: right;
	margin-right: 6px;
	padding-left: 6px;
	padding-bottom: 6px;
	}


/* form positioning formating */
label {
	width: 20em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	}
.alert label {
	color: red;
	}
.submit input {
	margin-left: 0.5em;
	}
select {
	color: #444/*#781351*/;
	padding-left: 2px;
	background: #fffff;/*#fee3ad;*/
	border: 1px solid #781351;
	}
input {
	color: #444/*#781351*/;
	padding-left: 2px;
	background: #ffffff;/*#fee3ad;*/
	border: 1px solid #781351;
	}
.submit input {
	color: #444;
	background: #ffa20f;
	border: 2px outset #d7b9c9;
	}
input.submit {
	color: #444;
	background: #ffa20f;
	border: 2px outset #d7b9c9;
	}
fieldset {
	margin: 12px 0 12px 12%;
	padding: 6px 6px 6px 6px;
	border: 1px solid #444;
	width: 40em;
	}
legend {
	color: darkgreen;
	padding: 2px 6px;
	}

/* Table Generic Style */

table {
	width: 95%;
	border: 0;
	margin: 12px auto 6px auto;
	/*padding: 6px 0 6px 6px; */
	padding: 0;
	}
table.border {
	border: 1px solid #444;
	background-color: silver/*#a1b388*/;
	}
table.color {
	background-color: #e6e4c3;
	}
table.color_narrow {
	width: 50%;
	background-color: #e6e4c3;
	padding: 3px 3px 3px 3px;
	}
table.warning_msg {
	width: 95%;
	border: 2px solid red;
	margin: 12px auto 12px auto;
	padding: 0;
	background-color: orange;
	}
table.caution_msg {
	width: 95%;
	border: 2px solid yellow;
	margin: 12px auto 12px auto;
	padding: 0;
	background-color: yellow;
	}
table.note_msg {
	width: 95%;
	border: 2px solid #598059;
	margin: 12px auto 12px auto;
	padding: 0;
	background-color: #598059;
	}


th {
	text-align: center;
	font-weight: bold;
	color: #e6e4c3;
	background-color: #444;
	padding: 6px 6px 6px 6px;
	}

th.warning_msg {
	/*text-align: left;*/
	background-color: Red;
	font-weight: bold;
	font-color: white;
	}
th.caution_msg {
	background-color: yellow;
	font-weight: bold;
	}
th.note_msg {
	background-color: #598059;
	font-weight: bold;
	font-color: white;
	}
th.orange {
	background-color: orange;
	font-weight: bold;
	color: white;
	}
th.goldenrod {
	background-color: goldenrod;
	font-weight: bold;
	color: white;
	}	
tr.color td {
	background-color: #bababa;
	}
td {
	padding: 3px 3px 3px 3px;
	/* vertical-align: baseline; */
	}
td.warning_msg {
	color: red;
	}
td.caution_msg {
	color: red;
	}
td.note_msg {
	color: red;
	}
td.nowrap {
	white-space: nowrap;
	}
td.border {
	border: 1px solid #444;
	}
td.text_left {
	text-align: left;
	}
td.center {
	text-align: center;
	}

/* Table Form Style */

form {
	margin: 0 auto;
	padding: 0;
	}
td.bold {
	font-weight: bold;
	}
td.centerpad {
	text-align: center;
	padding: 12px;
	}
td.label {
	/*font-weight: bold;*/
	text-align: right;
	width: 160px;
	white-space: nowrap;
	vertical-align: baseline;
	}
td.labelbold {
	font-weight: bold;
	text-align: right;
	width: 160px;
	white-space: nowrap;
	vertical-align: baseline;
	}
td.labeltop {
	/*font-weight: bold;*/
	text-align: right;
	vertical-align: top;
	width: 160px;
	white-space: nowrap;
	}
td.alert {
	color: red;
	}
td.top {
	vertical-align: top;
	}
td.topborder {
	vertical-align: top;
	border-top: 1px solid #444;
	}
td.vert_center_bold {
	vertical-align: middle;
	font-weight: bold;
	}
td.field {
	vertical-align: baseline;
	}
td.field input, td.field textarea {
	width: 300px;
	}
td.baseline {
	vertical-align: baseline;
	}
td.right {
	text-align: right;
	white-space: nowrap;
	}
td.left {
	text-align: left;
	white-space: nowrap;
	}
input.width_tiny {
	width: 80px;
	}
input.width_small {
	width: 160px;
	}
input.width_medium, textarea.width_medium {
	width: 240px;
	}
input.width_wide, textarea.width_wide {
	width: 360px;
	}
select.width_medium {
	width: 217px;
	}
input.width_large {
	width: 300px;
	}
td.button {
	vertical-align: middle;
	padding-top: 6px;
	padding-bottom: 6px;
	}
td.top_pad {
	vertical-align: baseline;
	padding-top: 6px;
	}

/* Table Menubar Style */

td.menubar {
	vertical-align: middle;
	background-color: rgb(183,202,231);
	}
td.menubar_left {
	vertical-align: middle;
	text-align: left;
	background-color: rgb(183,202,231);
	width: 1px;
	}
td.menubar_center {
	vertical-align: middle;
	text-align: center;
	background-color: rgb(183,202,231);
	}
td.menubar_right {
	vertical-align: middle;
	text-align: right;
	background-color: rgb(183,202,231);
	width: 1px;
	}


/* List Styles */
li {
	text-align: left;
	padding-bottom: 6px;
	}
ul, ol {
	/*margin: 6px auto 3px auto;*/
	text-align: left;
	}
ul.alert {
	color: red;
	}
ul.arrowlinks {
	list-style-image: url(http://www.harbormontessori.org/images/arrow.gif);
	list-style-position: outside;
	margin-left: 16px;
	padding-left: 16px;
	} 
ul.bullet {
	list-style-image: url(http://www.harbormontessori.org/images/square.gif);
	list-style-position: outside;
	margin-left: 16px;
	padding-left: 0;
	} 
li.attention {
	list-style-image: url(http://www.harbormontessori.org/images/attention.gif);
	list-style-position: outside;
	margin-left: 0;
	padding-left: 0;
	} 

li.hot {
	list-style-image: url(http://www.harbormontessori.org/images/hot.gif);
	list-style-position: inside;
	margin-left: 0;
	padding-left: 0;
	}
li.margin_left_75px {
	margin-left: 75px;
	}
li.margin_left_100px {
	margin-left: 140px;
	}

/* back nav lins inside the wrapper */
div#backward_links {
	display: inline-block;
	margin: 1px 1px 0px 1px;
	padding: 1px 1px 1px 1px;
	background-color: #444;
	color: #e6e4c3;
	text-align: left;
	font-size: 10px;
	}

div#backward_links a:link,
div#backward_links a:visited,
div#backward_links a:active,  
div#backward_links a.selected:active {
	background-color: #444;
	color: #e6e4c3;
	text-decoration: none;
	}
div#backward_links a:hover {	
	background-color: #444;
	color: cyan;
	text-decoration: underline;
	}
	
/*Header and below header styles */
	
div#header {
	display: inline-block; /* don't take this out! */
	margin: 1px 1px 0px 1px;
	font-family: Times, Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #444;
	color: #e6e4c3;
	}
div#header a:link,
div#header a:visited,
div#header a:active,  
div#header a.selected:active,
div#header a:hover, title{	
	background-color: #444;
	color: #e6e4c3;
	text-decoration: none;
	}		
div#header .title {
	font: 48px bold Times, Georgia, Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 6px 0 6px 0;
	}
div#header .header_bottom {
	font: 18px bold Times, Georgia, Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 6px 6px 6px;
	margin: 0 auto;
	}
div#header .header_bottom_one_third {
	font: 14px bold Times, Georgia, Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 6px 6px 6px;
	margin: 0 auto;
	}
div#header .header_tagline {
	color: goldenrod;
	font: 18px bold Times, Georgia, Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 6px 12px 6px;
	margin: 0 auto;
	}
div#header .divider {
	border-bottom: 1px solid #e6e4c3;
	}
div#header img {
	margin: 0;
	padding: 0;
	}
.horizontal_stripe {
	color: #000000;
	background-color: #a1b388;
	margin: 0 1px 0 1px;
	text-indent: 0.5in;
	padding: 5px 0px 5px 0px;
	}
.tagline_right {
	width: 680px;
	margin: 0 auto;
	text-align: right;
	}
.tagline_left {
	width: 680px;
	margin: 0 auto 0 auto;
	text-align: left;
	}


/* Logo Layout */

.logo {
	position: absolute;
	top: 12px;
	left: 24px;
	}
.logo_right {
	position: absolute;
	top: 8px;
	right: 12px;
	}


/* Menu Style */

div#menu {
	display: block;
	font: 16px bold Times, Georgia, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 1px 0 1px;
	padding: 6px 0 6px 0;
	background-color: goldenrod;
	color: #e6e4c3;
	}
div#menu a:link,
div#menu a:visited,
div#menu a:active,  
div#menu a.selected:active {
	color: #444;
	margin: 0 1px 0 1px;
	padding: 6px 6px 6px 6px;
	text-decoration: none;
	}
div#menu a:hover {
	color: #e6e4c3;
	background-color: #444;
	text-decoration: none;
	}
/* NavLinks style Style */

div#navLink{
	display: block;
	text-align: center;
	font: 16px bold Times, Georgia, Verdana, Arial, Helvetica, sans-serif;
	margin: 0 1px 0 1px;
	padding: 6px 0 6px 0;
	text-decoration: none;
	background-color: #9999CC; /*#bababa;*/
	}
div#navLink a:link,
div#navLink a:visited,
div#navLink a:active,  
div#navLink a.selected:active {
	padding: 6px 6px 6px 6px;
	color: #e6e4c3;
	text-decoration: none;
	}
div#navLink a:hover {
	color: #444;
	background-color: #e6e4c3;
	text-decoration: none;
	}

/* Right column Layout */
#right_column {
	position: absolute;
	top: 275px;
	width: 175px;
	left: 450px;
	padding: 6px 0px 6px 0px;
	}
#right_column table {
	border: 3px double #990000;
	padding: 0;
	margin: 0;
	background-color: #e6e4b9;
	}	


/* Left column layout */
#left_column {
	position: absolute;
	width: 160px;
	top: 400px;
	left: 12px;
	padding: 6px 6px 6px 6px;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	display: block;
	margin: 0 0 1px 0;
	text-decoration: none;
	color: white;
	background-color: green;
	}


/* Content Layout */

div#content {
	text-align: center;
	margin: 6px 6px 6px 6px;
	padding: 0;
	}
div#content p {
	margin: 6px auto 6px auto;
	padding: 0 6px 0 6px;
	text-align: left;
	}
div#content p .center_bold {
	font-weight: bold;
	text-align: center;
	margin: 6px auto 6px auto;
	}
div#content p.left_bold {
	font-weight: bold;
	text-align: left;
	margin: 6px auto 6px auto;
	}
div#content p.left {
	text-align: left;
	margin: 6px auto 6px auto;
	}

div#content h2 {
	text-align: left;
	color: #444;
	padding: 10px 0 10px 0;
	margin: 10px auto 20px auto;
	border-bottom: 1px solid #444;
	}
div#content h3 {
	color: #598059;
	padding: 3px 0 3px 0;
	margin: 20px auto 10px auto;
	}
div#content .large_quoted {
	margin: 12px auto 12px auto;
	padding: 6px 10px 6px 10px;
	font-family: "Georgia", Verdana, Arial, Geneva, Times, Helvetica, sans-serif;
	/*font-weight: bold;*/
	font-style: italic;
	font-size: 18px;
	color: #9999CC;
	}

/* Content Highlight Box Style */
div#content .home_page_right_side {
	width: 315px;
	padding: 6px 6px 6px 6px;
	background-color: orange;
	}
div#content .highlight_right_side_green {
	width: 315px;
	padding: 6px 6px 6px 6px;
	background-color: #a1b388;
	}
div#content .highlight {
	width: 375px;
	background-color: #e6e4a1;
	margin: 3px 0px 3px 0px;
	padding: 0 3px 0 3px;
	}
div#content .golf_highlight {
	background-color: #a1b388;
	margin: 12px 33% 12px 33%;
	padding: 0 3px 0 3px;
	}
div#content .reading_list_left {
	float: left;
	text-align: center;
	width: 150px;
	margin: 0;
	padding: 3px 3px 3px 3px;
	display: block;
	}
div#content .reading_list_right {
	width: 550px;
	margin-left: 160px;
	padding: 3px 3px 3px 3px;
	text-align: left;
	display: block;
	}

/* Content table styles */
div#content table.small_orange  {
	width: 330px;
	border: 2px solid orange;
	background-color: #e6e4a1; /*#e6e4b9;*/
	margin: 6px 0px 3px 0px;
	/*padding: 0 3px 0 3px;*/
	}
div#content table.small_green  {
	width: 330px;
	border: 2px solid #a1b388;
	background-color: #e6e4a1; /*#e6e4b9;*/
	margin: 6px 0px 3px 0px;
	/*padding: 0 3px 0 3px;*/
	}
div#content table.small_gold  {
	width: 375px;
	border: 2px solid goldenrod;
	background-color: #e6e4a1; /*#e6e4b9;*/
	margin: 6px 0px 3px 0px;
	/*padding: 0 3px 0 3px;*/
	}

/* Content Style */

div#content .center {
	text-align: center;
	}
div#content .text_left {
	text-align: left;
	}
div#content .alert_large {
	font-size: 20px;
	font-weight: bold;
	padding: 6px 0 6px 0;
	color: red;
	}
div#content .alert {
	/*font-weight: bold;*/
	color: red;
	}
div#content .photo {
	text-align: center;
	padding: 8px 0px;
	margin-bottom: 12px;
	border: 1px solid rgb(152,157,165);
	}
div#content img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
div#content .clear {
	clear: both;
	}

/* Navbar Style */

div#navbar {
	display: block;
	margin-bottom: 20px;
	padding: 6px 6px;
	text-align: center;
	background-color: #bababa;
	border: 1px solid #444;
	}
div#navbar a, #navbar a:active, #navbar a:visited {
	padding: 3px 5px 3px 5px;
	color: #e6e4c3;
	background: #444;
	text-decoration: none;
	font-weight: bold;
	}
div#navbar a:hover, a.selected:hover {
	background: red;
	color: #e6e4c3;
	text-decoration: none;
	}
div#navbar a.selected {
	color: #e6e4c3;
	background: #006633;
	font-weight: bold;
	}

/* SubNavbar Style */

div#subnavbar {
	margin-bottom: 12px;
	padding: 6px 6px;
	text-align: center;
	border: 1px solid rgb(152,157,165);
	}

/* Footer Layout */

div#footer {
	/*
	width: 680px;
	margin: 24px auto 0 auto;
	padding: 3px 3px 3px 3px;
	*/
	background-color: #a1b388;
	margin: 24px 6px 12px 6px;
	padding: 3px 3px 3px 3px;
	}
div#footer .footerContent {
	/*border-top: 1px solid #444; */
	text-align: center;
	}
div#footer p {
	font-size: 9px;
	text-align: center;
	}
div#footer .footerLinks {
	clear: both;
	font-size: 9px;
	text-align: center;
	}

/* Print Layout */
#print {
	text-align: left;
	margin: 12px 12px 12px 12px;
	padding: 6px 12px 6px 12px;
	/*width: 720px;*/
	background-color: white;
	}
#print .one_third {
	margin: 0 0 0 200px;
	}	
#print hr {
	color: black;
	}
#print .right  {
	text-align: right;
	}
#print .left {
	text-align: left;
	}
#print .bold {
	font-weight: bold;
	}
#print .right_bold {
	font-weight: bold;
	text-align: right;
	}
#print .right_bold_large {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	}
#print .left_bold {
	font-weight: bold;
	text-align: left;
	}	
#print .eop {
	page-break-after: always;
	}