/*ctc-main.css */
/* a bit of browser reset */
a:link, a:hover, a:visited { text-decoration:none; }
html, body, img, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, legend, a { margin: 0; padding: 0; border: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6, pre, code, { font-size: 1em; }
a img, :link img, :visited img { border: none; }


/*start styles proper */
html { height:100%; margin-bottom:1px;} /*fixes centred-fixed-width-jump-left-bug by applying a consistent scrollbar to all pages*/
body { 
	height: 100%; /* jump-bug fix */
	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif; 
	text-align: center; 
	padding: 0 /*498px*/;
	color: #355a5a;
	background-image: url(../images/ctc-bkgrd.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}
h1 { font-size: 1.7em; font-weight: normal; color: #c4880a;} /* This increases the font to 17pt */
h2 { font-size:1.5em; font-weight: normal; color:#c4880a;} /* This increases the font to 15pt  */
h3 { font-size:1.4em; font-weight: normal; color:#c4880a;} /* 14pt */
h4 { font-size: 1.2em; font-weight: bold; }
p { font-size: 1.2em; line-height: 1.6em; margin: 0.5em auto;} /* 12pt */ 
h5 { font-size: 1.0em; font-weight: bold; }
ul { font-size: 1.0em; margin-bottom: 1em;}
ul li { margin: 0.5em 0 0 /*15px*/ 0; list-style: none; }
ul.linked li { list-style: none; padding: 0.1em 0; margin-bottom: 2em; }
dl {margin-left: 18px}
dt { font-size: 1.2em; line-height: 2em; margin: 1.5em 0 0 0; }
dd { font-size: 1.2em; margin: 6px 0 0 27px;}
/*dd li { font-size: 1.1em; margin: 0 0 0 18px} */
/*.ctc-content {margin:0; padding:0;}*/

.references dl {margin-left: 27px}
.references dt { font-size: 1.2em; line-height: 2em; margin: 0.7em 0 0 0; }
.references dd { font-size: 1.1em; line-height: 2em; margin: 0 0 0 27px;}
.references dd li { font-size: .8em; margin: 0 0 0 18px} 
hr.greyrule {}
a:link, a:visited 	{ 
	color: #355a5a;
	text-decoration: none; 
	font-weight: normal; 
	}
a:hover {
	color: #c4880a; 
	text-decoration: underline; 
	}
/* layout */
#ctc-pagewrapper { 
	position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 960px;
	/*width: 100%;*/
	/*min-width: 960px;*/
	margin: 0 auto 0 auto;  /*the auto margins (in conjunction with a width) centes the page if fixed width layout - bug if content depth exceeds the window - 10px jump left - so fix left margin */
	padding: 0;
	vertical-align: top;
	overflow: hidden;
} 
#ctc-header { 
	width: 959px;
	height: 129px;
	/*vertical-align: top;*/
	margin: 0;
	padding: 0;
	background-color: #b7d8db;
	border-bottom: 1px solid #b7d8db; /* border avoids margin collapse else zeroing the margin of the last element in the #header div required*/
	background-image: url(../images/ctc-header-bkgrd.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	overflow: hidden;
	}
#ctc-search-bar { 
	height: 29px; 
	background: #e7f7f7; 
	border-top: 1px solid #e7f7f7;
	border-right: 1px solid #b7d8db;
	border-bottom: 1px solid #b7d8db;
	padding: 0 10px 0 10px;
	margin: 0;
	clear: both
}
#ctc-contentwrapper { 
	vertical-align: top; 
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#crumbtrail { font-size: .9em; margin: 0 0 18px 0; padding: 0; /*border-bottom: 1px solid #fff;*/}
#crumbtrail .crumb {color:#666}
/*#crumbtrail .crumb a:hover {color:#458dba} */
/*#crumbtrail .crumb a:hover {color: #c4880a}*/
#ctc-leftpane {
	float: left;
	width: 190px; /* since this element is floated, a width must be given */
	background: none; /* the background color will be displayed for the length of the content in the column, but no further unless using the padding/margin work around below in conhunction with wrapper ovrflow:hidden*/
	padding: 0px 0px 0px 0px;
	margin: 20px 30px 20px 0px;
	overflow: hidden;
	}
#ctc-leftpane h3, #ctc-leftpane p {
	margin: 10px 10px 0 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	}
#ctc-leftpane p {
	font-size: 1.1em;
	}
