/* TRANSPORT STUDIES GROUP - UNIVERSITY OF WESTMINSTER */
/*          http://home.wmin.ac.uk/transport/          */


/* **********GENERAL FORMATTING********** */

html, body {
font-family: Arial, Helvetica, Verdana, sans-serif;
background-color: #FFFFFF;
background-image: none;
}

/* NB: avoid user style sheet conflicts - specify background and color properties together */
/* NB: avoid user style sheet conflicts - specify background-image and background-color properties together */

html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dd, dt, blockquote {
font-family: Arial, Helvetica, Verdana, sans-serif;
background-color: #FFFFFF;
background-image: none;
color: #000000;
}



/* **********LINK FORMATTING********** */

/* "a" and "a2" link styles */
a:link, a.a2:link {
background-color: #FFFFFF;
background-image: none;
color: #0000FF;
text-decoration: underline;
}

a:visited, a.a2:visited {
background-color: #FFFFFF;
background-image: none;
color: #0000FF;
text-decoration: underline;
}

a:active, a.a2:active {
background-color: #FFFFFF;
background-image: none;
color: #0000FF;
text-decoration: none;
}

a:hover {
background-color: #0000FF;
background-image: none;
color: #FFFFFF;
text-decoration: none;
}

/* "a2" link style over-ride for image links (transparent backgrounds) */
a.a2:hover {
background-color: #FFFFFF;
background-image: none;
color: #FFFFFF;
text-decoration: none;
}



/* **********TABLE FORMATTING********** */
/* cellspacing/cellpadding not valid */

/* odd things are happening to the table - something is not quite right */
/* table { */
/* border: 0; */
/* cellspacing: 0; */
/* cellpadding: 4; */
/* } */


td {
/* font-family: Arial, Helvetica, sans-serif; */
background-color: #FFFFFF;
background-image: none;
color: #000000;
}



/* **********CLASSES********** */
/* ensure class has HTML element - else may work ok in IE/Netscape but not Opera */

p.tsgfooter {
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-size: 75%;
text-align: left;
}

p.tsgtextonly {
font-weight: bold;
text-align: left;
line-height: 200%;
}

p.tsglink {
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-size: 80%;
text-align: left;
}

p.tsglinkred {
background-color: #FFFFFF;
background-image: none;
color: #FF0000;
font-size: 80%;
text-align: left;
}

/* NB: tsgpub renamed from tsgpublication to save field space in online DB lookup */
/* NB: tsgpub is also used by JLE WP full listing 04/06/2009 */

p.tsgpub {
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-size: 75%;
text-align: left;
}

/* NB: tsgpubref renamed from tsgpublicationref to save field space in online DB lookup */

p.tsgpubref {
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-size: 75%;
font-weight: bold;
text-align: left;
}

p.tsgtopmsg {
/* background-color: #FFFECC; */
background-image: none;
color: #FF0000;
font-size: 110%;
font-weight: bold;
text-align: center;
}

/* NB: these "." classes are suitable for <span> */

/* tsgscsmall = p.tsgpub */

.tsgscsmall {
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-size: 75%;
text-align: left;
}



/* **********PAGE LAYOUT********** */
/* frame now replaces table layout */

/* width constrained to 600px to match banner - can be larger */
/* UoW maroon = #990D34 */

#frameContainer {
width: 602px;
height: auto;
/* padding: 0px; */
float: left;
text-align: left;
border: none;
/* border: 1px dashed #DCDCDC; */
background-color: #FFFFFF;
/* background-color: #FFFECC; */
background-image: none;
}

#frameTopMsg {
width: 600px;
height: auto;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
padding-top: 0px;
padding-bottom: 3px;
padding-right: 0px;
padding-left: 0px;
/* padding: 0px; */
float: left;
/* text-align: center; */
border: none;
/* border: 1px solid; */
/* background-color: #FFFECC; */
/* background-color: #FFFFFF; */
background-image: none;
}

#frameHeader {
width: 600px;
height: 150px;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
padding: 0px;
float: left;
text-align: left;
border: none;
/* border: 1px solid; */
background-color: #FFFFFF;
/* background-color: #FFCCCC; */
background-image: none;
}

#frameBody {
width: 600px;
height: auto;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
padding-top: 0px;
padding-bottom: 15px;
/* padding-right: 0px; */
/* padding-left: 0px; */
/* padding: 0px; */
float: left;
text-align: left;
border: none;
/* border: 1px solid; */
background-color: #FFFFFF;
/* background-color: #FFFECC; */
background-image: none;
}

#frameFooter {
width: 600px;
height: auto;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
padding-top: 15px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
/* padding: 0px; */
float: left;
text-align: left;
border-top: 3px solid #990D34;
/* border: none; */
/* border: 1px solid; */
background-color: #FFFFFF;
/* background-color: #FFCCCC; */
background-image: none;
}

/* style gallery frame - reuse this master as a class */

.frameGallery {
width: 99%;
height: 350px;
float: left;
padding-right: 3px;
padding-left: 3px;
margin: 3px 0px 3px 0px;
/* padding TOP RIGHT BOTTOM LEFT */
/* padding: 0 10 0 10px; */
text-align: left;
/* border: none; */
border: 1px dashed #DCDCDC;
background-color: #FFFFFF;
/* background-color: #DCDCDC; */
background-image: none;
}