/* General styles */
BODY { color: #000000; font-family: Tahoma, Arial, sans-serif; font-size: small; margin: 0px; padding: 0px; }
BODY { width: 800px; margin-left: auto; margin-right: auto; }
BODY { background: url(../images/bg-body.gif) repeat-x top center; }
A:link, A:visited { color: #004785; font-weight: bold; text-decoration: none; }
A:hover, A:active { color: #004785; font-weight: bold; text-decoration: underline; }
SUP { font-size: 90%; font-weight: bold; vertical-align: top; }
HR { background: #2c2c2c; border: 0px; color: #2c2c2c; height: 1px; }
H1 { color: #004785; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 24px; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H2 { color: #004785; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 18px;  font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H3 { color: #004785; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 14px; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H1, H2, H3 { text-align: left; }

UL { list-style-image: url(../images/bullet.gif); margin: 0px 25px; padding: 0px; }
LI { margin: 5px 0px 0px 0px; }


/* Layout */
#header { height: 175px; margin: 0px; padding: 0px; }
#header H2 { color: #004785; font-family: Arial, sans-serif; font-size: 24px; font-style: italic; font-weight: normal; margin: 0px; padding: 0px 0px 0px 0px; text-decoration: none; text-align: right; }
#logo { padding: 0px; }
#menu { background: url(../images/bg-menubar.gif) no-repeat center center; }
#menu { padding: 0px; }
#menu A { line-height: 53px; width: 100px; display: block; }
#menu A:link, #menu A:visited { color: #2c2c2c; font-weight: normal; text-decoration: underline; }
#menu A:hover, #menu A:active { background: url(../images/button-red.gif) no-repeat center center; color: #2c2c2c; font-weight: normal; text-decoration: underline; }

#content { margin: 0px; padding: 20px 0px 10px 0px; }

#leftcol { padding-right: 20px; }

#footer { height: 75px; margin: 0px; padding: 0px 10px; }
#footer { background: #004785; border-bottom: solid 1px #df2636; }
#footer { color: #d9d9d9; font-size: 11px; line-height: 20px; }
#footer H2 { color: #d9d9d9; font-family: Arial, sans-serif; font-size: 24px; font-style: italic; font-weight: normal; margin: 0px; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; line-height: 30px; }
#footer a:link, #footer a:visited { color: #d9d9d9; font-weight: normal; text-decoration: none; }
#footer a:hover, #footer a:active { color: #d9d9d9; font-weight: normal; text-decoration: underline; }

#copyright { height: 45px; margin: 0px; padding: 0px 10px; }
#copyright { background: #df2636; border-top: solid 1px #004785; }
#copyright { color: #d9d9d9; font-size: 10px; }
#copyright a:link, #copyright a:visited { color: #d9d9d9; font-weight: normal; text-decoration: none; }
#copyright a:hover, #copyright a:active { color: #d9d9d9; font-weight: normal; text-decoration: underline; }


/* Common Classes */
.padme { padding: 0px 10px; }

.box { background: url(../images/bg-box.gif) repeat-x top center; border: solid 1px #004785; font-size: 10px; padding: 0px; width: 150px; }
.box H2 { font-size: 16px; text-align: center; background: #004785; color: #ffffff; }
.box UL { text-align: left; }

.picbox { float: right; color: #004785; font-size: 10px; padding: 5px; }

.form { border: 1px #004785; border-style: solid; }
.form-left { background: #e4e4e4; padding: 5px; }
.form-right { padding: 0px 5px; }
.form-right INPUT, .form-right SELECT, .form-right SUBMIT, .form-right TEXTAREA { font-family: sans-serif; font-size: 11px; }

.form2 { border: 1px #004785; border-style: solid; }
.form2-left { padding: 5px; }


/*
Colors:

blue: #004785; 
red: #df2636; 
xl gray: #e4e4e4; 
lt gray: #d9d9d9; 
dk gray: #2c2c2c; 
black: #111111; 
*/