body
		{
			margin: 0;
			padding: 0;
			margin-left: auto;
			margin-right:auto;
			font-family: Arial, Tahoma, Verdana, sans-serif;
			background-color:black;
		}
    #container
    {
      width:100%;
			margin: 0;
			padding: 0;
			margin-left: auto;
			margin-right:auto;
			font-family: Arial, Tahoma, Verdana, sans-serif;
    }
    
    /* ----- LAYOUT CLASSES ----- */

    .center       {text-align:center;}
    .left         {text-align:left;}
    .right        {text-align:right;}
    .justify      {text-align:justify;}
    .title        {text-align:center; font-weight:bold; font-size:120%;}
    .imgleft      {float:left;}
    .imgright     {float:right;}
    .sub-heading  {font-weight:bold;font-size:100%;color:#003398;}
    .signature    {font-family:script;font-size:26pt;}
    .bold         {font-weight:bold;}

    .clearleft    {clear:left;}
    .floarleft    {float:left};

    /* ----- ACCESSIBILITY ----- */
    		
		#accessibility
		{
			border:1px solid gray; 
			padding: 8px;
			float: left;
			width: 785px;
		}
		#small, #default, #large
		{
			border: 1px solid gray;
			padding: 1px;
			padding: 5px;
		}

		#purple, #medium, #red, #blue, #brown, #system, #save, #def
		{
			border: 1px solid gray;
			padding: 1px;
			padding: 5px;
		}

    /* ----- HEADER ----- */
    
    #header
    {
      margin:0;
      padding:0;
      width:100%;
      height:150px;
      background-image:url(../images/header.jpg);
    }
    #header_red
    {
      padding-top:10px;
      width:100%;
      height:150px;
      background-image:url(../images/header_red.jpg);
    }
    #header_lilac
    {
      padding-top:10px;
      width:100%;
      height:150px;
      background-image:url(../images/header_lilac.jpg);
    }
    #header_gray
    {
      padding-top:10px;
      width:100%;
      height:150px;
      background-image:url(../images/header_gray.jpg);
    }
    #header_orange
    {
      padding-top:10px;
      width:100%;
      height:150px;
      background-image:url(../images/header_orange.jpg);
    }
    #header_tile
    {
      width:100%;
      height:50px;
      background-image:url(../images/header_tile.jpg);
    }
    #header_tile_red
    {
      width:100%;
      height:50px;
      background-image:url(../images/header_tile_red.jpg);
    }
    #header_tile_lilac
    {
      width:100%;
      height:50px;
      background-image:url(../images/header_tile_lilac.jpg);
    }
    #header_tile_gray
    {
      width:100%;
      height:50px;
      background-image:url(../images/header_tile_gray.jpg);
    }
    #header_tile_orange
    {
      width:100%;
      height:50px;
      background-image:url(../images/header_tile_orange.jpg);
    }
    #header_left
    {
      position:absolute;
      margin-left:0;
      top:0;
      width:50px;
      height:150px;
    }
    #header_right
    {
      position:absolute;
      margin-left:760px;
      top:0;
      width:50px;
      height:150px;
    }
    #banner
    {
      border:0;
      padding:0;
      margin:0;
      width:600px;
      height:130px;
      margin-left:auto;
      margin-right:auto;
      background-image:url('../images/banner.png');
    }
    .header_title
    {
      text-align:center;
      font-size:26pt;
      color:black;
      padding-top:15px;
    }
    .header_text
    {
      text-align:center;
      font-size:22pt;
      margin-top:-5px;
      color:black;
    }

		.clearboth { clear: both; }

    /* ----- BACKGROUNDS ----- */

		#main
		{
		  clear:left;
		  position:relative;
			top:20px;
			margin-bottom:60px;
			width: 700px;
			min-width:700px;
			min-height:450px;
			margin-left:auto;
			margin-right:auto;
			color:white;
      font: 90% arial, hevetica, sans-serif;
		}
    
    #main_left
    {
      position:absolute;
      z-index:-1;
      top:250px;
      left:0;
    }
    #main_left_fade
    {
      position:absolute;
      z-index:-1;
      top:210px;
      left:0;
      width:50%;
      min-height:450px;
    }
    #main_center
    {
      position:absolute;
      z-index:-1;
      left:0;
      top:210px;
      width:100%;
      min-height:450px;
      min-width:800px;
    }
    #main_right
    {
      position:absolute;
      z-index:-1;
      top:250px;
      right:0;
    }
    #main_right_fade
    {
      position:absolute;
      z-index:-1;
      top:210px;
      right:0;
      width:50%;
      min-height:450px;
    }

    #blogroll
    {
      float:right;
      border:1px dashed gray;
      
    }

    /* ----- HEADINGS ----- */

    #heading
    {
      padding:0px;
      padding-right:20px;
      margin:0px;
      width:100%;
      height:30px;
      background-image:url(../images/heading.jpg);
    }
      
    #heading p{padding-top:5px;padding-left:10px;font-weight:bold;color:white;font-size:100%;}

    .blocktitle 
    {
      margin:0;
      padding:5px;color:white;
      margin-right:10px;
      font-weight:bold;
      text-align:left;
      background:#2a493a; 
      border-bottom:4px solid #98baac;
    }

		#footer
		{
			margin:0;
			border:0;
			bottom:0px;
			clear:left;
			float: left;
			width: 100%;
			background-color:black;
		}
    #footer_tile
    {
      width:100%;
      height:65px;
      background-image:url(../images/footer_tile.jpg);
    }
    #footer_tile_red
    {
      width:100%;
      height:65px;
      background-image:url(../images/footer_tile_red.jpg);
    }
    #footer_tile_lilac
    {
      width:100%;
      height:65px;
      background-image:url(../images/footer_tile_lilac.jpg);
    }
    #footer_tile_gray
    {
      width:100%;
      height:65px;
      background-image:url(../images/footer_tile_gray.jpg);
    }
    #footer_tile_orange
    {
      width:100%;
      height:65px;
      background-image:url(../images/footer_tile_orange.jpg);
    }
    #footer_tile_red
    {
      width:100%;
      height:65px;
      background-image:url(../images/footer_tile_red.jpg);
    }

		h1, h2, h3, h4, h5, h6, p, ul, ol, dl, a
		{
			margin: .2em;
		}
		
		a em
		{
			font-style: normal;
			font-weight: normal;
			text-decoration: underline;
		}

		a:hover 
		{
			text-decoration: underline;
		}		

		h1+p, h2+p, h3+p, h4+p
        {
             margin: .2em;
        }

        h2
        {
            font-weight: bold;
        }

    img {vertical-align:middle;}

		#copyright
		{
			margin:0;
			border:0;
			height:100%;
		  background-color:black;
		  font: 75% Arial, Tahoma, Verdana, hevetica, sans-serif;
		}
		.copyright,.copyright a
		{
		  color:white;
		  text-align:center;
		}