body
{
	margin: 20px;
    padding: 20px;
}

#page {
	width: 95%; 
  	max-width: 1650px; 
	min-width: 300px; 
	margin: 0 auto; 
	padding: 0;
}

#main
{
	width: 70%;
	float: left;
	margin-left: 2%;
}


#sidebar
{
	width: 25%; 
	margin-left: 2%;
	float: right;
}


#footer
  {
    float: none;
    clear: both;
    margin: 4em 0 -3em;
  }

/* Ensure long text or wide images don't break IE6 layout. */
#page, #header, #footer, .sidebar
{
    _overflow: hidden;
    _overflow-y: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
}

/* ============================================= */

/*
 * COMMON STYLES
 */

  body
  {
	background: #ffffff;
	font-family: Arial,sans-serif;
  }

  #page
  {
    	color: #111;
	background-color: #ffffff;
  }
  
    div.content, div.links
  {
    font-size: 92%;
  } 

  p a:link, 
  p a:visited,
  h3 a:link,
  h3 a:visited
  {
	color: rgb(150,35,35);
  }

#page h1, h2 {
	color: rgb(46,73,156) /*rgb(150,35,35);*/
}

/*
 * HEADER STYLES
 */

  #logo-title
  {
    margin: 10px 20px 0 20px;
    position: relative;
  }

  #logo
  {
	vertical-align: baseline;
	border: none;
  }

/*
 * MENU STYLES
 */

  div.menu
  {
    margin-top: 15px;
  }

  #primary
  {
    font-size: 85%;
    line-height: normal;
    padding: 0 0 0px 20px;
    /*border-bottom: 4px solid #2763A5;*/
	border-bottom: 4px solid #000;
	border: 1px solid #000;
	background-color: rgb(226,226,226);  
	display: inline-block;
	width: 100%;
  }

  #primary ul
  {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  #primary ul.links li
  {
    display: inline;
    border-left: none;
    margin: 0;
    padding: 0;
  }

  #primary a
  {
    background: #6DA6E2 url(Index_files/tabs.png) repeat-x;
    color: #284895;
    font-weight: bold;
    display: block;
    float: left;
    padding: 5px 14px 5px 14px;
    margin: 0 1px 0 0;
    /*border: solid #6191C5 1px;*/
	border: solid #000 1px;
    border-width: 1px 1px 1px 1px;
 	text-decoration: none;
	background-position: 0% 0;
  }


  #primary a:hover
  {
    background-position: 0% -42px;
    text-decoration: none;
  }

  #primary a.active
  {
    background-position: 0% -84px;
  }

/*
 * LINK STYLES
 */

  ul.links
  {
    text-align: left;
  }

  ul.links li
  {
    border-left: 1px solid #9cf;
  }

  .links
  {
    color: #999;
  }

  .links a
  {
    padding: 0 .1em 0 .1em;
  }


/*
 * FOOTER STYLES
 */


  #footer
  {
    #background-color: #2763A5;
	background-color: #ffeebf
    border: solid 1px #004969; 
    color: black; /* #FFFFFF;*/
    text-align: center;
    margin: 0;
    font-size: 85%;
    padding: 1em;
  }