/* Included stylesheets:
COMMON:
	/common/reset.css
	/common/colours.css
	/common/styles.css
	/common/forms.css
	/common/tables.css
DESKTOP-960:
	/layouts/960.css
	/desktop/images.css
	/desktop/typography.css
	/desktop/lists.css
	/desktop/styles.css
	/desktop/forms.css
	/desktop/tables.css
*/


/* 
    reset.css
    ------------------
    some common resets - now with html5 elements
    ------------------
    adapted from: http://meyerweb.com/eric/tools/css/reset/ 
    Justin Cawthorne 11/06/2012
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/ /* removed due to it disabling <strong> tags */
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 
    colours.css
    ------------------
    colour settings common to styles for all devices
    this stylesheet should not reference any background images!
    ------------------
    Justin Cawthorne 11/06/2012
*/

/* main sections */

body {
    /* gradient */
    background: -moz-linear-gradient(top, #a70e2a 0%, #2c010a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a70e2a), color-stop(100%,#2c010a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a70e2a 0%,#2c010a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a70e2a 0%,#2c010a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a70e2a 0%,#2c010a 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a70e2a 0%,#2c010a 100%); /* W3C */
    /* default */
    background-color: rgb(44, 1, 10);
    background-repeat: no-repeat;
    background-attachment:fixed;    
}
#header {
    background-color: rgb(228, 207, 168);
    /* gradient */
    background: -moz-linear-gradient(top, #f9e9c8 0%, #e4ca98 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9e9c8), color-stop(100%,#e4ca98)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9e9c8 0%,#e4ca98 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9e9c8 0%,#e4ca98 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9e9c8 0%,#e4ca98 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9e9c8 0%,#e4ca98 100%); /* W3C */
}
#page-container {
    background-color: rgb(255, 255, 255);
}
#main-nav {
    background-color: rgb(239, 229, 201);
    border-color: rgb(255, 255, 255);
}
#footer {
    background-color: rgb(241, 237, 227);  
}

/* links */

a {
	color: rgb(153, 0, 0);
}
a:hover {
	color: rgb(102, 0, 0);
}
#header a, #footer a {
	color: rgb(85, 85, 85);
}
#header a:hover, #footer a:hover {
	color: rgb(51, 51, 51);	
    color: rgb(102, 0, 0);
}
#main-nav a {
	color: rgb(0, 0, 0);
}
#main-nav a:hover {
	color: rgb(153, 0, 0);
}

/* text elements */

div.main-content {
    color: #222;
}
h2, h4, h6 {
    /*color: rgb(51, 51, 51);*/
    /*color:  rgb(0,0,0);*/
    /*color: #aa9774;*/
    color: #ce0000;
}
h3, h5 {
    /*color: rgb(51, 51, 51);*/
    color:  rgb(0,0,0);
}

/* promo and aside areas */

.aside, .promo {
    background-color:  rgb(241, 237, 227);
    border-color: rgb(228, 207, 168);
    color: rgb(51, 51, 51);
}
.aside h6, .promo h6 {
    color:  rgb(0,0,0);
    background-color: rgb(228, 207, 168);
}
.disclaimer h6 {
    color: rgb(51, 51, 51);    
}
.aside h6.subheader, .promo h6.subheader {
    background: none;
}
.disclaimer {
    color: rgb(51, 51, 51);
}

/* highlights */

.highlight {
	border: 1px solid #E4CFA8;
	background-color: #fff;
	color: #333;
}
.highlight h6 {
	background-color: #E4CFA8;
	border-bottom: 4px solid #990000;
    color: rgb(0,0,0);
}
.highlight-content{

}
.highlight p.readmore {
	background-color: #E4CFA8;
	
}

/* quick links section */

#quick-links h6 {
	background-color: rgb(228, 207, 168);
	color: rgb(51, 51, 51);
}
#quick-links li.heading {
	color: rgb(153, 0, 0);
}
#quick-links a {
	color: rgb(82, 82, 82);
}
#quick-links a:hover {
	color: rgb(0, 0, 0);
    color: rgb(102, 0, 0);
}


