/*************************************************************************************************
/* File: layout.css
/* Purpose: This file contains all of the base styles for the LAYOUT of the
/* 			admin area.  It is independent of the base.css since these styles are used within
/*			typical HTML pages as well as JS driven thickbox windows.  Any styles related to
/*			the page CONTENT of a page should go in base.css or an appropriate sub-sheet.
/************************************************************************************************/

body{
	background:url(../images/bkrnd.jpg) repeat-x;
    background-color:#e6e4f1;
    		
    font-family:Verdana, Arial, sans-serif;
    font-size:62.5%;
    }
    		
#site{
	width:890px;
    margin: 0 auto;
    border:5px solid #fff;
    background-color:#fff;
    }
    	
#header{ 
	background:url(../images/bkrnd_header.png) no-repeat top left;
	border-bottom:4px solid #fff;
	height:69px; /* 77 */
	padding:4px;
	width:880px;
    }
    
	#header a.hotspot {		/* These rules create a fake image map on a brknd image */
		padding: 0;
		width: 330px;
		height: 65px;
		display: block;
		float:right;
		}
	#header a.hotspot span { display: none; }
	#header a.hotspot:hover{ border-bottom:none; background-color:transparent; }	

/* Styles for Google Search and RSS layout */
#searchCell{ background:url(../images/bkrnd_search.png) no-repeat; color:#fff; height:30px; width:438px; }
#searchCell table{ float:right; width:290px; }
#searchCell table td{padding-right:5px;  text-align:left; }
 	
#sidebar{
  	float:left;
    display:inline;
    width:230px;
    }
    	
#content{
	float:right;
	display:inline; /* for IE 6 */
    margin:40px 60px 40px 60px;
    width:540px; /* 660 */
    }    		

#footer{
	background-color:#eeeef1;
	border-top:5px solid #fff;
	color:#9d9c9c;
	padding:20px;
	text-align:center;
	}

#footer a{ color:#8385bb; font-weight:normal; }
#footer a:hover{ background-color:transparent; border-bottom:1px dotted #8385bb; }


#newsletterForm{ background:url(../images/bkrnd_rounded.png); float:left; padding-top:5px; width:660px }
	#newsletterForm table td{ padding-left:10px; vertical-align:center;}
	#newsletterForm #last{padding-left:3px;}
	#newsletterForm .error{ background-color:#f30016; font-weight:bold; text-align:center; width:90%; margin:5px auto; padding:3px 10px; color:#fff;}
	#newsletterForm #email {color:#818282; border:0; padding:2px; width:155px;}
#newsletterBottom{background:url(../images/bkrnd_rounded.png) bottom left; height:7px;}


/* CONDITIONAL LAYOUT PIECES
/*************************************************************************************************/


/* Horizontal Pod Table */
#podTable{ margin-top:5px; }

	#podTable td{ 
		background:url(../images/bkrnd_pod.png) no-repeat;
		height:175px;
		width:218px;
		padding:8px 0 0 6px;
		vertical-align:top;
		}

	/* Styles for content within the table */
	#podTable h1  { color:#101780; font-size:1em; padding-right:15px; }
	#podTable img { float:left; padding-right:10px; }
	#podTable p	  { color:#5a5a5a; float:right; font-size:1.1em; line-height:1.3em; padding:8px 15px 0 0; width:148px; }

/* unique styles for end cell to maintain equal padding */
#end	{ padding-left:0 !important; }
#end img{ display:inline; padding-left:6px; }
#end p{ width:144px; }