/******************************** Defaults ********************************/

body {				margin:0px auto;
				background:#FFF;
				color:#444;
				font-family:Helvetica, Arial, sans-serif;
				font-size: x-small;
				text-align: center;}



/** defaults for links on the site across the board.  Links *must* be set in this order to have the
    hover states and such work.  If you take them out of order, then they won't function properly. **/

a, a:link {			color:#f26522;
				background:inherit;
				text-decoration:none;
				font-family:Helvetica, Arial, sans-serif;}

a:visited {			color:#f26522;
				background:inherit;}

a:hover, a:active {		color:orange;
				background:inherit;}

div {				text-align:left;}

input {				border:solid 1px #AAA;
				padding:2px;
				margin:0;
				font-family:"Arial Narrow", sans-serif;
				font-size:1.1em;
				font-weight:bold;
				text-align:left;
				background:inherit;
				float:left;}
				
input.none {	border:solid 1px #AAA;
				padding:2px;
				margin:0;
				font-family:"Arial Narrow", sans-serif;
				font-size:1.1em;
				font-weight:bold;
				text-align:none;
				background:inherit;
				float:none;}

textarea {			border:solid 1px #AAA;
				padding:2px;
				margin:0;
				font-family:"Arial Narrow", sans-serif;
				background:inherit;
				float:left;}			

			






/******************************** Div ID's ********************************/

/** sets the outer container - the div that holds everything in - at 770 pixels wide, and centered
    in the browser window.  No need to set padding, as it was set above with the "*" classification.**/

#container {			width:770px;
				margin:0px auto;}

/** Since the footer appear in all pages, I set it here in the global stylesheet.  The "clear:both"
    is to clear the floated divs above it - if I didn't do that, the footer would pop up behind the
    content and right below the navigational bar.  The "clear:both" tells the footer to remain a
    footer and appear only at the bottom of the other sections. **/

#footer {			font-size: 0.8em;
				width:539px;
				padding:15px 0;
				color:#555;
				background:inherit;
				clear:both;
				text-align:center;}
			




/***************************** Image Classes ******************************/

img.headline {			margin:15px 0 5px 0;}

img.left {			float:left;
				margin:0 10px 10px 0;}

img.right {			float:right;
				margin:0 0 10px 10px;}






/****************************** Link Classes ******************************/

/** Defines the link states for the footer, since they are different from the default. **/

#footer a, #footer a:link, #footer a:visited {	
				border-left: solid 1px #333;
				color:#555;
				background:inherit;
				padding:0 5px;
				text-decoration:none;}

#footer a:hover, #footer a:active {
				color:#000;
				background:inherit;}

/** Defines the link for the "nav" divs - the buttons across the top of the page **/

#nav a, #nav a:link {		display:block;
				float:left;
				padding:0 5px;
				background:url("../images/vertical-dots.png");
				background-repeat:no-repeat;
				background-position:left center;}

#nav a.logo, #nav a.logo:link {	padding:0;
				background:transparent;}





/***************************** Other Classes ******************************/

/** Since the default for input was to have a border around it, we need to remove that border from
    the search button... **/

input.image {			border:none;}

input.submit {			margin-left:5px;
				height:22px;
				padding:0 3px 1px 3px;
				color:#336699;
				background:#FFF;
				border:solid 1px #5599BB;}






/****************************** Span Classes ******************************/


span.submit {			margin-top:3px;
				float:center;
				color:#336699;
				background:inherit;
				font-weight:bold;}