/* 
    styles.css (common)
    ------------------
    all other styles that are not covered by previous stylesheets
    e.g. borders around elements, styling for menus, main search form, etc
    ------------------
    Justin Cawthorne 11/06/2012
*/

/* --------------------
	header
-------------------- */


#global-bar {
    overflow: auto;
}

/* header nav */

#header-nav {

}
#header-nav ul {
	line-height: 24px;
	height: 20px;
    margin-left: 10px;
}
#header-nav ul li{
	float: left;
	margin: 0 2px 0 3px;
}
#header-nav ul li:after {
	content: " | ";
}
#header-nav ul li:last-child:after {
	content: '';
}

/* header search */

#header-search label {
    display: none;
}
#header-search input {
	font-size: 0.6875em;
	padding: 1px;
	vertical-align:middle
}
#header-search input[type="text"] {
	border: 1px solid rgb(183, 168, 139);
	padding: 2px;
	width: 162px;
}
#header-search input[type="submit"] {
	background-color: #767676;
	color: #fff;
	border: none;
	padding: 2px 5px;
}

/* logo */

/* use a:hover as well to hide issues with link text showing in safari */

#header-logo a,
#header-logo a:hover {
    display: block;
    width: 100%;
    height: 100%;
    /* css to hide link text (which is present for accessibility reasons)*/
    line-height: 0;
    font-size: 0;
    color: transparent;
}

/* --------------------
	breadcrumbs
-------------------- */

#breadcrumbs {

}
#breadcrumbs ul {
	margin: 0 10px;
	line-height: 28px;
}
#breadcrumbs > ul li {
	float: left;
    margin-right: 5px;
}
#breadcrumbs > ul li:before {
	content: " > ";
}
#breadcrumbs > ul li:first-child:before {
	content: '';
}
#user-info ul li {
	float: left;
	margin-left: 10px;
}

/* --------------------
	main navigation
-------------------- */

#main-nav {
    margin-bottom: 10px;
}
#main-nav ul {
	padding: 4px 10px;
}
#main-nav ul a {
	font-weight: bold;
}
#main-nav li ul {
	border-top: solid 1px #fff;
	padding: 0;
}
#main-nav ul li {
	border-bottom: solid 1px #fff;
}
#main-nav ul li.active {
	color: #990000;
}
#main-nav ul li.active a {
    text-decoration:  underline;
	color: #990000;
}

/* nested menus */

#main-nav li ul li:last-child {
	border: none;
}
#main-nav li ul li{
	padding-left: 20px;
}

/* --------------------
	promo boxes, disclaimers and asides
-------------------- */

.promo, 
.aside,
.highlight {
    border-style: solid;
    border-width: 1px;
}

.promo img, 
.aside img,
.highlight img {
    float: left;
    margin: 0 5px 5px 0;
}

/* --------------------
	quicklinks
-------------------- */

#quick-links {

}
#quick-links h6 {
	padding: 2px 10px;
}
#quick-links ul {
	font-size: 0.6875em;	
    float: left;
	display: block;
	width: 25%;
	margin-top: 10px;
	margin-bottom: 20px;
}
#quick-links ul li {
	padding-left: 20px;
}
#quick-links ul li a {
	color: #525252;
}
#quick-links ul li.heading {
	font-weight: bold;
	color: #990000;
	margin-top: 10px;
}

/* --------------------
	footer sections
-------------------- */

#footer-logo {
	border-right: 1px dashed #767676;
}
#footer-legal {
	float: left;
}
#footer-links {
	float: right;
}
#footer-legal ul li, 
#footer-links ul li{
	float: left;
}
#footer-legal ul li:after,
#footer-links ul li:after {
	content: " |";
}
#footer-legal ul li:last-child:after,
#footer-links ul li:last-child:after {
	content: '';
}

/* --------------------
	generic helper styles
-------------------- */

