/*BACKGROUND - PANEL - WATERMARK*/
html, body {margin:0; padding:0;}
body {
	background:#eee; /*Change Background Color Here */
	font:10pt tahoma; color:#555; /*Change Overall Font Properties Here */
	}
#header {height:28px; width:750px; background:url('images/top.jpg') no-repeat; margin-left:10px; margin-top:-3px;}
#text {background:url('images/middle.jpg') repeat-y center; width:770px; text-align:left; margin:0px auto 0px auto;}
#footer {height:28px; width:750px; background:url('images/bottom.jpg') no-repeat; margin-left:10px; margin-top:-14px;}
#content {width:470px; margin-left:200px;  padding:0px 50px 0 50px;
		}
#container {/* background:url('images/watermark.jpg') no-repeat 84% 100%; */} /*Change Watermark Path Here */
		
/*LOGO AND DESIGN*/		
#banner {height:65px; width:687px; 
		background:#000; /*Change Banner Color/Image Here*/
		margin-left:35px; margin-top:-12px; margin-bottom:40px; padding:32px 0 0 13px; 
		color:#fff; font:18pt arial; /*Change Text Propertis In Banner */
		} 
#logo {position:absolute; top:25px; right:15px;}

/*NAVIGATION*/
#menu {width:194px; text-align:left; position:absolute; top:155px; left:48px; margin:0 auto;}
#menu a {color:#777; /*Change Navigation Link Color Here */
		margin-right:10px; display:block; margin-bottom:20px; padding-bottom:4px; 
		background:url('images/nav_rule.jpg') no-repeat; /*Change Navigation Ruler Image Here */
		background-position:0px 19px;}

#menu a:hover {color:#555; /*Change Navigation Link Hover Color Here */
				margin-right:10px; display:block;}

/*CONTENT BODY*/				
#textwrap {position:relative; margin:0 auto; padding:0; width:750px;}
#print {position:absolute; top:360px; left:45px;}
a {color:#4f4f4f; /* Change Content Link Color Here */
	text-decoration:none;}
a:hover {color:#000; /*Change Content Link Hover Color Here */
	text-decoration:none;}

/*CONTENT FOOTER*/	
#contact {text-align:center; padding-top:50px;  padding-bottom:20px;
		color:#888; font-size:8pt; /*Change Contact Info Text Properties Here */
		}
.copyright a {margin-right:3px; text-decoration:underline;}
.copyright a:hover {margin-right:3px; text-decoration:underline;}

/*FONT SIZES*/
.smaller {padding-top:2em; margin-bottom:0; text-align:center; font-size:.70em;}
.smallest {padding-top:2em; margin-bottom:0; text-align:center; font-size:.65em;}
.copyright {padding-top:0; margin-bottom:25px; text-align:center; font-size:.75em;}
h1,h2,h3,h4,h5,b {font-weight:bold;}
h1 {font-size:1.3em;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.85em;} 

/* IMAGES */
.left {margin-right:1em; float:left;}
.right {margin-left:1.5em; margin-bottom:1em; float:right;}
.left, .right {clear:both;}
img {border:none;}
.p100, .p125, .p150, .p175, .p200, .p225, .p250 {float:left; margin:0 .75em 0 0;}
.p100 {width:100px;}
.p125 {width:125px;}
.p150 {width:150px;}
.p175 {width:175px;}
.p200 {width:200px;}
.p225 {width:225px;}
.p250 {width:250px;}
.p175r {width:175px; float:right; margin:0 0 0 .75em;}

/*DROP SHADOWS*/
.shadowRight {
  float:right;
  background: url('images/drop-shadow.png') no-repeat bottom right !important;
  background: url('images/drop-shadow.gif') no-repeat bottom right;
  margin: 10px 0 10px 20px;
  }
.shadowRight img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
.shadowLeft {
  float:left;
  background: url('images/drop-shadow.png') no-repeat bottom right !important;
  background: url('images/drop-shadow.gif') no-repeat bottom right;
  margin: 10px 20px 10px 0;
  }
.shadowLeft img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
/*MISC */
.nobull {list-style:none; margin:0; padding:0;}
#validation {position:absolute; bottom:-15px; right:344px; font-size:.75em;}
#validation a {text-decoration:none;}
#validation a:hover {text-decoration:underline;}
span.nonie {display:inline;}