/*** GENERAL ***/
body {
    font-size: 12px;
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
    margin: 20px 0; 
    background: #EAEAEA url(../graphics/portal/bg.jpg) repeat-y;
    color: #464A52;
}

/*** CONTENT DISPLAY ***/

#container {
    width: 850px;
    margin: 0 70px;
}

#banner {
    width: 850px;
    height: 100px;
    background: url(../graphics/portal/separator.jpg) no-repeat bottom;
}
#main {
    width: 850px;
    text-align: left;
    margin: 30px 0; 
}
#footer {
    text-align:center;
    width: 850px;
    height: 100px;
    padding-top: 5px;
    background: url(../graphics/portal/separator.jpg) no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}

/*** CONTENT TEXT STYLES ***/
h1, h2, h3 {
    font-weight:100;
    padding: 2px 0 6px 0;
    margin-top: 0;
}
h1 {
    font-size: 26px;
    color:#FF6A07;
}
h2 {
    font-size: 18px;
    color:#FF6A07;
}
h3 {
    font-size: 16px;
}
p {
    line-height: 100%;
    margin:8px 0;
}
a {
    color: #464A52;
}
form {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin:0;
    padding:0;
}
input, select, textarea {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: middle;
    border:1px solid #CCC;
}
img, a img {
    border: none;
}
.small {
    font-size: 85%;
}

/*** TD FOR FORMS ***/
td {
    line-height: 200%;
}
td input {
    font-size: 95%;
}
td.textlabel {
    font-size: 95%;
    width: 30%;
    font-weight: bold;
}
td.error {
    color: #f00;
    font-weight: bold;
    font-size: 85%;
    line-height:100%;
}

/*** VALIDATION ***/
.validation-failure, .validation-success {
    padding: 0.5em 0 0.5em 0;
    font-weight: bold;
    text-align: center;
    background-color: #fbf1f1;
    border: 1px solid #cc0000;
    color: #cc0000;
}
.validation-success {
    background-color: #f2f8f1;
    border: 1px solid #339900;
    color: #339900;
}

/*** SPACER ***/
.spacer {
	clear: both;
}