div.code {
   border: dashed 1px #999;
   background-color: #f5f5f5;
   padding: 0.5em;
   margin: 0.5em 0;
   line-height: 1.25em;
}
div.code pre {
    white-space: pre-wrap; 
    word-wrap: break-word;
}
.code-comment {
    color: #999;
}
.code-attribute {
    font-weight: bold;
    color: #000 !important;
    margin: 0 !important;
    
}

/* 
    forms.css (common)
    ------------------
    form colours and styles that are consistent across all devices
    ------------------
    Justin Cawthorne 11/06/2012
*/


/************************
    form colours 
************************/

#content-container form label {
	color: #333;
}
#content-container form span {
	color: #666;
}
.article form fieldset {
	border-color: #E4CFA8;
    /*border-color: #F1EDE3;*/
}
#content-container form legend {
    color: #333;
}
.article form legend {
    border-color: #E4CFA8;
    /*border-color: #F1EDE3;*/
    background-color: #F1EDE3;
    /*color: #990000;*/
    /*background-color: #E4CFA8;*/
}
#content-container form input,
#content-container form select,
#content-container form textarea {
   border-color: #ccc;
}
.article form input,
.article form select,
.article form textarea {
	background-color: #F1EDE3;
    background-color: #f5f5f5;
}
#content-container form input:focus,
#content-container form select:focus,
#content-container form textarea:focus {
   border-color: #777;
}
.article form input:focus,
.article form select:focus,
.article form textarea:focus {
	background-color: #fff;
}
.article form input[type="checkbox"]:checked,
.article form input[type="radio"]:checked {
    background-color: #00A500;
}
#content-container form input[type="submit"],
#content-container form input[type="button"] {
	font-weight: bold;
    background-color: #767676;
    border-color: #888 #555 #555 #888;
	color:#fff;
    cursor: pointer;
}

#content-container form input[type="submit"]:hover,
#content-container form input[type="button"]:hover {
	background-color: #666;		
    border-color: #555 #888 #888 #555;
}

/* authentication form colours */

.article form.authentication fieldset,
.article form.mais-authentication fieldset{
	background-color: #F1EDE3;
}

.article form.authentication legend,
.article form.authentication h4 {
    background-color: #E4CFA8;
    color: #333;
}
.article form.mais-authentication legend,
.article form.mais-authentication h4 {
    background: none;   
    color: #333;
}


/******************************* 
    validation 
*******************************/

.message {
    
 }
.error {
	padding: 5px;
    border: solid 1px #990000;
    color: #cc0000; 
    font-weight: bold;  
}
.valid-pass { 
    color: #008000 !important;
    /*
    background-image: url(https://static.murdoch.edu.au/mais/images/tick_10x10.png);  
    background-repeat: no-repeat; 
    background-position: 0px 4px; 
    padding:0 0 0 20px;
    */
}
.valid-fail { 
    color: #cc0000 !important;
    /*
    background-image: url(https://static.murdoch.edu.au/mais/images/cross_10x10.png); 
    background-repeat: no-repeat; 
    background-position: 0px 4px;
    padding:0 0 0 20px;
    */
}
.valid-pass:before{
    content: "\2714\0020"; /* heavy tick followed by space */
}
.valid-fail:before{
    content: "\2716\0020"; /* heavy cross followed by space */
}


/****************************************** 
    form styles
    stacked form (default) styles and positioning 
*******************************************/

.article form {
    
}
.article form p {
    
}
#content-container form fieldset {
	margin-top: 0.5em;
}
#content-container form legend {
	padding: 4px 10px;
}
.article form fieldset {
	margin-top: 1em;
    border-top-style: solid;
    border-top-width: 1px;  
}
.article form legend {
    margin-top: 0;
   	border-style: solid;
    border-width: 1px;
    /*border-width: 2px;*/
	padding: 4px 8px;
}

.article form fieldset p {
    margin-left: 1em;
}
#content-container form label {
 	display: block;
	/*margin-bottom: 5px; */
    font-weight: bold;
    padding: 2px 0;  
}

/* make checkboxes work nicely with labels */

