html, body, h1, h2, h3, h4, h5, h6, p, a, li, table {
   font-family : Arial, Helvetica, Verdana, sans-serif;
   font-size : 12px;
}

body {
   color: black;
   background-color: white;
   background-image: url(../images/backgroundcolortest.gif);
   background-repeat: repeat-x;
   margin: 0;
   padding: 0;
}

#left {
   background-image: url(../images/lefttest.jpg);
   background-position: right top;
}

#right {
   background-image: url(../images/righttest.jpg);
}

#center {
   background-image: url(../images/centertest.jpg);
   background-position: left top;
   width: 780px;
   height: 438px;
}

DIV#container {
   width : 800px;
   background : white url(../images/pagebg.jpg) center top no-repeat; 
   margin : 0 auto;
   padding : 50px 0 0 0;
   text-align : left;
}

DIV#menu {
   text-align : center;
   padding : 5px 0;
}

#menu a {
   font-size : .9em;
   font-weight : bold;
   background-color : #6c3;
   color : #28448a;
   text-decoration: none;
   padding : 6px 5px;
   margin : 0;
   display : inline;
}

#menu a:link, #menu a:visited {
   color : #28448a;
}

#menu a:hover, #menu a:active, #menu a#selected {
   color : white;
}

DIV#textbox {
   width : 600px;
   height : 340px;
   margin : 0 auto;
   padding : 0;
   background : url(../images/textboxbg.gif) top center;
   color : black;
   font-size : 1em;
   font-weight : normal;
   text-decoration : none;
   text-align : left;
   overflow : auto;
}

DIV#textbox2 {
   width : 596px;
   height : 340px;
   margin : 0 auto;
   padding : 0;
   border : 2px outset #666;
   background : fixed url(../images/textboxbg_tile.gif) top center repeat;
   color : black;
   font-size : 1em;
   font-weight : normal;
   text-decoration : none;
   text-align : left;
   overflow : auto;
}

#textbox img, #textbox2 img {
   margin : 0;
   padding : 5px 30px 0 10px;
}

h1 {
   width : 540px;
   margin : 0 auto 10px;
   padding-top : 20px;
   padding-bottom : 5px;
   color : #28448a;
   font-weight : bold;
   text-decoration : none;
   font-size : 1.5em;
   text-align : center;
   border-bottom : 1px solid #666;
}

h2 {
   margin : 0;
   padding : 0 0 5px 30px;
   color : #333;
   font-weight : bold;
   text-decoration : none;
   font-size : 1.2em;
   text-align : left;
}

h3 {
   width : auto;
   margin : 0;
   padding : 0 10px 0 30px;
   color : #28448a;
   font-weight : bold;
   text-decoration : none;
   font-size : 1.1em;
   text-align : left;
}

p {
   margin : 0;
   padding : 0 10px 10px 30px; 
   color : black;
   font-weight : normal;
   line-height : 130%;
   text-decoration : none;
   text-align : left;
}

p.homepage {
   padding : 30px;
   font-weight : bold;
}

p.buttonize {
   float : left;
   clear : left;
   width : 220px;
   margin: 2px 20px 2px 30px;
   padding : 2px 0; 
   color : white;
   background-color : #28448a;
   border-style : solid;
   border-width : 2px;
   border-color: #39c #006 #006 #39c;
   font-weight : normal;
   text-decoration : none;
   text-align : center;
}

ul {
   margin-top : 0;
   padding-right : 10px;
   list-style: disc;
   font-size : 1em;
   font-weight : normal;
   line-height : 130%;
   text-decoration : none;
   text-align : left;
}

ul ul { list-style : circle; }

DIV.floatright {
   width : 240px;
   float : right;
   margin : 0 30px 0 10px;
   padding : 0;
}

.floatright h1, .floatright h2, .floatright h3 {
   padding : 0 5px 5px 5px;
}

.floatright p {
   padding : 0 5px 10px 5px;
   line-height : 130%;

}

DIV.flyout {
   width : 300px;
   height : auto;
   position : absolute;
   top : 0;
   left : -3000px;
   margin : 0;
   padding : 10px;
   background-color : #eee;
   background-image : none;
   border : 2px solid #28448a;
   color : black;
   font-size : .9em;
   font-weight : normal;
   text-decoration : none;
   text-align : left;
   line-height : 130%
}

.flyout p {
   padding : 5px 0;
   width : 100%;
}

.flyout h3 {
   padding : 0;
   width : 100%;
}

p.flyover {
   width : 180px;
   color : #28448a;
   font-weight : bold;
   margin : 0 0 0 30px;
   padding : 0;
}

p.flyover:hover + DIV.flyout, p.buttonize:hover + DIV.flyout {
   top : 25%;
   left : 50%;
   margin : 0;
}

#bluesubmenu {
   float : right;
   width : 232px;
   margin : -1.5em 30px 0 0;
   padding : 5px 20px; 
   color : white;
   background-color : #28448a;
   font-size : .9em;
   font-weight : normal;
   text-decoration : none;
   text-align : right;
}

#bluesubmenu a, a.button {
   margin : 0;
   color : white;
   font-size : 1em;
   font-weight : normal;
   text-decoration : none;
}

#bluesubmenu a:link, #bluesubmenu a:visited, a.button:link, a.button:visited {
   color : white;
}

#bluesubmenu a:hover, #bluesubmenu a:active, a.button:hover, a.button:active {
   color : #ccc;
}

FORM {
   margin : 0;
   padding : 10px 30px;
}

FORM label {
   font-weight : bold;
   margin-bottom : 5px;
   margin-right : 10px;
   display : block;
   text-align : right;
}

FORM input.text {
   width : 150px;
   padding : 2px ;
   margin : 0 10px 0 0;
   border : 1px solid #ccc;
   background-color : white;
}

FORM input.button {
   padding : 2px; 
   color : white;
   background-color : #28448a;
   border-style : solid;
   border-width : 2px;
   border-color: #39c #006 #006 #39c;
   font-weight : normal;
   text-decoration : none;
   text-align : center;
}

DIV#footer {
   width : 600px;
   text-align : right;
   background-color : #28448a;
   color : #ccc;
   font-size : .8em;
   font-weight : normal;
   text-decoration : none;
   padding : 5px 13px 0px 0px;
   margin: 0 auto;
}

DIV#footerleft {
   text-align : left;
   color : #ccc;
   float : left;
   clear: none;
   padding-left:13px;
}

#footer a {
   color : #6c3;
   text-align : right;
   text-decoration : none;
   font-size : 1em;
   margin : 0;
}

#footer a:link, #footer a:visited {
   color : #6c3;
}

#footer a:hover, #footer a:active {
   color : #ccc;
}

a {
   color : #28448a;
   text-decoration : none;
   font-weight : bold;
}

a:link, a:visited {
   color : #28448a;
}

a:hover, a:active {
   color : #6c3;
}

a.underline {
   text-decoration : underline;
}

.credits {
   width : 45%;
   background-color : white;
   background-image : none;
   color : #999;
   font-size : .8em;
   font-weight : normal;
   text-decoration : none;
   margin : 0;
   padding : 5px 0 0 0;
}

.credits a {
   font-size : 1em;
   font-weight : normal;
   text-decoration : none;
}

.credits a:link, .credits a:visited {
   color : #999;
}

.credits a:hover, .credits a:active {
   color : #333;
}