/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Filename: styles/screen.css
 * Version: 1.0.0 (2008-01-10) YYYY-MM-DD
 * Website: http://www.yrProducts.com
 * Author: John H. Cook III
 * Description: Handles the site screen layout.

== STRUCTURE: ==============================
 * Page width: 800 px
 * Number of columns: 1, 2 or 3
============================================
*/

body, div, p, h1, h2, h3, h4, form, input, ul, ol { margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; outline:none;} /* 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:#88F; text-decoration:underline; outline:none; }
a:active { color:#F00; text-decoration:underline; outline:none; }
a:hover { color:#F00; text-decoration:underline; outline:none; }

body { color:#000; background:#808080 url(../images/top.jpg) top repeat-x; }

#menu { clear:both; list-style:none; margin:-20px 0px 35px 10px; font-family:Arial, Helvetica, sans-serif; }
	#menu li { float:left; padding:5px; }
	#menu li a { color:#FF0; font-weight:bold; padding:3px; }

#panelMain { width:750px; margin:0 auto; }
	#panelMain h1 { text-indent:-9999px; width:750px; height:150px; background:url(../images/Logo.jpg) no-repeat top center; }
	#panelMain p { padding:10px 20px; }

#foot { width:750px; height:69px; padding-top:27px; color:#FFF; font-size:12px; text-align:center; background:url(../images/Bottom.jpg) no-repeat top center; font-family:Arial, Helvetica, sans-serif; }	

#gallery { }
#gallery ul {list-style:none; margin:0; padding:0;}
	#gallery ul li {margin:0 2px 0 0; padding:0;}
	#gallery ul li a:link { color:#FFF; text-decoration:underline; outline:none; }
	#gallery ul li a:visited { color:#FFF; text-decoration:none; outline:none; }
	#gallery ul li a:active { color:#F00; text-decoration:underline; outline:none; }
	#gallery ul li a:hover { color:#F00; text-decoration:underline; outline:none; }
	
em { font-family:Georgia, "Times New Roman", Times, serif; }

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

.clear { clear:both; }
.right { text-align:right; display:inline;}
.small {font-size: 10px; }
.bold { font-weight:bold; color:#FFF; }
.underlined { border-bottom:solid 1px;}
.optional { color:#999; }
.stepCor { font-weight:bold; color:#090; }
.boxedA { padding:5px; margin:0 10px; border:2px solid #999; background:url(../images/grayUp.jpg) bottom repeat-x #CCC; color:#FFF; }
.boxedB { padding:5px; margin:0 10px; border-left:solid 2px #BBB; border-right:solid 2px #BBB; border-bottom:solid 1px #999; background:#F5F5F5; }
.gal { float:left; padding:0 5px 0 0;}
.hilite { background: url(../images/yelUp.jpg) bottom repeat-x #FF0; }

.date0 { border:solid 2px #C00; float:right; margin:0 10px; }
.date0 * {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}
	.date1 {background-color:#C00; color:#FFF;}
	.date2 {background-color:#FFF; color:#000; font-size:32px; }
	.date3 { font-size:14px; background-color:#C00; color:#FFF; }

.clickable { cursor:pointer; }

.panel { background:#FFF; margin:0px 20px; padding:10px; clear:both; border-top:solid 1px #999; border-right:solid 3px #666; border-bottom:solid 3px #666; border-left:solid 1px #999; }