.article form input[type="checkbox"] + label {
    margin-left: 0.4em;
    display: inline;
}
.article form input[type="checkbox"] + label + span.inset {
    margin-left: 3.5em;
}

#content-container form input,
#content-container form select,
#content-container form textarea {
   margin-bottom: 5px;
   border-style: solid;
   border-width: 1px;
   padding: 2px; 
}
.article form input[type="checkbox"],
.article form input[type="radio"] {
    width: 2em;
    margin-right: 0.5em;
    vertical-align: middle;	
    background: none;
    border: none;
}

.article form input[type="submit"],
.article form input[type="reset"],
.article form input[type="button"] {
    margin-left: 0;
    /*padding: 0 4px;*/
}
#content-container form span {
    /*margin-left: 0.5em;*/ /* removed due to conflict with tinymce */
    /*vertical-align: middle;*/
    vertical-align: top;
}

#content-container form span.inset {
    display: block;
    margin-left: 0;
}


/* required */

.article form label span {
    font-size: 0.75em;
    margin-left: 0.5em;
    /*vertical-align: middle;*/
}
.article form input[required],
.article form select[required],
.article form textarea[required] {

}


.article form label span.required {
    color: #cc0000;
    text-transform: uppercase;
}
.article form label span.optional {

}


/* different styling for reset button */

#content-container form input[type="reset"] {
	background: none;
    border: none;
    padding: 0;
	color:#660000;
    text-decoration: underline;
    cursor: pointer;
}
#content-container form input[type="reset"]:hover {
	color: #333;		
}

/****************************************** 
    form styles
    centered-form positioning 
*****************************************/

.article form.centered-form {
	
}
.article form.centered-form p {

}
.article form.centered-form fieldset{
    clear: both;
}
.article form.centered-form legend{
	
}
.article form.centered-form fieldset p{
    margin-left: 0;
}
.article form.centered-form span{

}
.article form.centered-form span.inset{
	display: block;

}
.article form.centered-form label{
	float: left;
	text-align: right;
}
.article form.centered-form input,
.article form.centered-form select,
.article form.centered-form textarea {

}


.article form.centered-form input[type="submit"],
.article form.centered-form input[type="reset"],
.article form.centered-form input[type="button"] {

}
.article form.centered-form input[type="checkbox"] {
    margin-top: 2px;
}

/*************************************
    form styles - authentication form 
    (centered by default) 
**************************************/


.article form.authentication,
.article form.mais-authentication {
	margin: 10px 0;
    padding-bottom: 10px;
}
.article form.authentication p,
.article form.mais-authentication p {
    margin: 10px;
}
.article form.authentication fieldset,
.article form.mais-authentication fieldset{
    border: none;
}
.article form.authentication legend{
    border: none;
    width: 100%;	
}
.article form.authentication span,
.article form.mais-authentication span{
    display: block;

}
.article form.authentication label,
.article form.mais-authentication label{
	float: left;
    text-align: right;
}
.article form.authentication input,
.article form.authentication select,
.article form.authentication textarea {

}


div.article form.authentication input[type="submit"],
div.article form.authentication input[type="reset"],
div.article form.authentication input[type="button"] {

}


/******************************************* 
    form styles - mais-authentication form 
    (centered by default) 
********************************************/

.article form.mais-authentication legend{
    font-size: 1.25em;
    border: 0;
}


/* 
    tables.css (common)
    ------------------
    styling for tables
    ------------------
    Justin Cawthorne 11/06/2012
*/


/* table colours */

table, td, th {
    border-color: #e4cfa8;
}
table thead {
	background-color: #e4cfa8;
    color: #333;
}
table tbody tr:nth-child(odd) {
	background-color: #f1ede3;
}
table tbody tr.header-row {
	background-color: #efe5c9;
}
table.row-header tr td:first-child {
	background-color: #e4cfa8;
}
table tfoot {
	background-color: #ecddbe;
}

/* table styles */


