/* -------------------------------------------------------------
Title:    Master styles and layout for Friends for Soldiers V.1
Author:   aaron@sugarfixdesign.com
Created:  11/11/07
Updated:  11/17/07 
------------------------------------------------------------- */


/* Blanket styles
------------------------------------------------------------- */
html body img {
	padding: 0;
  border: 0;
  }
	
body {
	background: #000033 url(../img/flag.jpg) 0 0 no-repeat;
	font: 80% verdana,arial,sans-serif;
	padding: 0;
	margin: 0; 
	}

#accessaid {
	position: absolute;
	height: 0;
	overflow: hidden;
	}

/* Mast
------------------------------------------------------------- */
#mast {
	background: url(../img/mastbg.jpg) 0 0 no-repeat;
	height: 135px;
	}

#logo {
	background: url(../img/logo.gif) 610px 40px no-repeat;
	cursor: pointer;
	height: 105px;
	}

		/* Navigation
		--------------------------------------------------------- */
		#nav {
			background: #f9da1f url(../img/navbg.gif) bottom left repeat-x;
			font: 1.3em georgia,"Times New Roman",serif;
			width: 800px;
			padding: 8px 0;
			height: 100%;
			margin-bottom: 25px;
			}

		ul {
			margin: 0;
			padding-left: 15px;
			}

		#nav li {
			background: url(../img/starY.gif) center right no-repeat;
			list-style: none;
			float: left;	
			margin-right: 10px;		
			padding: 0 20px 2px 0;
			}
		
/* Content
------------------------------------------------------------- */
#page_wrapper1 {
	background: #f4f5ff url(../img/bodyCorT.gif) top right no-repeat;
	width: 800px;
	}

#page_wrapper2 {
	background: url(../img/bodyCorB.gif) bottom right no-repeat;
	width: 800px;
	}

#content {
	border-left: 2px solid #b9bac0;
	line-height: 1.3em;
	float: right;
	width: 420px;
	padding: 0 45px 0 43px;
	margin: 15px 0 30px 0;
	}

h1 {
	font: 1.7em "Book Antiqua",georgia,"Times New Roman",serif;
	font-variant: small-caps;
	padding: 15px 0 0 0;
	}

.addr {
	margin-left: 20px;
	}

.sa_addr {
	background: url(../img/saLogo.gif) 10px 0 no-repeat;
	padding-left: 60px;
	}

.ornY {
	background: url(../img/ornY.gif) center right no-repeat;
	padding: 0 22px 2px 0;
	}

.donate a {
	background: url(../img/donateL.gif) top left no-repeat;
	font: bold 2.1em georgia,"Times New Roman",serif;
	letter-spacing: .1em;
	display: block;
	position: relative;
	height: 125px;
	text-align: center;
	margin-top: 25px;
	clear: left;
	}

.donate {
	background: #8b051e url(../img/donateR.gif) top right no-repeat;
	}

.donate span {
	position: relative;
	top: 38%;
	height: 125px;
	}

.donate img {
	padding: 0 15px 0 15px;
	}

		/* Sidebar
		--------------------------------------------------------- */
		#sidebar {
			width: 285px;
			float: left;
			clear: left;
			}
		
		#pullquote {
			background: url(../img/pullT.gif) left top no-repeat;
			color: #182358;
			width: 315px;
			float: left;
			margin: 35px 0 0 0;
			}
		
		#pullquote blockquote {
			background: #d3d6f1 url(../img/pullS.gif) right top repeat-y;
			margin: 0;
			padding: 0;
			}
			
		blockquote .quote {
			background: url(../img/quoL.gif) 0 28px no-repeat;
			font: 1.6em georgia,"Times New Roman",serif;
			margin: 20px 25px 0 15px;
			padding: 30px 15px 0 27px;
			}
		
		blockquote .author {
			background: url(../img/pullB.gif) left bottom no-repeat;
			font-family: verdana,arial,sans-serif;
			text-align: right;
			padding: 0 50px 35px 0;
			font-size: .9em;
			}

		.org {
			font-size: .9em;
			}

		.ornB {
			background: url(../img/ornB.gif) center left no-repeat;
			padding: 0 0 2px 16px;
			height: 100%;
			}

		#sidebar img {
			margin: 0 0 15px 25px;
			}

