/* Master Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* End Reset */






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

	LAYOUT

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

html, body, form {
	height: 100%;	
}

body {	
	font-family: Verdana, helvetica, Sans-Serif;
	font-size: small;	
}


#outer {min-height: 100%;}
#inner {height: 100%;}
#land {height: 200px;}

#boat {
	position: absolute;
	left: 20px;
	top: 100px;
	z-index: 0;
}

#container {	
	margin: -20px auto 0;
	width: 760px;
	height: auto;
	background-color: Transparent;	
	z-index: 100;
}

#content{
	min-height: 500px;
	max-height: 920px;
	overflow: auto;
	background-color: white;
}

.left-col {
	float: left;
	width: 48%;	
}
.right-col {
	float: right;
	width: 48%;	
}

#news-feed {
	width: 221px;	
}

#weather-report {
	width: 221px;
}


#footer 
{
	border-top: 1px dotted lightskyblue;
	padding-top: 10px;
	font-family: Trebuchet MS, helvetica, Sans-Serif;
}
#footer-links 
{
	float: left;
}
#footer-links li 
{
	line-height: 18px;	
}
#footer .copy 
{
	float: right;
	margin-top: 10px;
	color: lightskyblue;
}


/*	Navigation	*/

#nav {
	margin-bottom: -10px !important; /* to account for content container offset */
	height: 31px; /* to account for li border of 1px */
	width: 700px;
	margin: 0 auto;	
	overflow: hidden;
	position: relative;
}

#nav ul {
	list-style-type: none;
	margin: 0;
	height: 31px;
}

#nav ul li {
	margin: 0;
	height: 30px;
	float: left;
	width: 100px;	
	text-align: center;
	border-bottom: 1px solid #336699;
}

#nav ul li.current {
	border-bottom: 1px solid #fff;
}

#nav ul li:hover {
	cursor: hand;	
}

#nav li a {
	line-height: 31px;
	color: #006;
	font-family: Trebuchet MS, helvetica, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
}


/* Rounded Box */
.box, .box h3 {
	position: relative;
}

.box {
	width: 100%;
	max-width: 900px;
}
.box h3.header {
	font-size: 1.3em;
	padding: 15px 21px;
	margin: 0 !important;	
	color: #0066ff;
}
.box-body {
	margin: 0;
	padding: 10px 25px !important;
}
.box-footer{}
.box-footer p.footer{
	display: block;
	padding: 15px;
	margin: 0 !important;
}

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

.sidebox, .sidebox h3 {
	position: relative;	
}
.sidebox {
	width: 100%;	
	max-width: 300px;
	max-height: 445px;
	margin-left: -9px; /* square up to owner div */
	margin-top: -9px;  /* square up to owner div */
}
.sidebox-header {
	font-size: 1.3em;
	padding: 14px 21px;
	margin: 0 !important;
	line-height: 31px;
	color: #006699;
}
.sidebox-body{
	margin: 0;
	padding: 0px 21px !important;
	min-height: 40px;	
}
.sidebox-footer {}
.sidebox-footer p.footer {
	display: block;
	padding: 10px;
	margin: 0 !important;
}










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

	ELEMENTS

****************/
:focus {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}


a { text-decoration: none; }
a:active { color: Blue; }
a:visited { color: Blue; }
a:hover { text-decoration: underline; }

em { font-weight: bold; }

hr { 
	border: none;
	border-bottom: 1px dotted #ccc; 
}

h1, h2, h3, p {
	margin: 10px 0px;
}

h1 {
	font-size: 1.5em;
	font-weight: bold;	
}
h2 {
	font-size: 1.1em;
	font-weight: bold;	
}
h3 {
	font-size: 1.0em;
	font-weight: bold;	
}


ul {
	margin: 10px 0px 10px 10px;
}
li {
	margin: 2px auto;
}




table 
{
	display: table !important;
	font-size: 0.88em;
}
th, td { 
	padding: 4px; 
	vertical-align: top;
}
thead { background-color: #eee;}
th { font-weight: bold; background-color: #ffc; }



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

	CLASSES

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



/*	Links	*/
#footer-links a {color: lightSkyBlue;}




/*	Headers and Paragraphs */


h1.title {
	font-family: Trebuchet MS, Verdana, helvetica, Sans-Serif;
	color: #069;
	margin: 0;
	border-bottom: 1px dotted #ccc;	
}





/*	Lists	*/

ul.disc {
	list-style-type: disc;
	list-style-position: inside;	
} ul.disc li {
	margin: 5px 0px;
}

li.inline {
	display: inline;
	float:left;
	min-width: 110px;
}
li.inline:after {
	display: block;
	clear: both;
}

.error ul {
	list-style-type: disc;
	list-style-position: inside;	
}

ul.col {
	float: left;
	margin-right: 20px;
}


/*	Tables	*/

.fieldset {
	border: 1px dotted #ccc;
	font-size: 8pt;
	margin-bottom: 1em;
	padding: 15px;
	background-color: #f5f5f5;
}
.fieldset p {
	margin: 0 0 0.75em;
}




/* Images */

.weather-icon {
	border: 1px solid #069;
	padding: 1px;	
}

.frame {
	margin: 5px;
	width: 166px;
	height: 113px;
}
.frame img { margin: 7px; }




.clear { clear: both; height: 1px; }
.block-center { margin: 0 auto; }
.hidden { display: none; }
.spacer { height: 20px; }


.x-large { font-size: x-large; }
.large { font-size: 1.4em; }
.medium { font-size: 1.2em; }
.small { font-size: 1.0em; }
.x-small { font-size: 0.8em; }


.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

.b { font-weight: bold; }
.red, .error { color: #00c; }


.widget {
	font-family: "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
	font-size: 0.88em;
}

.rss-item{
	padding-bottom: 30px;
	font-family: Calibri, Verdana, helvetica, Sans-Serif;
	font-size: 1.2em;
}
.rss-item-date{
	font-size: 1.2em;
	font-weight: bold;	
}
.rss-item-title {
	font-weight: bold;
	color: #666;
}
.rss-item-body p {
	white-space: pre-line;
}


.toggle-link { font-size: 10pt; font-weight:normal; cursor:default; }
.toggle-link:hover { color: Orange;}
.collapsed {display: none;}
.expanded {display: inline;}