table {
	border-collapse: collapse;
	border-style: solid;
    border-width:  1px;
	margin-bottom: 10px;
	/* 
	the following settings ensure the table stays within the 
	container even if cell content is particularly wide 
	*/
	width: 100%;
	table-layout:fixed;
	word-wrap: break-word;
		
}
table.auto {
    width: auto;
    table-layout: auto;
}
table tbody tr.header-row {
	font-weight: bold;
}
table td,
table th {
    border-width:  1px;
	border-style: solid;
	padding: 4px;
}
table thead {
	text-align: left;
	font-weight: bold;
}
table thead tr {
	
}
table tbody {
	
}
table tfoot {

}
/* row header */

table.row-header tr td:first-child {
	font-weight: bold;
}



/* 
    960.css (desktop)
    ------------------
    960px wide layout
    positioning and sizing css should be here (e.g. float, width, height, etc)
    margins should be included, but padding should be avoided here if possible
    ------------------
    Justin Cawthorne 11/06/2012
*/

html, body {
	height: 100%;
}

/* --------------------
	primary containers 
-------------------- */

#page-container {
	min-height: 100%;
	width: 960px;
	margin: 0 auto;
}
#header {
	position: relative;
	height: 100px;
}
#content-container {
	position: relative;
	overflow: auto;
	/* padding-bottom must be same height as the footer */
	padding-bottom: 60px; /* height without footer links */
}
#footer {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	/* margin-top must be negative value of footer height */
	margin-top: -60px;
	height: 60px;
	clear:both;
	width: 960px;
}

/* --------------------
	header
-------------------- */

#header-nav {
	float: left;
	height: 20px;
	width: auto;
}
#header-logo {
	/*
    position: absolute;
	left: 12px;
	top: 32px;
    width: 146px;
    height: 34px;
    */
    width: 220px;
    height: 60px;
}
#header-search {
	/*
    position: absolute;
    width: auto;
	right: 10px;
	top: 6px;
    */
    float: right;
    width: auto;
    margin: 5px 10px;
}

/* --------------------
	content container 
-------------------- */

#breadcrumbs {
	position: relative;
	height: 28px;
}
#user-info {
	float: right;
}
#banner {
	position: relative;
	line-height: 0;
}
div.main-content {
	float: right;
	margin-top: 10px;
	overflow: auto;
	width: 720px;
}

/* --------------------
	section (main content)
-------------------- */

.article {
	width: 460px;
	margin: 0 10px;
	float: left;
	overflow: hidden;
}

/*
div.page-width {
	padding: 0 10px;
	clear: both;
}
*/
#highlight-container {
	width: 100%;
	position: relative;
	overflow:  auto;
}
#aside-container {
	float: right;
	clear: right;
	width: 220px;
	margin: 0 10px;
}
#main-nav {
	float: left;
	clear: left;
	width: 220px;
	margin: 10px;
	margin-bottom: 20px;
}
#promo-container {
	float: left;
	clear: left;
	width: 220px;
	margin: 10px;
	margin-bottom: 20px;
}
#disclaimer-container {
	float: left;
	clear: left;
	width: 220px;
	margin: 10px;
	/*margin-bottom: 20px;*/
}
.disclaimer {
    /*margin: 10px;*/
}
/* --------------------
	promo boxes, disclaimers and asides
-------------------- */

.promo,
.aside,
.disclaimer {
	width: auto;
	 /* changed from 100%, which results in borders sitting outside the grid */
	margin-bottom: 10px;
    overflow:auto;	
}
.highlight {
	width: 218px;
	float: left;
	margin: 10px;
}
.highlight h6 {
    height: 24px;
    overflow: hidden;
}
.highlight-content {
    height: 120px;
    overflow: hidden;
}
/* adjust margins for highlight boxes */
/*
#highlight-container .highlight:first-child {
	margin-left: 0;
}
#highlight-container .highlight:last-child {
	margin-right: 0;
}
*/
/* --------------------
	footer sections
-------------------- */

#quick-links {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
#footer-logo {
    float: left;
}
#footer-logo a {

}
#footer-legal {
	
}
#footer-links {
	
}

/* --------------------
	width options
-------------------- */

