/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #008B8B;
 background: #F2F2E6;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}

#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 height: 200px;
 margin: 10px 0px 0px 0px;
 background: #B0C4DE;
}
#navigation {
 float: left;
 width: 900px;
 color: #B0C4DE;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #4682B4;
}

div#navigation ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    white-space: nowrap;
}

div#navigation li {
    list-style-type: none;
    display: inline;
    height: 30px;
    width: 125px;
    margin-left: 80px;
    text-align:center;
}

div#navigation li a {
    height: 100%;
    width: 100%;
    text-decoration: none;
    border-width: 6px;
}

div#navigation li a:link {
/*    color: #000000;*/
    color: #B0C4DE;
    font-weight: bold;
    background-color: #4682B4;
/*    background-color: #CCCCCC;*/
/*    border-style: outset;*/
}

div#navigation li a:visited {
/*    color: #000000;*/
    color: #B0C4DE;
    font-weight: bold;
    background-color: #4682B4;
/*    background-color: #CCCCCC;*/
/*    border-style: outset;*/
}

div#navigation li a:hover {
    font-weight: bold;
    color: #FFFFFF;
/*    color: #FFFFFF;*/
    background-color: #B0C4DE;
/*    background-color: #999999;*/
/*    border-style: outset;*/
}
div#navigation li a:active {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #B0C4DE;
/*    background-color: #666666;*/
/*    border-style: inset;*/
}

#leftcolumn { 
 font-family: Arial, Helvetica, sans-serif;
 color: #708090;
 border: 1px solid #ccc;
 background: #B0C4DE;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 200px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #00008B;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 678px;
 overflow: auto;
 display: inline;
}
#footer { 
 font-family: Arial, Helvetica, sans-serif;
 width: 900px;
 clear: both;
 color: #B0C4DE;
 line-height: 15px;
 border: 1px solid #ccc;
 background: #4682B4;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

#Layer1 {
 position: absolute;
 z-index: 0;
 top: -229px;
 left: 0px;
 width: 1132px;
 height: 960px;
 visibility: visible;
 background: #B0C4DE;
 display: block;
 z-index: -1;
}

p { 
 color: #00008B;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 overflow: auto;
}

div#buttonA {
    margin-left: 40px;
}

div#buttonA ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
}

div#buttonA li {
    list-style-type: none;
    height: 20px;
    width: 100px;
    margin: 0px;
    text-align:center;
}

div#buttonA li a {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    border-width: 6px;
}

div#buttonA li a:link {
    color: #B0C4DE;
    font-weight: bold;
    background-color: #4682B4;
    border-style: outset;
}

div#buttonA li a:visited {
    color: #B0C4DE;
    font-weight: bold;
    background-color: #4682B4;
    border-style: outset;
}

div#buttonA li a:hover {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #483D8B;
    border-style: outset;
}

div#buttonA li a:active {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #666666;
    border-style: inset;
}