/* Main Screen CSS Document */

/* ----------------- COLOURS ----------------- 
  50% black    : #808080
*/

/* ----------------- CLEAR STYLES ----------------- */
.clear { clear: both; }

/* ----------------- DEFAULT FONT STYLES ----------------- */
body, td, div, h1, h2, p, li, input, textarea { font-family: Trebuchet, "Trebuchet MS", Verdana; }

h2 { font-size: 100%; margin: .5em 0 .5em 0; color: #000; font-weight:bold; }
h4 { font-size: 80%; margin: .5em 0 .5em 0; color: #000; font-weight: bold; }
p { font-size: 80%; margin: .5em 0 .8em 0; line-height: 1.4em; color: #666666; }
li { font-size: 80%; margin: .5em 0 1em 0; line-height: 1.6em; color: #666666; }


hr { border:0; border-top: 1px solid #7373ff; height: 1px; }

/* ERRORS */
.error-box { border: 1px solid #c00; padding: 10px; }
.error-box p { color: #c00; margin:0; }


/* ----------------- PAGE STYLES ----------------- */
body { background-color: #fff; margin: 15px 10px 10px 10px; }

#frame { width: 760px; margin: 0 auto 10px auto; }

#header { width: 760px; }
#header .logo { width: 760px; margin-bottom: 5px; }
#header-image { width: 760px; border-top: 1px solid #808080; border-bottom: 1px solid #808080; }

/* ----------------- NAVIGATION ----------------- */


#navigation-container { width: 760px; height: 35px; border-top: 1px solid #808080; }
#navigation-container .navigation { float: right; width: 486px; }
#navigation-container .navigation div { height: 35px; float: left; background-position: top left; background-repeat: no-repeat; margin-left: 15px; display: inline; }
#navigation-container .navigation a { height: 35px; display: block; outline: 1; }

#navigation-container .navigation span { display: none; visibility: hidden; }
#navigation-container .navigation .selected { background-position: bottom left; }




/* ----------------- CONTENT ----------------- */
#content { width: 758px; padding: 1px; }

/* ----------------- FOOTER ----------------- 
#footer { border-top: 1px solid #808080; }

#footer-copyright { float: left; }
#footer-copyright p { font-size: 74%; color: #808080; margin-bottom: 0; }

#poweredby2c { width: 100px; height: 21px; float: right; margin: 7px 0 7px 0; background: url(../images/poweredby_2c.gif) top left no-repeat; }
#poweredby2c a { width: 100px; height: 21px; display: block; outline: none; }
#poweredby2c a:hover { background: url(../images/poweredby_2c.gif) bottom left no-repeat; }
#poweredby2c span { display: none; visibility: hidden; }

/* ----------------- FORM STYLES ----------------- */
form { display: inline; }
fieldset { border: 0; padding: 0; margin: 0; }
.form-table { width: 100%; border: 1px solid #022C58; margin: 0 auto; }
.form-field input, .form-field textarea { font-family: verdana, arial; width: 98%; font-size: 76%; }
.form-label { width: 100px; font-size: 76%; text-align: right; background-color: #AAD1FF; }
.form-field { background-color: #DFEEFF; }
.align-top { vertical-align: top; }
.form-buttons { background-color: #77B4FB; text-align: center; }

/* -----------------  ERROR STYLES ----------------- */
.error-box { border: 1px solid #c00; padding: 1px; }
.error-box .error-title { padding: 3px 5px; background-color: #c00; color: #fff; font-size: 80%; font-weight: bold; }
.error-box .error-text { padding: 3px 5px; }
.error-box .error-text p { color: #c00; margin: 0; }