body {
   padding:8px 0px 8px 0px; 
   margin:0px;
   font-family:verdana, arial; 
   font-size:10pt;
}

h1 {
   font-family:verdana, arial; 
   font-weight:bold; 
   font-size:16pt;
   margin:0px 0px 18px 0px;
   text-align:center;
}

h2, 
h3, 
h4 {
   font-family:arial; 
}

h2 {
   font-size:12pt;
   font-weight:bold;
}

h3 {
   font-size:11pt;
   font-weight:normal;
   font-style:italic;
}

.wrapper {
   margin: 0px auto;
   width:764px;
}

div.breaker {
   clear:both;
   width:90%; height:0px;
   font-size:0pt;
   visibility:hidden;
}

.main {
   width:764px; /* real width is 754px */
   min-height:355px;
   border-style:none solid;
   border-width:0px 5px;
}

/* hack for IE to ensure a min-height */
*html body .main {
height:355px;
}

.content {
   width:606px;
   padding: 0px 24px 0 12px;
   float:left;
   position:relative;
}

/*--------------------------------------------- rounded borders ----------------------------------------------------- */

.toprow, 
.bottomrow {
    width:764px;
    height:24px;
    clear:both;
}
.ul,
.ur,
.bl,
.br {
    width:24px; 
    height:24px;
    float:left;
    background-repeat:none;
}

.um,
.bm {
    width:716px; 
    height:24px; /* real height is 19px */
    float:left;
}

.um {
    border-top-width:5px;
    border-top-style:solid;
}
.bm {
    border-bottom-width:5px;
    border-bottom-style:solid;
    color:#aaa;font-size:8pt;text-align:right; /* for last modified date */
}

/*---------------------------------------------------- sidebar ------------------------------------------------------ */

.sidebar {
   float:left;
   width:148px;
   padding: 0px 16px;
}

.sidebar a {
   display:block;
   font-family:verdana, arial; font-size:7.5pt;  font-weight:bold; text-decoration: none;  
   border: 1px solid; 
   width:110px;
   padding:3px 2px 4px 2px;  
   margin: 3px 0px 0px 0px;
   text-align:center;
}

.sidebar a:hover {
   border: 2px solid; 
   padding:2px 1px 3px 1px;  
}

.sectionIcon {
    margin:0 auto 20px auto;
    display:block;
}

.currentlink {
   font-family:verdana; font-size:7.5pt;  font-weight:bold; text-decoration: none; 
   border-width:2px; border-style:solid; 
   background:#fff;
   width:110px;
   padding:2px 1px 3px 1px;  
   margin: 3px 0px 0px 0px;  
   text-align:center;
}



/*----------------------------------------------------- tabs ---------------------------------------------------------*/

.tabs {
   margin:0 auto;
   /*padding-left:5px;*/
   padding-left:20px;
   width:708px;
}

/* selected tabs */
.tabs div {
   color:#fff;
   display:block;
   float:left;
   width:117px;height:25px;
   margin: 0px; 
   padding:0px 0px 0px 0px;
   font: bold 14px arial; text-decoration: none; text-align:left; text-indent: 32px; line-height: 185%;
}

.tab_home_on { background: url("/images/tabs/homeon.png") top left no-repeat;}
.tab_gallery_on { background: url("/images/tabs/galleryon.png") top left no-repeat;}
.tab_links_on { background: url("/images/tabs/linkson.png") top left no-repeat;}
.tab_favourites_on { background: url("/images/tabs/favon.png") top left no-repeat;}
.tab_messageboard_on { background: url("/images/tabs/mbon.png") top left no-repeat;}
.tab_academic_on { background: url("/images/tabs/acon.png") top left no-repeat;}

/* general tab properties */
.tabs a {
   display:block;
   float:left;
   width:117px;height:25px;
   margin: 0; 
   padding:0px 0px 0px 0px;
   font: bold 14px arial;
   text-decoration: none;
   text-align:left;
   text-indent: 32px;
   line-height: 185%;
}


/* locations of individual tab images and text colours */
.tab_home {
    color:#00f; 
    background: url("/images/tabs/home.png") top left no-repeat;
}
.tab_gallery {
    color:#339; 
    background: url("/images/tabs/gallery.png") top left no-repeat;
}
.tab_links {
    color:#936; 
    background: url("/images/tabs/links.png") top left no-repeat;
}
.tab_favourites {
    color:#93f; 
    background: url("/images/tabs/fav.png") top left no-repeat;
}
.tab_messageboard {
    color:#c09; 
    background: url("/images/tabs/mb.png") top left no-repeat;
}
.tab_academic {
    color:#69f; 
    background: url("/images/tabs/ac.png") top left no-repeat;
}

/* what to do on tab hover */
.tabs a:hover{ 
    background-position: 0 -30px;
}


/*------------- hide real css from browsers < ie55 ------------*/
.sidebar {
   voice-family: "\"}\""; 
   voice-family: inherit;
   width:116px;
}
.um,
.bm {
   voice-family: "\"}\""; 
   voice-family: inherit;
   height:19px;
}
.main {
   voice-family: "\"}\""; 
   voice-family: inherit;
   width:754px;
}
.content {
   voice-family: "\"}\""; 
   voice-family: inherit;
   width:570px;
}

/*---------------------------------------- Other CSS ---------------------------------------------------------------- */

div.validationError {
    color:#f00;
    border:1px solid #f00;
    padding:3px;
    background:#fee;
    margin-top:10px;
    margin-bottom:10px;
}   

.emailSeparator {
    position:relative;
    top:2px;
}