#ctc-menu { margin: 0; padding: 0;}
#ctc-menu ul { font-size: 1.2em; text-align: right; }
#ctc-menu ul li { border-top: 1px dashed #355a5a; padding: 4px 0 4px 0;}
#ctc-menu li a:link {font-weight: bold;}
#ctc-menu li a:visited {font-weight: bold;}
#ctc-events { background: #fcffee; border: 1px solid #c4d2a7; height: 300px; }

.ctc-events-title {font-weight: bold;}
.ctc-events-title a {font-weight: bold;}
.ctc-events-date { font-weight: normal; font-style: italic;}
.ctc-events-desc {font-style: italic;}
#ctc-rightpane {
	float: right; 
	width: 212px; /* since this element is floated, a width must be given */
	height: 100%;
	background: #fcffee; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 20px 0 3000px 0;
	margin: 0 0 -3000px 0;
	border: 1px solid #c4d2a7;
	border-top: none;
	/*padding: 20px 10px; /* top and bottom padding create visual space within this div */
	overflow: hidden;
}
#ctc-rightpane h3, #ctc-rightpane p, #ctc-rightpane ul {margin: 0 15px; }/* the left and right margin should be given to every element that will be placed in the side columns - prevents expanding box */
#ctc-rightpane h3 { margin-bottom: .5em;}
#ctc-rightpane h3 a:link {color:#c4880a;}
#ctc-rightpane h3 a:visited {color:#c4880a;}
#ctc-rightpane p, #ctc-rightpane ul {font-size: 1.1em; margin-bottom: .8em;}
#ctc-rightpane ul.menu-reflist {margin-bottom: 2em; clear:both;}
/*#ctc-rightpane li {margin-left: -20px; padding-right: 10px; padding-bottom: 4px;}*/

#ctc-contentpane {
 	/*margin: 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	margin: 20px 0 0 0;
	padding: 0px 30px 60px 0px; /* padding here creates white space "inside the box." */
	overflow: hidden;
} 
#ctc-contentpane h1 { border-bottom: 1px solid #c4d2a7; padding-bottom: 1px; margin:0; font-size: 18px;}
#ctc-contentpane h2 {}
#ctc-contentpane h3 {margin: 0.5em auto;}
#ctc-contentpane p {}
#ctc-contentpane a:link {text-decoration: underline; /*color:#458dba;*/}
#ctc-contentpane a:visited {text-decoration: underline; /*color:#458dba;*/}
#ctc-contentpane a:hover {color: #c4880a; text-decoration: underline; }

/* For show/hide panels */
#content000, #content001, #content002, #content003, #content004, #content005 {display: none; width: 498px;}
#content100, #content101, #content102, #content103, #content104, #content105 {display: none;}
#content200, #content201, #content202, #content203, #content204, #content205 {display: none;}
#content { margin: 0; }
#content ul {font-size: 1.2em; line-height: 1.6em;}
#content ul li {list-style-image:url(../images/ctc_list-item-square.gif); margin-left: 18px;}
#content ul li li {font-size: .9em; line-height: 1.3em; list-style-image:none; margin-left: 18px;}
#content ul.list {font-size: 1.1em;}
#content .lastaccess {color:#999; float:right;}


table.reflist {margin-top: 18px;}
table.reflist td, th {font-size:1.1em; line-height: 1.4em; padding: 2px 18px 8px 0; border-bottom: 1px solid #b7d8db; vertical-align: top;} /*table for text books*/
div.reflist {font-size:.9em; line-height: 1.4em; margin: 0 72px 0 36px;}

#ctc-footer { 
	/*height: 150px;
	/*width: 960px;*/
	width:100%;
	background-color: #c4d2a7;
	padding: 0 0 10px 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 0 auto 0 auto; /*the auto margins (in conjunction with a width) center the element if needed */
	text-align: left;
	border-top: 6px solid #b7d8db;
	}  
