/* Kill all browser defaults */
* {margin:0; padding:0;}
/* end */

body {
background: rgb(214,228,242);
margin: 0;
font-family: "arial";
color:rgb(12,23,80);
}

a {
text-decoration: none;
font-weight: bold;
color:rgb(12,23,80);
}

a:hover {
color: yellow;
}

img {
border-style: none;
}

img{
margin-bottom: 10px;
}

#header{
text-align:center;
background-color:rgb(255,255,153);
padding:10px;
font-size:3em;
font-style:bold;
 }

#header p {
margin:0; 
} 
 
#navigation {
clear: both;
background:rgb(153,204,255);
padding: 5px 15px;
font-size: 0.8em;
font-weight: bold;
text-align:center;
border: solid rgb(12,23,80);
border-width: 1px 0;
}

#navlist li {
display: inline;
list-style-type: none;
padding: 10px;
}

#navigation ul {
margin: 5px;
}

#container {
position: relative;
width: 800px; 
margin: 10px auto;
background-color: rgb(255,255,153);
border: solid rgb(12,23,80);
border-width: 1px;
}

#intro {
font-size: 1.5em;
font-style:bold;
text-align:center;
padding:10px;
}

#intro p{
margin:0;
 }

#content {
clear:both;
font-size: 0.8em;
text-align: left;
background-color: rgb(255,255,153);
padding: 0 10px 10px 10px;
}

#contentleft {
font-size: 0.8em;
text-align: left;
background-color: rgb(255,255,153);
width: 380px;
float: left;
padding:0 5px 10px 5px;
}

#homecontentleft {
font-size: 0.8em;
text-align: center;
background-color: rgb(255,255,153);
width: 380px;
float: left;
padding:0 5px 10px 5px;
}

#homecontentleft a:hover{
text-decoration:underline;
color:rgb(12,23,80);
 }

#homecontentright a:hover{
text-decoration:underline;
color:rgb(12,23,80);
 }
 
#textbox{
background-color: rgb(153,204,255);
margin:0 5px 10px 5px;
padding:5px;
border: solid rgb(12,23,80);
border-width: 1px;
} 

#textbox h3{
text-align:center; }

#textbox p{
margin:5px 0;
 }

#widetextbox{
background-color: rgb(153,204,255);
margin:0 5px 10px 5px;
padding:5px;
text-align:center;
border: solid rgb(12,23,80);
border-width: 1px;
 }
 
#widetextbox h3{
margin:5px }

#widetextbox table{ 
margin-left: auto;
margin-right: auto;
}

#homecontentright {
font-size: 0.8em;
text-align: center;
background-color: rgb(255,255,153);
margin-left: 400px;
padding:0 5px 10px 5px;
}

#contentright {
font-size: 0.8em;
text-align: left;
background-color: rgb(255,255,153);
margin-left: 400px;
padding:0 5px 10px 5px;
}

#contentright h3{
color:yellow;
} 

#contentright h4{
color:yellow;
margin:0;
} 

#footer {
clear: both;
text-align: center;
background: rgb(153,204,255);
font-size: 0.8em;
padding: 3px;
border: solid rgb(12,23,80);
border-width: 1px 0 0 0;
}

#footer p{
margin: 0;
 }

#footerlink {
text-align: center;
font-weight: normal;
}

#footerlink:hover {
color: yellow;
}