@import url('nav.css');

/*------------------------------------------------------------
  Name: Global.css 
  Author: Ben Henschel
  Date Created: 1/10/08
  Last Updated: 1/22/08
--------------------------------------------------------------*/
  
/*------------------------------------------------------------
  Contents:
  1. General Styles
  2. Header
  3. Main Content Styles
  4. Table Styles
  5. Footer
  6. Sidebar
  7. Link Styles
  
  Color Scheme:
  Background Color:		#837560
  About/Contact Links:		#CCCCCC
  About/Contact Links Hover:	#FFFFFF
  Main Content BG Color:	#FFFFFF
  h1,h2,h3, Borders, Tables,
  Stand Out Text:		#D7780E
  Sidebar BG:			#595959 
  Footer Color:			#595959
  General Links:		#D7780E
  General Links Hover:		#F2A248
--------------------------------------------------------------*/

body
{
	background-color:#837560;
	width:100%;
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

a img {border:none;}
p {line-height:1.6em;}
li {line-height:1.6em;}

#mainContainer /*Centers Everything - Total Width 785px*/
{
	width:772px;
	margin:0 auto;
	padding-left:13px;
	background-image: url(/images/dropShadow.png);
	background-repeat: repeat-y;
	min-height:725px;
	height:auto !important;
	height:725px;
}

.noSidebar #mainContent {
	width: 730px;
}

/*Clear Floats*/
.clearThis {clear:both;}

.imgLt, .imgRt {
	margin-bottom: 1em;
}
.imgLt {
	margin-right: 1em;
	float: left;
}
.imgRt {
	margin-left: 1em;
	float: right;
}

/* Header
--------------------------------------------------------------*/
#header
{
	width:760px;
	height:178px;
}

div.aboutContactLinks
{
	width:750px;
	height:31px;
	background-image: url(/images/header_bg.gif);
	background-repeat: repeat-x;
	text-align:right;
	color:#CCCCCC;
	padding-top:5px;
	padding-right:10px;
}

#logo {display:block;}

/* Main Content
--------------------------------------------------------------*/
#mainContent
{
	width:520px;
	background-color:#FFFFFF;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}

#mainContent h1 {color:#D7780E;}
body#about #mainContent h1 span {font-size:14px;}
#mainContent h3
{
	color:#D7780E; 
	border-bottom:#D7780E solid 1px; 
	padding-bottom:5px;
}
body#home #mainContent h3 {font-weight:normal !important;}
#mainContent h3 span {font-weight:bold;}
body#contact p span {color:#D7780E; font-weight:bold;}

#mainContent li {list-style-type:square; margin-bottom:8px;}

/*leftColumn*/
.leftColumn  {float:left; width:286px;}

.leftColumn h2
{
	background-image: url(/images/currentPast_header.gif);
	display:block;
	width:286px;
	height:38px;
	text-indent:-9999px;
}

.leftColumn p img {float:left; margin-right:8px;}
.leftColumn p a {display:block; margin-bottom:7px;}

/*rightColumn*/
.rightColumn {float:right; width:205px;}

/*Advertising and Subscription Tables
--------------------------------------------------------------*/

body#advertising table {border-collapse:collapse; border-color:#D7780E;}
body#advertising table td {padding-right:30px; padding-left:5px; width:75px; border-color:#D7780E;}
body#advertising table th {color:#D7780E; border-color:#D7780E;}

.footNote {display:inline; color:#D7780E;}
.required {color:#D7780E;}

/* Footer
--------------------------------------------------------------*/
#footer
{
	color:#595959;
	font-size:10px;
}

/* Sidebar
--------------------------------------------------------------*/
#sidebar
{
	width:189px;
	background-color:#595959;
	float:right;
	padding:10px;
	margin-right:12px;
}

#sidebar a {display:block;}


/* Link Styles
--------------------------------------------------------------*/

/*Main Link Style*/
a:link, a:visited {color:#D7780E;}
a:hover, a:active {color:#F2A248; text-decoration:none;}


div.aboutContactLinks a:link, div.aboutContactLinks a:visited {color:#CCCCCC;}
div.aboutContactLinks a:hover, div.aboutContactLinks a:active {text-decoration:none; color:#FFFFFF;}

/* ---------- Nav ----------*/
ul#nav {height:42px; background-image: url(/images/nav_bg.gif); background-repeat:repeat-x; margin:0px;}
ul#nav li {float:left; list-style-type:none;}
ul#nav li a 
{
	width:100px; 
	height:42px; 
	display:block; 
	text-indent:-9999px; 
	outline:none;
}

/*Hover and Selected State*/
li#navHome a:hover, li#navWhyRead a:hover, li#navCurrentIssue a:hover, li#navPastIssues a:hover {background-position:0 -42px;}
body#home li#navHome a, body#whyRead li#navWhyRead a, body#pastIssues li#navPastIssues a {background-position:0 -42px;}

li#navHome a		{background-image: url(/images/nav/home.png);}
li#navWhyRead a 	{background-image: url(/images/nav/whyRead.png);}
li#navCurrentIssue a	{background-image: url(/images/nav/currentIssue.png);}
li#navPastIssues a	{background-image: url(/images/nav/pastIssues.png);}

body #mainContainer .noFloat { float: none; }