/* Basic styles for all browsers
---------------------------------------- */
body
{
margin: 8px;
padding: 0;
background: #fff;
color: #000;
font-family: Verdana, Arial, sans-serif;
}
/* Font styles
----------------------------------------- */
div, p, blockquote, th, td, li, dd, ul, ol { font-family: Verdana, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 {font-family: Helvetica, sans-serif; padding: 0; margin:1.4em 0 0.2em 0;}
body { font-size: 82%; }
h1{font-family: Helvetica, sans-serif;font-size: 1.35em;}
h2{font-family: Helvetica, sans-serif;font-size: 1.30em;}
h3{font-family: Helvetica, sans-serif;font-size: 1.15em;}
h4{font-family: Helvetica, sans-serif;font-size: 1.00em;}
h5{font-family: Helvetica, sans-serif;font-size: .95em; font-style: italic;}
h6{font-family: Helvetica, sans-serif;font-size: 1.00em; font-weight: normal; font-style: italic;}
a:link{color: #0099CC;}
a:visited{color: #888888;}
a:active{color: #999999;}
ol, li
{
font-size: 1em;
line-height: 1.5em;
padding: 0;
margin-left: 14px;
margin-top: 0.1em;
margin-bottom: 0.1em;
}
ul, li
{
font-size: 1em;
line-height: 1.5em;
padding: 0;
margin-left: 8px;
margin-top: 0.1em;
margin-bottom: 0.1em;
}
p
{
font-size: 1em;
line-height: 1.5em;
margin: 0.8em 0em 0.5em 0em;
}
li > p { margin-top: 0.2em; }
.wrapper { min-width: 770px; }
/* Allways good to have on full width liquid CSS layouts,
google "min-width IE" for JS solutions there */
.wrapper { margin: -1px -1px 0 0; }
/* this is a border with marginal compensation to stop scroll bars */
/* Setup (This all looks neater when it isn't put on display!) */
.wrapper {
width: 100%; /* total width */
}
.outer {
border-left-width: 170px; /* left column width */
border-left-color: #fff; /* left column colour */
border-right-width: 0; /* right column width */
border-right-color: #fff; /* right column colour */
background-color: #fff; /* center column colour */
}
.left {
width: 170px; /* left column width */
margin-left: -170px; /* _negative_ left column width */
}
.right {
width: 0; /* right column width */
margin-right: 0; /* _negative_ right column width */
}
.topbottom {
background-color: #ffc; /* header and footer colours */
}
/* Main code */
.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { margin: 0; width: 100%; }
.left { float: left; position: relative; z-index: 10; }
.right { float: left; position: relative; z-index: 11; }
.center { float: left; width: 100%; position: relative; z-index: 12; }
.topbottom { width: 100%; position: relative; z-index: 13; }
.clear { clear: both; }
/* Mozilla code */
.outer > .inner { border-bottom: 1px solid #FFF; }
.left { margin-right: 1px; }
.right { margin-left: 3px; }
.center { margin: 0 -3px 0 -2px; }
/* Other rules
----------------------------------------- */
hidden { display: none; }
#scentbox
{
margin-top: 54px;
padding: 0 0 0 15px;
}
/* Hides from IE5-mac \*/
* #scentbox {height: 1%;}
/* End hide from IE5-mac */
.right h2
{
text-align: left;
font: bold 10px Arial;
color: #09c;
padding: 0;
margin: 0;
background: #09c url(http://www.handbook.uts.edu.au/images/rndcnr_right.gif) no-repeat top right;
}
.right h2.bottom
{
background: #09c url(http://www.handbook.uts.edu.au/images/rndcnr_bot_r.gif) no-repeat bottom right;
}
#sbox-content
{
border-right: solid 1px #09c;
border-left: solid 1px #09c;
margin: 0;
padding: 10px;
font-family: verdana;
font-size: 82%;
}
ol.a
{
list-style-type: lower-alpha
}
ol.i
{
list-style-type: lower-roman
}
/* Banner variations
----------------------------------------- */
#banner
{
width: 100%;
margin: 0;
padding: 0;
background: #09C;
white-space: nowrap;
height: 27px;
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family: inherit;
height: 43px;
}
html>body #banner
{
height: 43px;
/* ie5win fudge ends */
}
#banner img { display: inline; }
#bannerbus
{
width: 100%;
margin: 0;
padding: 0;
background: #09C url(http://www.handbook.uts.edu.au/images/bgbus.gif);
white-space: nowrap;
height: 27px;
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family: inherit;
height: 43px;
}
html>body #bannerbus
{
height: 43px;
/* ie5win fudge ends */
}
#bannerbus img { display: inline; }
#bannerdab
{
width: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
height: 27px;
background: #09C url(http://www.handbook.uts.edu.au/images/bgdab.gif);
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family: inherit;
height: 43px;
}
html>body #bannerdab
{
height: 43px;
/* ie5win fudge ends */
}
#bannerdab img { display: inline; }
#banneredu
{
width: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
background: #09C url(http://www.handbook.uts.edu.au/images/bgedu.gif);
height: 27px;
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family: inherit;
height: 43px;
}
html>body #banneredu
{
height: 43px;
/* ie5win fudge ends */
}
#banneredu img { display: inline; }
#bannereng
{
width: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
background: #09C url(http://www.handbook.uts.edu.au/images/bgeng.gif);
height: 27px;
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family: inherit;
height: 43px;
}
html>body #bannereng
{
height: 43px;
/* ie5win fudge ends */
}
#bannereng img { display: inline; }
#bannerhss
{
width: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
background: #09C url(http://www.handbook.uts.edu.au/images/bghss.gif);
height: 27px;
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family: inherit;
height: 43px;
}
html>body #bannerhss
{
height: 43px;
/* ie5win fudge ends */
}
#bannerhss img { display: inline; }
#bannerit
{
width: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
background: #09C url(http://www.handbook.uts.edu.au/images/bgit.gif);
height: 27px;
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family: inherit;
height: 43px;
}
html>body #bannerit
{
height: 43px;
/* ie5win fudge ends */
}
#bannerit img { display: inline; }
#bannerlaw
{
width: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
background: #09C url(http://www.handbook.uts.edu.au/images/bglaw.gif);
height: 27px;
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family: inherit;
height: 43px;
}
html>body #bannerlaw
{
height: 43px;
/* ie5win fudge ends */
}
#bannerlaw img { display: inline; }
#bannernmh
{
width: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
background: #09C url(http://www.handbook.uts.edu.au/images/bgnmh.gif);
height: 27px;
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family: inherit;
height: 43px;
}
html>body #bannernmh
{
height: 43px;
/* ie5win fudge ends */
}
#bannernmh img { display: inline; }
#bannersci
{
width: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
background: #09C url(http://www.handbook.uts.edu.au/images/bgsci.gif);
height: 27px;
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family: inherit;
height: 43px;
}
html>body #bannersci
{
height: 43px;
/* ie5win fudge ends */
}
#bannersci img { display: inline; }
#banneriis
{
width: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
background: #09C url(http://www.handbook.uts.edu.au/images/bgiis.gif);
height: 27px;
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family: inherit;
height: 43px;
}
html>body #banneriis
{
height: 43px;
/* ie5win fudge ends */
}
#banneriis img { display: inline; }
/* Left navigation layout
----------------------------------------- */
#navcontainer
{
margin: 5px 0 0 0;
padding: 0;
width: 150px;
}
#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
#navcontainer ul ul
{
width: 130px;
padding: 1px 0 1px 5px;
margin: 1px 0;
}
#navcontainer ul li
{
float: left;
text-align: left;
padding: 0;
margin: 0;
width: 130px;
}
/* Left navigation style
----------------------------------------- */
#navcontainer ul li a
{
width: 125px;
padding: 1px 0;
margin: 0;
color: #000000;
text-decoration: none;
text-align: left;
font: normal 0.95em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", Arial, verdana, sans-serif;
font-weight: bold;
display: block;
}
.topbotborder
{
width: 125px;
border-bottom: 1px solid #0099CC;
border-top: 1px solid #0099CC;
}
#navcontainer ul li.handbook
{
padding-bottom: 2px;
border-bottom: 1px solid #0099CC;
}
#navcontainer ul li.calendar
{
margin-top: 2px;
padding-top: 20px;
border-top: 1px solid #0099CC;
border-bottom: 1px solid #0099CC;
}
#navcontainer ul li.oform
{
margin-top: 2px;
padding-top: 20px;
border-top: 1px solid #0099CC;
}
#navcontainer ul li.handbook2
{
margin-top: 2px;
padding-top: 3px;
border-top: 1px solid #0099CC;
}
#navcontainer ul ul li a
{
padding: 1px 0;
margin: 0;
color: #000000;
text-decoration: none;
text-align: left;
font: normal 0.85em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", Arial, verdana, sans-serif;
font-weight: bold;
display: block;
}
#navcontainer ul li.spacer
{
margin-top:10px;
}
#navcontainer ul li a.wide { width: 130px; }
#navcontainer ul li a:hover
{
color: #FFFFFF;
background: #0099CC;
text-decoration: none;
}
#navcontainer ul li#active a:hover
{
color: #000;
}
body#hbooks #navcontainer ul li a.hbooks,
body#calendar #navcontainer ul li a.calendar,
body#oform #navcontainer ul li a.oform,
body#contact #navcontainer ul li a.contact,
body#applying #navcontainer ul li a.applying,
body#addreses #navcontainer ul li a.addresses,
body#search #navcontainer ul li a.search
{
background: #FFFFFF;
color: #0099CC;
font: normal 1.15em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", Arial, verdana, sans-serif;
font-weight: bold;
}
#subsec2
{
border-top: 1px solid #0099CC;
}
/* Content-specific css please note that in order
to left/right-aligned table content (whether it's td or th,
always use 'leftalign' and 'rightalign' in the class.
----------------------------------------- */
table
{
background-color:#FFF;
border-collapse:collapse;
border:0;
}
th, td
{
padding: 6px;
font-size: 1em;
margin:0;
vertical-align: top;
}
th.leftalign
{
text-align: left;
}
th.rightalign
{
text-align: right;
}
td.leftalign
{
text-align: left;
}
td.centeralign
{
text-align: center;
}
td.rightalign
{
text-align: right;
}
table.wborder
{
border: 1px solid #000;
border-collapse:collapse;
}
.wborder td
{
border: 1px solid #000;
}
.wborder th
{
border: 1px solid #000;
}
.wborder th.leftalign
{
border: 1px solid #000;
text-align: left;
}
.wborder th.rightalign
{
border: 1px solid #000;
text-align: right;
}
.centre td, .centre th
{
text-align: center;
}
.centre td.leftalign
{
text-align: left;
}
.centre td.rightalign
{
text-align: right;
}
th.cell_small
{
width: 5%;
}
th.cell_med
{
width: 10%;
}
th.cell_large
{
width: 20%;
}
td.cell_small
{
width: 5%;
}
td.cell_med
{
width: 10%;
}
td.cell_large
{
width: 20%;
}
img
{
border: 0;
}
.contacts
{
font-size: 1em;
line-height: 1.65em;
margin: 0.5em 0em 1em 0em;
}
.footnote
{
font-size: 1em;
line-height: 1.65em;
margin: 0.5em 0em 1em 0em;
}
.program
{
line-height: 1.65em;
margin: 0.5em 0em 1em 0em;
}
.program h1
{
font-family: Arial, sans-serif;
font-size: 1em;
font-weight: bold;
border-bottom: 1px solid #09C;
margin: 5px 0 15px 0;
padding: 5px 0 2px 0;
}
.program h2
{
font-size: 1em;
font-weight: normal;
font-style: italic;
}
.heading h1
{
font-family: Arial, sans-serif;
font-size: 24px;
font-weight: bold;
line-height: 34px;
border-bottom: 2px solid #09c;
margin: 0 0 15px 0;
padding: 10px 0 10px 0;
}
/* Hides from IE5-mac \*/
* .heading h1 {height: 1%;}
/* End hide from IE5-mac */
#footer
{
padding: 5px;
margin-top: 30px;
margin-bottom: 10px;
text-align: center;
line-height: normal;
font-size: 11px;
}
strong, b
{
font-weight: bold;
}
.small { font-size: 0.85em;
text-align: left; }
----------------------------------------- */
.noterule
{
border-top: 2px solid #09c;
margin: 15px 0 0 0;
}
