/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

   
   
/*  COMMON STYLES  */
	
   body {
   	background-color:#898989;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
   }

   #outer_wrapper {
	width:900px;
	margin:0px auto;
	background-color:#ffffff;
	background-image:url("images/main_bg.gif");
   }
   
   #header {
	width:900px;
	height:74px;
	background-image:url("images/topBar.gif");
   }
   
   #topLogo {
   	float:left;
	width:400px;
	padding: 0 0 6px 25px;
   }
   
   #topNav {
   	float:right;
	width:472px;
   }

   
   #topNav ul {
   	padding-top:48px;   	 
   }
   
   #topNav li {   	
   	float: left;
	width: 118px;
	height:18px;
	text-align:center;
	font-size:11px;
	color:#ffffff;
	background:url("images/topNav_tabbg.gif");
	background-repeat: no-repeat;
	padding-top:7px;
   }
      
   #topNav li a:link {color:#FFFFFF; text-decoration:none; }
   #topNav li a:hover {color:#FFFFFF; text-decoration:none; }
   #topNav li a:visited {color:#FFFFFF; text-decoration:none; }
   
   #middleContent {
	background:url("images/mid_bg.gif");
	background-repeat: x-repeat;
	width:900px;
	text-align:center;
   }
   
  
  
/*  INDEX STYLES  */

   #mid_left_index {
   	width: 250px;
	padding:30px 0 0 24px;
   }
   
   #mid_left_index p {
	font-size: 11px;
   }
   
   .contentSpacer {
   	clear:both;
   	height: 20px;
   }
   
   .aboveFlash {
   	clear:both;
   	height: 22px;
	background: url("images/aboveFlash.gif");
	background-repeat: no-repeat;
   }
   
   .belowFlash {
   	clear:both;
   	height: 22px;
	background: url("images/belowFlash.gif");
	background-repeat: no-repeat;
   }
   
   #lowerContent_index {
   	clear:both;
   	width:900px;
   }
   
    #lowerContentRight {
   	float:right;
	width:520px;
	padding: 10px 36px 0 44px;
	background: url("images/bodyContent_leftRule.gif");
	background-repeat: repeat-y;
   }
   
   #lowerContentLeft {
   	float: left;
   	width: 250px;
	padding:10px 0 0 24px;
   }
   
   #lowerContent_index p{
   	padding: 0 0 12px 0;
	line-height: 16px;
   }
   
   #footer {
   	clear:both;
   	background:url("images/footer_rule.gif");
	background-repeat: no-repeat;
	padding: 26px 36px 30px 20px;
	text-align:right;
   }
   
   #footer p {   
	font-size: 9px;
	color:#666666;
	padding-bottom: 4px;   	
   }
   
   #clear {
   	clear:both;
   }