.page-width {
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
	clear: both;
}
.full-width {
	width: 700px;
}

/* --------------------
	other display styles
-------------------- */

.hide-desktop {
    display:none;
}

/* 
    images.css (desktop)
    ------------------
    background images
    also include any styles that are specifically needed for images to show
    e.g. padding or widht/height settings
    ------------------
    Justin Cawthorne 11/06/2012
*/

body {
    /*
    background-image: url(https://static.murdoch.edu.au/wouext/images/navigation/bg_gradient_repeat.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: fixed
    */
}
#header-logo a {
    background-image: url(https://static.murdoch.edu.au/wouint/images/layout/logo.png/);
	background-repeat: no-repeat;
	background-position: 10px 5px; 
}
#banner img {
    width: 100%;
    height: auto;
}
#main-nav {
	background-image: url(https://static.murdoch.edu.au/wouint/images/layout/nav_left_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
    padding-bottom: 30px;
}
#main-nav li ul li{
	background-image: url(https://static.murdoch.edu.au/wouint/images/Icons/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}

/* 
    typography.css (desktop)
    ------------------
    font families and sizes
    (colours should be set in colours.css)
    ------------------
    Justin Cawthorne 11/06/2012
*/

/* font sizes:

	0.625em		10px
	0.6875em	11px
	0.75em		12px
	0.8125em	13px
	0.875em		14px
	0.9375em	15px
	1em			16px
	1.125em		18px
	1.25em		20px
	1.375em		22px
	1.5em		24px
*/

/* -------------------- 
	font families
-------------------- */

body {
	font-size: 100%;
	font-family: 'Trebuchet MS', Geneva, sans-serif;
}

/* -------------------- 
	base font sizes
-------------------- */

p {
	font-size: 0.75em;  	/* 12px */
	line-height: 1.5em;
	margin: 1em 0;
}
div.article p,
div.page-width p {
    font-size: 0.8125em;  	/* 13px */
}
ul, ol, dl {
	font-size: 0.75em;  
}

div.article ul, 
div.article ol,
div.article dl {
	font-size: 0.8125em;  	/* 13px */
}

li ul, 
li ol,
div.article li ul,
div.article li ol {
	font-size: 100%;
}
h1 {
	font-size: 1.5em;
	line-height: 1.5em;
	clear: both;
    font-weight: bold;	
}
h2 {
	font-size: 1.25em;
	line-height: 1.5em;
	margin: 12px 0;
	font-weight: bold;
}
h3 {
	font-size: 1.125em;
	line-height: 1.5em;
	margin: 8px 0;
    font-weight: bold;
}
h4 {
	font-size: 1em;
	line-height: 1.5em;
	clear: both;
	font-weight: bold;
}
h5 {
	font-size: 0.9375em;
	line-height: 1.5em;
	clear: both;
    font-weight: bold;
}
h6 {
	font-size: 0.875em;
	line-height: 1.5em;
	clear: both;
    font-weight: bold;
}

/* -------------------- 
	links
-------------------- */

a {
    text-decoration: none;
}
#content-container a {
    text-decoration: underline;
}
#main-nav a {
    text-decoration: none;
}

/* -------------------- 
	padding and spacing for 
    other typographical elements
-------------------- */

.promo h6, .aside h6, .highlight h6,
.promo p, .aside p, .highlight p {
    padding: 0 10px;
}
p.readmore {
    margin-bottom: 0;
    padding: 2px 10px;
    text-align: right;
    bottom: 0;
}


/* 
    lists.css (desktop)
    ------------------
    styling for all lists (barring main-nav)
    overrides for default list styles set in typography.css can go here
    ------------------
    Justin Cawthorne 11/06/2012
*/
ul, ol, dl {
    line-height: 1.5em;
}
div.article ul, 
div.article ol,
div.article dl {
    padding: 1em 0 1em 4em;
    overflow: auto;
}
div.article ul {
	list-style: disc outside;
}
div.article ol {
	list-style: decimal outside;
}
div.article li ul,
div.article li ol {
    margin-top: 0.25em;
	margin-bottom: 0.25em;
    padding: 0 1.5em;
}
div.article li ul {
	list-style:  circle outside;
}
div.article li ol {
	list-style:  lower-alpha outside;
}
div.article dl dt {
	font-weight: bold;
}
div.article dl dd {
	margin-bottom: 0.5em;
}

