@charset "UTF-8";

/* Reset the world for no surprises */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 
			{ margin:0; padding:0; border:0; outline:0;  font-size:100%; }

/* Area outside our content and the font defaults */
body        { background-color: #333; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }


/* Generic Overrides */

h1          { margin: -9px -9px 0px -9px; padding: 5px 5px 5px 25px;
	          color: white; background: #b00 url(../../images/foursquare_white.gif) no-repeat 10px 10px; }
	  
h2          { color: #000; font-weight: bold; }

a,  a:link  { color: #b00; font-size:11pt; font-weight: bold; text-decoration: none; }
a:visited   { color: #b00; font-weight: bold; text-decoration: none; }
a:hover     { color: #b00; text-decoration: underline; }
a:focus     { color: #b00; }
a:active    { color: #b00; }

/* 
 *  Header
 */

#wrapper                            { background-color: #fff; margin: 0 auto; width: 780px; }

#wrapper #header                    { height:150px; margin:0; padding:0; }
									  
#wrapper #header #logo				{ float:left;width:320px; height:135px; margin:0; padding:20px 0 0 0; 
                                      border: outset 3px black; }

#wrapper #header #nav               { float: right; width: 454px; height:100px; margin:0; padding-top:60px;                                       background: #ddd url(../../images/navBG.jpg) no-repeat; text-align:right; } 

#wrapper #header #nav #headnav	             { margin-top:10px; width:454px; background-color:#a50000;}

#wrapper #header #nav #headnav ul            { margin:0; padding:0; }

#wrapper #header #nav #headnav ul li         { width:90px; height:50px; display:inline; list-style-type:none; } 
										
#wrapper #header #nav #headnav ul li a       { display:block; float:left; width:90px; height:50px; 
	                                           padding-top:7px; margin:0; overflow:hidden;
	                                           color:white; background-image:url(../../images/buttonback.gif); 
										       text-align:center; font-size:94%;}
												   
#wrapper #header #nav #headnav ul li a:hover { border: inset red 1px; text-decoration:none;}
	  

 /*
  *  Graphics
  */

#wrapper #graphic			    { clear:both;	height:180px; margin:0; padding:20px 20px 0 10px;  overflow:hidden;
	                              color:white; background: url(../../images/graphBG.jpg) repeat-y; }
									
#wrapper #graphic h1            { padding:10px; color:white; background:transparent;
	                              font-size:12pt; text-align:center;}

#wrapper #graphic p             { text-align:center; font-size:11pt;}

#wrapper #graphic #flyspace     { float:right; height:180px; width:260px; padding:0; margin-right:-18px;
                                  color:#fc5; background: url(../../images/flyBG.gif) repeat-y 0px 30px; }
	  
#wrapper #graphic #flyspace h1  { margin-left:10px; color:#fc5;
	                              background:transparent; font-size:16px; text-align:center; }
	  
#wrapper #graphic #flyspace #e1, 
#wrapper #graphic #flyspace #e2, 
#wrapper #graphic #flyspace #e3 { margin: 0 0 8px 24px; padding: 0 0 0 16px;
	                             font-size:14pt; background: url(../../images/foursquare_brown.gif) no-repeat 0 8px; }

/*
 *  Content
 */
	   
#wrapper #content           { clear:both; overflow: hidden; font-family: Georgia, Times New Roman, Times, serif;}

#wrapper #content #left     { float: left;  width:230px; height:24em; margin: 5px; padding: 10px; 
                              border: solid 1px #666; }
									
#wrapper #content #right    { float: right; width:230px; height:24em; margin: 5px; padding: 10px; 
                              border: solid 1px #666; }
									
#wrapper #content #middle   { margin: 5px 262px; height:24em; padding:10px; border: solid 1px #666; }

#wrapper #content #full     { margin: 5px; padding: 10px; border: solid 1px #666; }

/*
 *  Footer
 */
	   
#wrapper #footer            { padding:5px 10px; font-size:8pt; background-color:#ddd; border-top: solid 1px #ddd;}
#wrapper #footer a          { font-size:8pt;  }

