* {margin: 0; padding 0;}

html {height: 100%;
	font-size: 62.5%;}

body, body.initial {
	background-color: #eda; 
	height: 100%; width: 100%;
	color: #358;	
	font-family: verdana, arial, sans-serif; 
	text-align: center;
	line-height: 1.8;
	}
	
/* Division definitions */
#menu {width: 20%; 
	min-width: 10em; 
	background-color: #b97; 
	height: 100%; 	
	position: absolute; 
	top: 0%; left: 0%;
	overflow: none;
	line-height: 1em;
	}

	#nav {position: absolute; width: 60%; left: 20%;}	
	#planepic {width: 150px; margin-top: 2%;}
	#logopic {width: 99%;}
	#width_note {display: none; background-color: #eda; }
	#search_box {background-color: #b97;}

#data {width: 79%; height: 100%;
 	position: absolute; 
	left: 21%; top: 0%; 
	overflow: auto;
	}
	
	#about {width: 80%; margin: 5%; padding: 5%;
		max-width: 600px;}

#weather {width: 435px; height: 90px; position:absolute; bottom: 1em; right: 1em; 
	background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/blue_435x90_bg.jpg ); 
	background-repeat: no-repeat; background-color: #346797;}
	
#popup {text-align: left; margin: 2em;}

.blog {text-align: left; margin: 1em; text-indent: 1cm;}
.blog h1 {text-align: center;}
.blog ul li {text-indent: 1.5cm;}

#ad {width: 50%; position: absolute; left: 0; padding-top: 1%; color: #358;}
#ad p,h2,h5 {padding: 0; margin: 0;}

/* Image definition */
img.funny {height: 300px; width: 375px;}
img.blogpic {height: 300px; width: 375px; float: right; clear: right;}
#snow img {width: 15px;}

/* Table definition */
table {height: 100%; min-width: 50%; text-align: center;}
td {text-align: center; padding: .5em;}

/* List Definition */
ul {margin: 0; padding: 0;}
ul.details li {margin-left: 2em;}
li {list-style-type: disc; text-align: left;}
li ul li {margin: 0em 1em; list-style-type: circle;}
dt {font-weight: bold; margin-top: 1em; }
dd {font-style: oblique; margin-bottom: 1em;}
ol li {list-style-type: decimal; margin-top: 1em;}
#owner dt {font-size: large; text-align: center;}
#questions dl, dt, dd {text-align: left; margin-left: 2em; margin-right: 2em;}
#questions dt {margin-top: 2em;}
#questions dd {margin-top: 0em;}

/* Text Definition */
body {
	font-size: 1.4em;
	line-height: 1.8em;
	}
	
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
	margin: 0;
	padding: 0;
	}
h1 {margin: 1em 0em;}

a {font-size: 110%; font-weight: normal; color: #358}
b {color: red}

#menu li {list-style: none;
	line-height: 1.2em;
	text-align: center;
	}
	
#menu li:hover {background-color: #eda; }

#menu a {text-decoration: none;}

h5 {font-size: small; vertical-align: middle;}