#ctc-footer p {
	clear: both;
	position: relative;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: .9em;
	text-align: center;
	}
.footer-logo { float: right; }

/*SEARCH - SYDUNI */
#search input.field {margin-top:2px; width: 160px; vertical-align: middle;}
#search input.button {width: 14px; vertical-align: bottom;/*position: relative;*/}
/*#search input.button, a.button { font-weight: bold; font-size: 1.1em; width: auto; height: 1.5em; vertical-align: bottom; background: #eeb615 url(../images/common/bg_button_yellow_small.gif) left top no-repeat; padding: 0 3px 2px 2px; margin-left: 2px; }
a.button { margin: 0; padding: 0.1em 0.4em; }
a.button:hover { text-decoration: none; }*/


/* FORMS */
form {}
fieldset { display: block; margin-top: 9px; padding: 9px 27px 18px 18px; border: 1px solid #c4d2a7; overflow: hidden; width:auto}
legend {display: inline; font-size: 1.2em; font-weight: bold; margin-left: 3px; padding:0 6px 6px 9px; }
input { width: 500px; padding: 3px; font-size: 1em;}
/*input:focus {background-color: #FFFFCC;}*/
input.radio, input.checkbox, input.submit { width: auto; } /* resets width for non-text inputs */
select {font-size: 1em; padding: 2px 0;}
label { float: left; margin-left: 0px; width: 120px;} /* displays labels next to form elements - set width wide enough to align input fields - add a class to others for overrides */
label.top { display: block; float: none; width: auto; padding-bottom: 6px;} /* put form label above and overrides label width */

#info-type {} /*group radio and check box types*/
#info-type label, #infotarget label { float: left; display: inline; }
.group1, .group2, .group3, .group4 { float: left; width: 22em; } /* make columns */
#request-type {}

#request-checkbox1, #request-checkbox2 { font-size: 1.1em; margin-left: 120px;} 
.checkboxpair { position: relative; padding: 6px 0; height: 12px;} /*height is required to fix I6 position bug*/
.checkboxpair input { position: absolute; left: 1px; top: 1px; background-color: #fff; clear: both;} /*clear float required for IE6*/
.checkboxpair label { display: block; margin-left: 27px; width: 200px;}
/*#requesttype label {float: left; display: inline; text-align: right; margin-left: 30px;}*/

#request-details {}
#request-details-group {font-size: 1em; margin-left: 120px;}

form div.btn input.submit {
	width: 10em;
	float: right;
	margin-top: 1em;
	padding:3px;
	background-color: #CC0000;
	border: 2px double #666;
	border-top-color: #c4880a;
	border-left-color: #c4880a;
	font-size: .9em;
	font-weight: bold;
	color:#FFFFFF;
	}
form div.btn input.submit:hover {
	background-color: #c4880a;
	}
.formrow { padding: 4px 0;} /* style for form row spacing */
.labelhead {font-weight: bold; }/*Use to style bold labels above input boxes */
.red {color: #CC0000;} /* use for forms and form alerts*/
.formrow-noshow {
  	clear: both;
  	padding-top: 10px;
	display: none;
	text-align: left;
} /* anti-spam input */
/* Miscellaneous classes for reuse */
.note  { font-size: 1em; border-top: 1px solid #c4d2a7; padding-top: 6px; margin-top: 27px;}
.publication {font-style: italic;} /*use for publication title spans */

.small { font-size: 1em;} /* use for span class small font*/
.text-top { vertical-align: text-top;} /* use to align pdf icons */
.spacer {margin-bottom: 3em;}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 
/*[if IE6]>
/* place css fixes for all versions of IE in this conditional comment */
/*body {word-wrap: break-word;}*/
/*<![endif]*/