/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Filename: css/screen.css
 * Version: 1.0.0 (2008-04-03) YYYY-MM-DD
 * Website: http://www.PapermillIsland.net
 * Author: John H. Cook III
 * Description: Handles the site screen layout.

== STRUCTURE: ==============================
 * Page width: 700 px
 * Number of columns: 2
============================================
*/

body, div, p, h1, h2, h3, h4, form, input, ul, ol { margin:0; padding:0; font-family: Tahoma, Arial, Helvetica, sans-serif;} /* RESET ALL MARGIN & PADDING*/
ul, ol { margin:0; padding:0px 0px 0px 10px;}

a:link { color:#00F; text-decoration:underline; outline:none; }
a:visited { color:#00F; text-decoration:underline; outline:none; }
a:active { color:#F00; text-decoration:underline; outline:none; }
a:hover { color:#F00; text-decoration:underline; outline:none; }

body { background:#454545; color:#555; }
	body.navHome #SUBNAV ul li.navHome,
	body.navEvents #SUBNAV ul li.navEvents,
	body.navDirections #SUBNAV ul li.navDirections,
	body.navPhotos #SUBNAV ul li.navPhotos,
	body.navRSS #SUBNAV ul li.navRSS
	 { } /* Highlighted Tabs li */
	body.navHome #SUBNAV ul li.navHome a,
	body.navEvents #SUBNAV ul li.navEvents a,
	body.navDirections #SUBNAV ul li.navDirections a,
	body.navPhotos #SUBNAV ul li.navPhotos a,
	body.navRSS #SUBNAV ul li.navRSS a
	 { color:#F00; } /* Highlighted Tabs a */

#WRAP_BG { width:100%; margin:0px 0px 20px 0px; }
#WRAP_MAIN { background:#FFF; margin:0px auto; padding:0; width:700px; }
#HEAD { }
	#HEAD h1 { background:url(../images/PMI_LogoTop.jpg) top left no-repeat; text-indent:-9999px; height:114px; width:700px; }
	
#SUBNAV { margin:0px; padding:10px; background:#FFF; border-bottom:dashed 2px #DDD; }
	#SUBNAV ul { margin:0; padding:0px 0px 0px 0px; list-style:none; background-color:transparent; }
	#SUBNAV ul li { float:left; margin:0px 10px 0px 0px; font-size:16px; }
	#SUBNAV ul li a { font-weight:bold; }

#CONT { padding:0px 5px; clear:both; }

#SIDEBAR { width:185px; float:left; margin:0px; }
	#SIDEBAR h1 { font-size:16px; }
	#SIDEBAR h2 { font-size:14px; }
	#SIDEBAR h3 { font-size:12px; font-weight:bold; }

	#SIDEBAR ul { margin:0; padding:0px 0px 0px 10px; list-style: none; font-size:14px; }
	#SIDEBAR ul li { margin:0px 0px 5px 0px; }
	#SIDEBAR ul li a { }
	
	#SIDEBAR p { font-size:12px; }
	
	#SIDEBAR a:link { color:#00F; text-decoration:none; }
	#SIDEBAR a:visited { color:#00F; text-decoration:none; }
	#SIDEBAR a:active { color:#F00; text-decoration:underline; }
	#SIDEBAR a:hover { color:#F00; text-decoration:underline; }
	
#WIDEBAR { float:right; width:490px; margin:0px 0px 5px 0px; padding:0px 5px; }
	#WIDEBAR h1, #WIDEBAR h2, #WIDEBAR h3 { color:#555; letter-spacing:-1px; }
	#WIDEBAR h1 { margin:0px; clear:both; }
	#WIDEBAR h2 { margin:0px; clear:both; }
	#WIDEBAR h3 { margin:0px; clear:both; }
	#WIDEBAR h4 { margin:0px; clear:both; color:#F00; }
	
	#WIDEBAR p { margin:0px 10px 7px 10px; }
	#WIDEBAR div { }
	#WIDEBAR table { }
	#WIDEBAR ul { margin:0px 15px; }
	
	#WIDEBAR .spread { border-top:solid 1px #CCC; border-right:solid 1px #CCC; border-bottom:solid 1px #CCC; border-left:solid 1px #CCC; }
		#WIDEBAR .spread th { border-right:solid 1px #CCC; border-bottom:solid 1px #CCC; background:#EEE; color:#009; }
		#WIDEBAR .spread td { border-right:solid 1px #CCC; border-bottom:solid 1px #CCC; }

	#WIDEBAR .tipA a:link { color:#00F; text-decoration:none; }
	#WIDEBAR .tipA a:visited { color:#909; text-decoration:none; }
	#WIDEBAR .tipA a:active { color:#F00; text-decoration:underline; }
	#WIDEBAR .tipA a:hover { color:#F00; text-decoration:underline; }
	
	#WIDEBAR .tipA h3 { background:#09F; color:#FFF; }

#FOOT { clear:both; height:30px; padding:30px 0px 0px 0px; background:url(../images/Bottom.jpg) top left repeat-x #454545; font-size:12px; text-align:right; color:#AAA; }
	#FOOT a:link { color:#09F; text-decoration:none; }
	#FOOT a:visited { color:#09F; text-decoration:none; }
	#FOOT a:active { color:#F90; text-decoration:underline; }
	#FOOT a:hover { color:#F90; text-decoration:underline; }

em { font-family:Georgia, "Times New Roman", Times, serif; }

.inputBig { padding:2px; font-size:18px; }

input, select, textarea { padding:2px 4px; font-size:14px; }

.inputButton { font-weight:bold; }

.nav1 { font-size:14px; padding:0px 0px 0px 0px; }
.nav2 { font-size:12px; padding:0px 0px 0px 0px; }
.nav3 { font-size:10px; padding:0px 0px 0px 0px; }

.clear { clear:both; }
.hide { display:none; height:0px; }
.stepsDIV { clear:both; }
.stepsButton { cursor:pointer; }

.small {font-size: 10px; }
.bold { font-weight:bold; color:#FFF; }

.admit { text-align:center; padding:2px; color:#0C0; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; }

.tipQ { background:#F00; color:#FFF; padding:5px; margin:5px 0px 5px 0px; font-weight:bold; cursor:pointer; }
.tipA { background:url(../images/tipbg.gif) top left repeat-x #FFF; color:#000; margin:0px 5px 10px 0px; padding:5px; }
	#WIDEBAR .tipA ul, #WIDEBAR .tipA ol { margin:0px 0px 10px 25px; }
	#WIDEBAR .tipA h3 { border-bottom:solid 1px #000;}

#WIDEBAR .tipA .exBox { margin:0px 20px 0px 20px; padding:5px; background:#EEE; border-left:solid 2px #CCC; border-right:solid 2px #CCC; font-size:13px; }
	#WIDEBAR .tipA .exBox p { font-family:"Arial Narrow", Arial, Helvetica, sans-serif; margin:0px 0px 10px 0px; padding:0; }