/* the following lines attempt to clear the css palette */

* {
     margin:0;
     padding:0;
     border: none;
     text-decoration:none;
     list-style:none; 
}

/* now the css for the site proper */

body {
     color: black;
     background-color: #bbbfc5;
     font: 0.84em/1.333 Arial, sans-serif; 
}

h1 {
     font-size: 2em;
     margin-bottom: 1em; 
     margin-top: 1em; 

}

h2 {
     font-size: 1.5em;
     margin-bottom: 1em;
     margin-top: 1em; 
 
}

h3 {
     font-size: 1.33em;
     margin-bottom: 1em; 
     margin-top: 1em; 

}

h4 {
     font-size: 1.1em;
     margin-top: 1em;
     margin-bottom: 1em; 
}

h5 {
     font-size: 1em;
     margin-bottom: 1em; 
     margin-top: 1em; 

}

h6 {
     font-size: 0.85em;
     margin-bottom: 1em; 
     margin-top: 1em; 

}

p { 

}

.hidden {
     display: none; 
}

.centered {
     text-align: center; 
}

a:hover {
     text-decoration: underline; 
}

#container {
     width: 810px;
     margin-right: auto;
     margin-left: auto;
     background-color: white;
     color: black;
     border: 1px navy solid; 
}

#header {
     background-image: url(../images/headerbgw.png);
     background-repeat: no-repeat;
     height: 77px; 
}

#logo {
     width: 555px;
     height: 77px; 
}

#logo img {
     margin-left: 10px;
     margin-top: 16px; 
}

#searchbox {
     margin-left: 555px;
     margin-top: -35px;
     width: 170px; 
}

#searchbox input {
     border: 1px #2e78aa solid;
     width: 168px; 
}

#go {
     width: 22px;
     height: 20px;
     margin-left: 735px;
     margin-top: -15px; 
}

#flag {
     width: 20px;
     height: 20px;
     margin-left: 768px;
     margin-top: -22px; 
}

#main {
     clear: both;
     margin: 20px; 
}

#left {
     float: left;
     width: 300px; 
}

#left ul#menu {
     height: 450px; 
}

#left ul#menu li {
     border-bottom: 1px rgb(160,221,252) solid;
     width: 296px;
     margin: 0px;
     padding: 0px; 
}

#left ul#menu li a img {
     margin: 0px;
     padding: 0px;
     vertical-align: top;
     border: none; 
}

#left ul#menu li ul {
     display: none; 
}

#left ul#menu li ul.on {
     display: block; 
}

#left ul#menu li:hover ul {
     display: block; 
}

/* IE hack */

#left ul#menu li.over ul {
     display: block; 
}

#left ul#menu li ul li {
     border: none;
     height: 29px;
     width: 296px; 
}

}

#left #awards #amore {
     margin-left: 240px;
     height: 5px;
     padding-top: 15px; 
}

#left #awards #alogo {
     margin-left: 15px;
     margin-top: 20px; 
}

#right {
     float: right;
     width: 452px; 
}

#right #appimg { 
}

#right #appimg img {
     border: 1px gray solid; 
}

#right #introhead {
     margin-top: 15px;
     border-bottom: 1px gray solid;
     padding-bottom: 10px; 
}

#right #introhead #welcome {
     background-image: url(../images/welcom.png);
     width: 154px;
     height: 22px; 
}

#right #introhead #wmore {
     margin-left: 410px;
     margin-top: -15px; 
}

#right #intro {
     color: rgb(68,92,142); 
}

#right #intro p {
     margin-top: 1em;
     margin-bottom: 1em; 
}

#right #intro #pimg {
     text-align: center; 
}

#right #intro ul li{
     list-style-type: disc;
     margin-left: 2em;
     list-style-position: outside; 
}

#right #intro ol li{
     list-style-type: decimal;
     margin-left: 2em;
     list-style-position: outside; 
}

#footer {
     text-align: center;
     font-size: 8pt;
     color: rgb(175,190,220);
     clear: both;
     height: 63px;
     background-color: rgb(59,96,140);
     background-image: url(../images/footergb.png);
     background-repeat: repeat-x;
     padding-top: 5px; 
}

#address {
     margin-top: 10px; 
}

#footercopy {
     background-color: rgb(59,96,140);
     color: white; 
}

#credits {
     font-size: 8pt;
     text-align: center; 
}