/* Rounded Border */
.xtop, .xbottom {display: block; background: transparent; font-size: 1px; padding: 0px;}
.xb1, .xb2, .xb3, .xb4 {display: block; overflow: hidden;}
.xb1, .xb2, .xb3 {height: 1px;}
.xb2, .xb3, .xb4 {background:#b97;
 	border-left:1px solid #358; border-right: 1px solid #358;}
.xb1 {margin:0 5px; background: #358;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#b97;
 	border:0 solid #358; border-width:0 1px;}
.xboxcontentcol {display:block; background:#b97;
 	border:0 solid #358; border-width:0 1px; height: 98%;}
	
/* Bits and Pieces */
.surround {border: 2px solid #358; margin: 0; padding: 0;}
td.surround a {padding: 0; margin: 0;}
.inside {width: 90%; margin-left: 5%;}
.left {text-align: left;}
.right {text-align: right;}
.highlight {color: red}
p.fineprint {font-size: xx-small; font-style: oblique; line-height: 1em;}

#count {display: none;}

/*Media Rules */
@media handheld{		
	#menu {background-color: #b97; 		
		position: fixed; text-align: center; font-size: xx-small;}		
	#data {text-align: center; overflow: auto;}	
	img {display: none}	
	a {font-weight: x-small; color: #358}	
	h5 {font-size: xx-small; vertical-align: middle;}	
	}
	
@media print {}

/*Switchy Layout */
.screen_med #nav {position: absolute; width: 90%; left: 5%;}	
.screen_med #logopic img {width: 75%;}

.screen_low #nav {position: absolute; width: 90%; left: 5%;}	
.screen_low #logopic img {width: 75%;}
.screen_low #planepic {width: 85%;}

.screen_ultralow #menu {width: 100%; position: static; height: 20%;}
.screen_ultralow #planepic {width: 100px; float: right;}
.screen_ultralow #nav {position: static;  width: 100%; float: left;}	
.screen_ultralow #nav ul li {display: inline; font-size: .75em; line-height: 1.5em;}
.screen_ultralow #width_note {display: inline;}
.screen_ultralow #logopic {position: static; width: 50%; float: left;}
.screen_ultralow #logopic img {width: 99%;}
.screen_ultralow #data {width: 100%; position: static;float: left; clear: left; height: auto; overflow: auto;}
.screen_ultralow #weather {display: none;}
.screen_ultralow .xtop {display: none;}
.screen_ultralow .xbottom {display: none;}
.screen_ultralow .xb1 {display: none;}
.screen_ultralow .xb2 {display: none;}
.screen_ultralow .xb3 {display: none;}
.screen_ultralow .xb4 {display: none;}
.screen_ultralow .xboxcontent {border: none;}
.screen_ultralow .xboxcontent ul {border: none; padding-left: 0; martin-left: 0;}
.screen_ultralow .xboxcontent ul li {padding: 0em .4em; list-style: none; display: inline; border: thin outset #358;}


.pda_hor #menu {width: 100%; position: static; height: 20%;}
.pda_hor #planepic {display: none;}
.pda_hor #nav {position: static;  width: 100%; float: left;}	
.pda_hor #nav ul li {display: inline; font-size: 1em; line-height: 1.5em;}
.pda_hor #width_note {display: block; background-color: #b97;}
.pda_hor #logopic {position: static; width: 80%; float: left;}
.pda_hor #logopic img {width: 99%;}
.pda_hor #data {width: 100%; position: static;float: left; clear: left; height: auto; overflow: auto;}
.pda_hor #weather {display: none;}
.pda_hor .xtop {display: none;}
.pda_hor .xbottom {display: none;}
.pda_hor .xb1 {display: none;}
.pda_hor .xb2 {display: none;}
.pda_hor .xb3 {display: none;}
.pda_hor .xb4 {display: none;}
.pda_hor .xboxcontent {border: none;}
.pda_hor .xboxcontent ul {border: none; padding-left: 0; martin-left: 0;}
.pda_hor .xboxcontent ul li {padding: 0em .4em; list-style: none; display: inline; border: thin outset #358;}

.pda_ver #menu {width: 100%; position: static; height: 20%;}
.pda_ver #planepic {display: none;}
.pda_ver #nav {position: static;  width: 100%; float: left;}	
.pda_ver #nav ul li {display: inline; font-size: 1em; line-height: 1.5em;}
.pda_ver #width_note {display: block; background-color: #b97;}
.pda_ver #logopic {position: static; width: 100%; float: left;}
.pda_ver #logopic img {width: 99%;}
.pda_ver #data {width: 100%; position: static;float: left; clear: left; height: auto; overflow: auto;}
.pda_ver #weather {display: none;}
.pda_ver .xtop {display: none;}
.pda_ver .xbottom {display: none;}
.pda_ver .xb1 {display: none;}
.pda_ver .xb2 {display: none;}
.pda_ver .xb3 {display: none;}
.pda_ver .xb4 {display: none;}
.pda_ver .xboxcontent {border: none;}
.pda_ver .xboxcontent ul {border: none; padding-left: 0; martin-left: 0;}
.pda_ver .xboxcontent ul li {padding: 0em .4em; list-style: none; display: inline; border: thin outset #358;}