/* promo and asides */

div.aside ul,
div.promo ul {
    list-style: disc outside;
    margin: 1em 1em 1em 2em; 
    clear: left;
}
div.disclaimer ul {
    list-style: disc outside;
    margin: 1em; 
}

/* table style unordered list */

div.article ul.table {
	display: table;
	list-style: none;
	border: solid 1px #e4cfa8;
	border-collapse: collapse;
}
div.article ul.table li {
	display: table-row;
}
div.article ul.table li span {
	display: table-cell;
	padding: 4px;
	border: solid 1px #e4cfa8;
}

/* aligned definition list style */

div.article dl.aligned dt {
	padding-right: 10px;
	float: left;
}
div.article dl.aligned dd {
	margin-bottom: 0.5em;
}

/* form styled definition list */

div.article dl.form {

}
div.article dl.form dt {
	vertical-align: top;
	float: left;
	clear: left;
	width: 180px;
	font-weight: bold;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 0.5em;
}
div.article dl.form dd {
	margin-bottom: 0.5em;
	margin-left: 200px;
}


/* 
    styles.css (desktop)
    ------------------
    all other styles that are not covered by previous stylesheets
    e.g. borders around elements, styling for menus, main search form, etc
    ------------------
    Justin Cawthorne 11/06/2012
*/

/* --------------------
	main navigation
-------------------- */

#main-nav ul {
	line-height: 1.75em;
}

/* --------------------
	footer sections
-------------------- */

#footer-logo {

}
#footer-legal {
	margin-left: 30px;
}
#footer-links {
	margin-right: 30px;	
}
#footer-legal ul li, 
#footer-links ul li{
	line-height: 60px;
	padding: 0 2px;
}



/* 
    forms.css (desktop)
    ------------------
    styling for forms
    (except header search, which is non-optional element)
    ------------------
    Justin Cawthorne 11/06/2012
*/

/* form typography */

.article form input,
.article form select,
.article form textarea{
	font-family: 'Trebuchet MS', Geneva, sans-serif;
	font-size: 1em;
}
.article form label {
	font-size: 1.0em; 
}
.article form legend {
	font-size: 0.875em;
    font-weight: bold;
}
.article form table {
    font-size: 0.75em;	
}
.article form td table {
    font-size: 100%;	
}

/* centered form */

div.article form.centered-form label{
	width: 220px;
	margin-right: 20px;
}
div.article form.centered-form span.inset{
	margin-left: 240px;
}
div.article form.centered-form input[type="submit"],
div.article form.centered-form input[type="button"] {
	margin-left: 240px;
}
div.article form.centered-form input[type="reset"] {
	margin-left: 10px;
}

/* authentication form */

div.article form.authentication label{
    margin-right: 20px;
    width: 210px;
}
div.article form.authentication span{
	margin-left: 230px;
}
div.article form.authentication input[type="submit"],
div.article form.authentication input[type="reset"],
div.article form.authentication input[type="button"] {
	margin-left: 230px;
}

/* mais-authentication form */

div.article form.mais-authentication label{
    margin-right: 20px;
    width: 210px;
}
div.article form.mais-authentication span{
	margin-left: 230px;
}
div.article form.mais-authentication input[type="submit"],
div.article form.mais-authentication input[type="reset"],
div.article form.mais-authentication input[type="button"] {
	margin-left: 230px;
}



/* 
    tables.css (desktop)
    ------------------
    styling for tables
    ------------------
    Justin Cawthorne 11/06/2012
*/

/* table styles */

table {
    font-size: 100%;
}
table td, table th {
	font-size: 0.8125em;
}
/*
table tbody,
table tfoot{
	font-size: 0.8125em;
}
table thead {
	font-size: 0.8125em;
}
*/