/*
Design by SkateGarden
*/

body {	
  font: 1em Arial, Georgia, Geneva, sans-serif; 
	background: #fff url(images/Bkg.jpg) repeat top;
	color: #0000FF;		
	margin: 2% 2% 2% 2%; 
	letter-spacing: 0px;
	}
  
ul  { margin: 0; padding : 0; list-style: none; }
img { border: 0; }
img.left { float: left; margin: 10px 10px 10px 10px; }
img.right { float: right; margin: 10px 10px 10px 10px; }
hr  { height: 2px; border-style: solid; color: #0000FF; margin: 10px 0; }
  
a   { color: #6600FF; background: inherit; text-decoration: underline; }
a:link { color: #007CB0; text-decoration: underline; }
a:visited { color: #00f; text-decoration: underline; }
a:hover { color: #0000FF; background: inherit; text-decoration: underline; }
a:focus { color: #00f; background-color: #99FFFF; text-decoration: none; }
a:active { color: #fff; background-color: #00ACF4; text-decoration: none; }

/*  Pull, but save for later reference

a { padding: 0 30px 0 30px; font-size: .9em; font: Verdana, Arial, Helvetica, sans-serif; }
a:link, #navlist a:visited { color: #007CB0; text-decoration: none; }
a:visited { color: #00f; background-color: #99FFFF; text-decoration: none; }
a:hover { color: #00f; background-color: #99FFFF; text-decoration: none; }
a:focus { color: #00f; background-color: #99FFFF; text-decoration: none; }
a:active { color: #fff; background-color: #00ACF4; text-decoration: none; }

font: normal normal 100 0.9em/1.1em Arial, Georgia, Geneva, "Trebuchet MS", Monaco, Calibri, sans-serif;

*/
h1  { font: normal normal 500 2.5em/1.2em; padding: 4px 0 4px 4px; margin: 0; letter-spacing: 1px; }
h2  { font: normal normal 300 2.0em/1.2em; padding: 10px 0 4px 4px; margin: 0; letter-spacing: 1px; }
h3  { font: normal normal 100 1.5em/1.2em; padding: 8px 0 3px 4px; margin: 0; letter-spacing: 0px; }
h4  { font: normal normal 100 1.2em/1.0em; padding: 1px 0 2px 4px; margin: 0 0 0 15px; letter-spacing: 0px; }
p   { font: normal normal 100 1.3em/1.2em; padding: 4px 0 4px 4px; margin: 5px 5px 5px 5px; letter-spacing: 0px; 
border: 0px solid blue; }  
  
h1 { color: red; font-size: 5em; }
h1  { color: blue; font: bold small-caps 4.0em/1.2 Helvetica, Arial, "Luxi Sans", sans-serif;  }
h1  { font: bold small-caps 4.0em/1.2 Arial, Georgia, Geneva, sans-serif; padding: 4px 0 4px 4px; margin: 0; letter-spacing: 1px; }
  
blockquote { 
  font: normal normal 100 0.9em/1.1em Arial, Georgia, Geneva, sans-serif; 
  padding: 4px 0 0px 4px; 
  border: 0px solid red; }  
cite { 
  color: black;
  font: italic normal 100 0.8em/1.2em Arial, Georgia, Geneva, sans-serif; 
  padding: 0px 0px 0px 0px; 
  margin: -4px 0px 0px 0px; 
  border: 0px solid green; 
  }
blockquote strong { font: bold normal 100 0.9em/1.1em Arial, Georgia, Geneva, sans-serif; }
    
.right 	{ text-align: right; }
.left 	{ text-align: left; }
.center	{ text-align: center; width: 90%; }
.bold { font: bold; }

.xtitle { margin-left: -6%; }  
  
      xbody { font-family: arial, Helvetica, sans-serif;
             color: #efd896;
             background-color: #143954;
      }

body * {
  overflow: hidden;  /* to stop IE6 pushdown and for equal-height padding */
  }
      
.line {
  float: left;
  width: 98%;
  display: block;
  position: relative;
  border: 0px solid red;            /* ===============   0px --> 1px for DEBUG   =========== */
  xbackground-color: #ccf;
  }

.item {
  position: relative;
  float: left;
  left: 100%;
  border: 0px solid green;            /* ===============   0px --> 1px for DEBUG   =========== */
  xbackground-color: #bbb;
  padding-bottom: 1000em;
 	margin-bottom: -1000em;
  }
      
.pad {
  padding: 10px;
  }
            
#logo_area {
  margin-left: -100%;
  width: 12%;
  overflow: visible;
  }
#header_area {
  margin-left: -88%;
  width: 88%;
  }
      #logo {
        position: absolute;
        top: 20px;
        left: 20px;
        xxoverflow: visible;
      }
       
       
#menu { margin-top: 0; padding: 10px 10px 10px 0px; 
	font: normal small-caps 600 16px/26px arial;
	text-align: right; border: 0px solid green; }
       
#MainNav {
  margin-left: -100%;
  width: 15%;
  }
  #MainNav ul {
    margin-left: 0px;
    margin-top: 70px;
    padding: 20px 10px 10px 0px; 	
    font: normal small-caps 600 1.2em/1.2em arial;	
    text-align: right; 
    border: 0px solid green;
    }
  #MainNav li {
    margin-top: 10px;
    padding:  0px 0px 0px 0px;
    }
      
  #MainNav a   {  background: inherit; text-decoration: none; }
  #MainNav a:link { color: #007CB0; text-decoration: none; }
  #MainNav a:visited { color: #00f; text-decoration: none;; }
  #MainNav a:hover { color: #0000FF; background: inherit; text-decoration: underline; }
  #MainNav a:focus { color: #00f; background-color: #99FFFF; text-decoration: underline; }
  #MainNav a:active { color: #fff; background-color: #00ACF4; text-decoration: none; }

  #MainNav li.current { border: 1px solid #e5e5e5; }      
  
      
      #MainContent {
        margin-left: -83%;
        width: 70%;
      }       
      #Sidebar {
        margin-left: -13%;
        width: 16%;
      }
      
      #NavBar {
        margin-left: -100%;
        width: 100%;
      }
      
      
#NavBar { text-align: center; margin-top: 3px; }
  ul#navlist { margin-left: 0; padding-left: 0; white-space: nowrap; }
  #navlist li { display: inline; list-style-type: none; }
  #navlist a { padding: 0 30px 0 30px; font-size: .9em; font: Verdana, Arial, Helvetica, sans-serif; }
  #navlist a:link, #navlist a:visited { color: #007CB0; text-decoration: none; }
  #navlist a:hover { color: #00f; background-color: #99FFFF; text-decoration: none; }
  #navlist a:active { color: #fff; background-color: #00ACF4; text-decoration: none; }

#footer {
  margin-left: -100%;
  width: 100%;
  text-align: center;
  font: italic small-caps 300 0.7em/1.2em arial;
}
	#footer p { font: normal normal 100 0.8em/1.0em; text-transform: uppercase; color: navy; }
	#footer a { text-decoration: none; color: #007CB0; }
	#footer a:hover { color: #00F; text-decoration: underline; }
	#footer hr { clear: both; width: 95%; }

  

  
#xxxfooter { clear: both; width: 100%; height: 20px; text-align: center; margin: 10px 0 0 0; 
		font: italic small-caps 300 0.9em/1.2em arial; }