/*
* Stylesheet for Faculty of Information Technology 
* Inherit main styles from centrally-maintained stylesheets
* Use only for colour changes and additional styles that do not require cross-browser/platform support
* Use only relative font sizes - (em is preferred, no px or pt) 
*/



/* Page header */
body {
font-family: Helvetica, Arial, sans-serif;
}

#global-nav, #global-nav a, #global-nav a:link, #global-nav a:visited, #global-nav a:hover {
    background-color: #653579;
    color: #fff;
}

#global-utils, #global-utils a, #global-utils a:link, #global-utils a:visited, #global-utils a:hover, #global-utils-form {
    background-color: #C1AEC9;
    color: #000;
}
.globalnav, .globalnav a, globalnav a:link, globalnav a:visited, .globalnav a:hover {
    background-color: #653579;
    color: #fff;
}

/* Headings */

h1, h2, h3, h4 {
	color: #339;
}

h5, h6 {
	color: #666;
}

th {
    background-color: #653579;
    color: #fff;
}

.globalnav, .globalnav a, globalnav a:link, globalnav a:visited, .globalnav a:hover {
    background-color: #653579;
    color: #fff;
}

/* Highlight boxes */

.highlight {
	 border: 1px solid #C1AEC9;
	 margin-top: 1em;
}

.section-highlight {
    border: 1px solid #C1AEC9;
    margin-top: 4em;
}

.highlight-header {
    background-color: #C1AEC9;
    color: #000;
	border-bottom: 1px solid #C1AEC9;
}

.highlight-body {
	background-color: #fff;
	color: #000;
}

.highlight-body ul {
    background-color: #fff;
    color: #000;
}

.highlight-body a, .highlight-body a:link {
    color: #339;
}

/* Section navigation */

#section-nav {
    background-color: #EFEAF1;
    color: #339;
	border-left: 1px solid #ccc;
	border-right: 1px dashed #ccc;
}

.section-nav-body ul, .section-nav-body a, .section-nav-body a:link {
    background-color: #EFEAF1;
    color: #339;
}



/* Sitemap */

.sitemap-dark-header {
    background-color: #653579;
    color: #fff;
	border: 1px solid #339;
}

.sitemap-dark-header a, .sitemap-dark-header a:link, .sitemap-dark-header a:visited {
	color: #fff;
}

.sitemap-dark-body {
	background-color: #fff;
	color: #000;
	border: 1px solid #ccc;
}

.sitemap-light-header {
	background-color: #666;
	color: #fff;
	border: 1px solid #666;
}

.sitemap-light-header a, .sitemap-light-header a:link, .sitemap-light-header a:visited {
	color: #fff;
}

.sitemap-light-body {
	background-color: #fff;
	color: #999;
	border: 1px solid #ccc;
}

.sitemap-light-body a, .sitemap-light-body a:link  {
	color: #666;
}

/* Footer styles */

#footer, #section-nav-footer {
	background-color: #fff;
	color: #666;
	border-top: 1px solid #ccc;
	font-size: 9pt;
	text-align: right
}

#footer a, #footer a:link, #footer a:visited, #section-nav-footer a, #section-nav-footer a:link, #section-nav-footer a:visited {
	background-color: #fff;
	color: #666;
	font-size: 9pt
}

.columnheader {
	color: #653579;
	font-weight : bold;
}
.columnheader-larger {
	color: #653579;
	font-weight: bold;
	font-size: 16px;
}

/*column body */

#column-body {
    background-color: #EFEAF1;
    color: #339;
}
.column-body-coloured-border {
    background-color: #EFEAF1;
    color: #339;
	 border: 1px solid #C1AEC9;
}
.column-body ul, .column-body a, .column-body a:link {
    background-color: #EFEAF1;
    color: #339;
}
.column-body-border {
	border: 1px solid #000000;
	margin-top: 0.25em;
	margin-bottom: 2em;
}
.column-body-border-left {
	border-left: 1px solid #000000;
}
.column-body-border-right {
	border-right: 1px solid #000000;
}
.column-body-brokenborder-left {
	border-left: 1px dotted #CBCBCB;
}

.blurp {
	color: Gray;
	font-weight: normal;
	font-size: 16px;
}
.nop {
text-align: right
}
.space {
margin-left: 50px;
margin-right: 50px;
}
.small {
font-size: 9pt
}
.smallright {
text-align: right;
font-size: 9pt
}
.left {
text-align: left
}
.bold {
font-weight: 600
}
.right {
text-align: right;
}
.maxwidth {
width: 600px
}
.italic {
 font-style: italic
}
dl {
font-size: 10pt
}
.title {
font-size: 12pt;
margin-left: 3px;
background-color: #D6D6ED
}
.publishing {
font-size: 9pt;
margin-left: 3px
}
p {
width: 60%
}