body {
    margin:0px;
    padding:0px;
    background-color:#53695c;
    font-family: tahoma;
}

img {
    border:0;
}

a:link, a:visited, a:active, a:hover {
    color: #0000FF;
    text-decoration: none
}

a:hover {
    color: #000099;
}

h1 {
    font-variant: small-caps;
    font-size: 1.25em;
}

.header {
    font-weight: bold;
    font-variant: small-caps;
}

ol {
   margin: 0px;
   margin-top: 2px;
   padding-left: 24px;
}


#logo {
    margin-left:1px;
    margin-top:1px;
    height:121px;                /* height logo + 1 pixel - was 82*/
    width:286px;                /* width plus spacer */
    background:url(images/layout/logo.png) no-repeat;
}

#spotlight,#ad {
    position:absolute;
    top:1px;
    left:800px;
    width:200px;            /*IE HACK means add padding + border*/
    height:121px;            /*IE HACK means add border - was 82*/
    border:1px solid black;
    border-bottom:0;
    background-color: #728776;
}

/*IE HACK means add padding + width*/
html>body #spotlight, #ad {
    width: 198px;
    height:120px;		/*was 81*/
}

.titleBar {
    width: 100%;
    height: 17px;
    border-bottom: 1px solid black;
    font-size:1em;
    background-color:#b5c7b3;
    text-align: center;
    font-weight: bold;
    font-variant: small-caps;
}

#spotlightTitle {
    font-size: 0.8em;
}

#news {
    position:absolute;
    top:1px;
    left:206px;
    padding-left:2px;
    padding-right:2px;
    width:595px;        /* 600-padding(4)-border(1) */ /*IE HACK means add padding + border*/
    height:16px;
    border:1px solid black;
    border-right:0;
    background-color: #728776;
    font-size:0.8em;
}
/* IE HACK - IE uses above, others use below */
html>body #news {
    width: 589px;
}

#flash {
    position:absolute;
    top:0px;
    left:286px;
    width:514px;        /* 600-border(1) */
    height:121px;        /* 83-news(height+borders+top) */
    border:0;
}

.menu {
    margin-left:1px;
    padding-left:2px;
    padding-right:2px;
    width:999px;        /*IE HACK means add padding + border*/
    height:16px;
    font-size:0.8em;
    border:1px solid black;
    background-color:#b5c7b3;
    text-align: center;
}
/* IE HACK - IE uses above, others use below */
html>body .menu {
    width: 993px;
}

#workspace {
    margin-left:1px;
    padding-left:2px;
    padding-right:2px;
    width:799px;        /* 1000px less 200 (ad) */  /*IE HACK means add padding + border*/
    height:568px;
    border-left:1px solid black;
    background-color:#d6ded4;
    font-size:0.8em;
}
/* IE HACK - IE uses above, others use below */
    html>body #workspace {
    width: 794px;
}

.innerLeft {
    position: absolute;
    left: 10px;
    top: 150px;		/*was 111 */
    height: 548px;
    width: 560px;
    overflow: auto;
 }

.innerLeftTopPic {
    float: left;
    height: 213px;
    width: 370px;
}

.innerLeftTopText {
    float: left;
    height: 213px;
    width: 190px;
    background-color:#728776;
    padding: 5px;
}
/* IE HACK - IE uses above, others use below */
html>body .innerLeftTopText {
    width: 180px;
    height: 203px;
}

#innerLeftTopPicCharacter {
    height: 213px;
    width: 292px;
}

#innerLeftTopTextCharacter {
    float: left;
    height: 213px;
    width: 268px;
    background-color:#728776;
    padding: 5px;
}
 /* IE HACK - IE uses above, others use below */
html>body #innerLeftTopTextCharacter {
    width: 258px;
    height: 203px;
}

.leftBottom {
    float: left;
    margin-top: 10px;
    width: 180px;
    height: 325px;
    background-color:#728776;
}

#leftBottomMid {
    margin-left: 10px;
    margin-right: 10px;
    width: 180px;
}

.leftBottomText {
    padding: 5px;
}

.characterProfile {
    float: left;
    margin-top: 10px;
    padding: 5px;
    width: 560px;
    height: 325px;
    background-color:#728776;
}
 /* IE HACK - IE uses above, others use below */
html>body .characterProfile {
    width: 550px;
    height: 315px;
}

/*RIGHT OF WORKSPACE */

#innerRight {
    position: absolute;
    top: 138px;			/*was 100*/
    left: 580px;
    width: 207px;
    height: 566px;
}

.innerRightArea {
    width: 207px;
    border: 1px solid black;
    margin-top: 10px;
}

.innerRightAreaText {
    width: 200px;
    margin-left: 5px;
    font-size: 0.85em;
    overflow: hidden;
    white-space: nowrap;
}

/* HOME PAGE */
#ontv {
    height: 270px;
    background-color: #728776;
}
#poll {
    height: 160px;
    background-color: #728776;
    text-align: center;
    overflow: hidden;
}
#content {
    height: 94px;
    background-color: #728776;
}

#ad {
    top:140px;			/*was 101*/
    height:563px;
    border-top:0;
    text-align: center;
    padding: 0;
    padding-top: 5px;
}

#footer {
    position:relative;
    top:27px;
    left:331px;
    width:337px;
    height: 90px;
    border:1px solid black;
    background-color:#ADADAD;
    font-size:0.7em;
    text-align:center;
}

.centre {
    text-align: center;
}

#singlePane {
    background-color:#728776;
    padding-top: 5px;
    padding-left: 5px;
}

.warning {
    background-color: #FF0000;
    font-weight: bold;
    text-align: center;
}

.hide {
    display: none;
}
.show {
    display: block;
}

.schTab {
    background-color: #d6ded4;
}

.mouseOver:hover {
    cursor: pointer;
}

#fullImage {
    position: relative;
    top: 5px;
    left: 5px;
    z-index: 10;
    margin: 0 auto;
    text-align: center;
    font-size: larger;
}
#fullImageControl, #vTabCtrl {
    background-color: #000000;
    color: #FFFFFF;
    font-weight: bold;
    display:inline;
    padding-left: 50px;
    padding-right: 50px;
}
#vTabCtrl {
    text-align: center;
    display: block;
}
#fullImageControl a, #vTabCtrl a {
    color: #FFFF00;
}

#horizon {
    background-color: #CDCDCD;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
}

.outgoing {
	margin-left: -250px;
	position: absolute;
	top: -50px;
	left: 50%;
	width: 500px;
	height: 100px;
    font-size: 0.75em;
    overflow: hidden;
}

#outgoingBack {
    float: left;
    margin-top: 3px;
    margin-left: 20px;
    border: 1px solid black;
    padding:2px;
}

#outgoingForward {
    float: right;
    margin-top: 3px;
    margin-right: 20px;
    border: 1px solid black;
    padding:2px;
}

#outgoingBack:hover, #outgoingForward:hover {
    cursor: pointer;
    background-color:#b5c7b3;
}

.dropShadow {
    border: 1px solid #000000;
    border-right: 2px solid #000000;
    border-bottom: 3px solid #000000;
}