/* Contact Form
------------------------------------------------------------- */
	.main_formhead, .formhead { 
	  font-size : 1.4em; 
	  color : #cc9900;
	  margin: 0;
	  padding: 0; 
		}
	
	fieldset#formwrap { 
	  border: 0;
		}
	
	fieldset { 
	  border: 0; 
	  margin: 0 0 20px 0;
	  padding: 0;
		}
	
	legend { 
	  color : #666;
		}
	
	label { 
	  color : #04182f;
		}
	
	input.med, input.short, select.med, textarea.textbox { 
	  font : 1em verdana,arial,sans-serif; 
	  color : #000; 
	  padding : 2px; 
	  border : 1px solid #999;
	  background-color : #fffffa;
		}
	
	* html input.button { 
	  color : #000;  
	  border : 1px solid #669900;
	  background-color : #ccc;
		}
	* html input.button.hover { 
	  color : #000;  
	  border : 1px solid #000;
	  background-color : #999;
		}
	* html input.button.focus { 
	  color : #000;  
	  border : 1px solid #000;
	  background-color : #999;
		}
	
	input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
	  color : #000;  
	  border : 1px solid #555;
	  background-color : #fff;
		}
	
	span.error, dt.error, strong.error { 
	  color : #cd0000; 
	  font-weight : bold; 
		}
	
	span.success { 
	  color : #04182f; 
	  font-weight : bold; 
		}
	
	abbr, .abbr { 
	  cursor : help; 
	  border-bottom : 1px dotted #999;
		}
	
	dd blockquote {
		margin: 0;
		}

	dl#result_dl_blockq dt, dl.result_dl_blockq dt {
	  color : #000;
		}
	
	div#hf_form_div span.items {
	  font-weight : bold;
	  color : #cc9900;
		}
	
	.req {
		color: #bc0000;
		font-weight: normal;
		font-size: 1.05em;
		}

/* Footer
------------------------------------------------------------- */
#footer {
	width: 800px;
	color: #fff;
	font: .9em georgia,"Times New Roman",serif;
	line-height: 1.4em;
	height: 100%;
	padding: 15px 0;
	}

#sponsor {
	border-left: 2px solid #08203c;
	width: 240px;
	float: left;
	margin: 0;
	height: 70px;
	padding: 10px 0 10px 20px;
	}

#copy {
	width: 270px;
	float: left;
	margin: 0;
	height: 70px;
	padding: 10px 0 10px 20px;
	}

#sponsor li {
	list-style: none;
	margin: 0 15px 10px 0;
	padding: 0;
	}

#sponsor h1 {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: .1em;
	margin: 0;
	padding: 0 0 7px 0;
	}

#copy p {
	padding: 0;
	margin: 0;
	}
	
#results {
	padding: 7px; 
	float: left;
	width: 240px;
	margin-right: 30px;
	padding: 10px 0 10px 20px;
	}

#results div {
	display: inline;
	margin: 0;
	}

#results img {
	margin: 0;
	}

#footer .r {
	color: #8a2f30;
	}

#footer .b {
	color: #656db1;
	}

#footer input {
	margin-top: 8px;
	}

/* Anchors
------------------------------------------------------------- */
#nav a, #nav a:link, #nav a:visited {
	color: #aa471e;
	text-decoration: none;
	}
									
#nav a:hover {
	color: #b37702;
	text-decoration: none;
	border-top: 6px solid #555;
	padding-top: 5px;
	}

a, a:link, a:visited {
	color: #8a2f30;
	text-decoration: underline;
	}
									
a:hover {
	text-decoration: none;
	}
	
.donate a, .donate a:link, .donate a:visited {
	color: #ebe1a9;
	text-decoration: none;
	}
									
.donate a:hover {
	letter-spacing: .15em;
	text-decoration: none;
	}
	
#footer a, #footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: underline;
	}
									
#footer a:hover {
	text-decoration: none;
	}
	
/* Float Clearing
------------------------------------------------------------- */
	.clear { 
  	clear: both; 
	/*** these next attributes are designed to keep the div height to 
	0 pixels high, critical for Safari and Netscape 7 ***/ 
  	height: 1px; 
  	overflow: hidden; 
  	margin-bottom: -1px; 
	} 
	
	* html .clear {
		display: none;
	/*** stops IE browsers from displaying the clear div/br in the page, 
	as these are for Moz/Opera and Safari only. If IE 5.x Win DID display
	these, the page is too high ***/
	}