/*
* Main styles that are included in all pages
*/
HTML, BODY {
margin: 0px;
}

BODY {
font-family: serif, sans-serif, "Times New Roman", Arial, Helvetica;
font-size: 16px;
}

HTML {
overflow-y: scroll;
}

H1 {
text-align: center;
color: darkgreen;
}


/*
* Styles about navigation bar
*/
IMG#topLogo {
margin: 10px auto 10px auto;
text-align: center;
display: block;
}

DIV#navbar {
width: 1000px;
margin: 15px auto 15px auto;
padding: 10px 0px;
text-align: left;
font-size: 125%;
border-top: 2px solid gold;
border-bottom: 2px solid gold;
}

DIV#navbar A, DIV#navbar SPAN.menuSelected {
margin: 10px 25px;
}

DIV#navbar SPAN.menuSelected {
color: darkolivegreen;
}

DIV#navbar A {
text-decoration: none;
color: blue;
}

DIV#navbar A:visited {
color: blue;
}

DIV#navbar A:hover {
text-decoration: underline;
}

DIV#navbar SPAN.menuDelimiter {
width: 0px;
border-right: 1px dotted red;
}


/*
* This is for main layout table used in most cases
*/
TABLE#mainLayoutTable {
width: 1000px;
margin: 15px auto 0px auto;
border-collapse: collapse;
}

TABLE#mainLayoutTable TD {
vertical-align: top;
}

TABLE#mainLayoutTable TD#menuCell {
width: 5%;
padding: 0px;
white-space: nowrap;
}

TABLE#mainLayoutTable TD#menuCell DIV {
line-height: 155%;
font-size: 115%;
padding: 0px 15px 0px 0px;
border-right: 1px dotted red;
}

TABLE#mainLayoutTable TD#menuCell A {
text-decoration: none;
color: blue;
}

TABLE#mainLayoutTable TD#menuCell A:visited {
color: blue;
}

TABLE#mainLayoutTable TD#menuCell A:hover {
text-decoration: underline;
}

TABLE#mainLayoutTable TD#rightCol {
width: 160px;
white-space: nowrap;
}

DIV.rightColAd {
margin: 0px auto;
width: 160px;
height: 800px;
}


/*
* Styles about error and info messages
*/
DIV.infoMessage, DIV.errorMessage {
width: 500px;
margin: 30px auto;
padding: 35px 25px;
text-align: center;
font-weight: bold;
font-size: 125%;
position: relative;
border: 2px solid blue;
background: gold;
}

DIV.infoMessage {
color: blue;
}

DIV.errorMessage {
color: red;
}

DIV.systemMessageCloseButton {
position: absolute;
top: 5px;
right: 4px;
}

DIV.systemMessageCloseButton IMG {
border-width: 0px;
}



/*
* Styles about paging
*/
DIV.paging {
margin: 40px 10px;
padding: 5px 10px;
border-top: 2px solid gold;
text-align: right;
font-size: 115%;
font-weight: bold;
}

DIV.paging SPAN.pageDisabled, DIV.paging SPAN.pageSelected {
padding: 0px 2px;
margin: 0px;
}

DIV.paging SPAN.pageDisabled {
color: darkolivegreen;
}

DIV.paging SPAN.pageSelected {
color: red;
}

DIV.paging A {
padding: 0px 2px;
margin: 0px;
text-decoration: none;
color: blue;
}

DIV.paging A:visited {
color: blue;
}

DIV.paging A:hover {
text-decoration: underline;
}



/*
* Some common styles
*/
SPAN.italic {
font-style: italic;
}

SPAN.bold {
font-weight: bold;
}

SPAN.red {
color: red;
}

SPAN.green {
color: green;
}

SPAN.upper {
text-transform: uppercase;
}

P#endMessage {
padding: 0px;
margin: 0px 10px;
text-align: justify;
line-height: 150%;
text-indent: 30px;
font-size: 115%;
color: green;
}

DIV.insideExternalAds {
margin: 0px 10px;
width: 468px;
text-align: center;
padding: 0px;
margin: 0px auto;
}