/* Layout */

.clear {clear: both;}
body {background: transparent url(images/design-bg.gif) 50% top no-repeat;}
#wrapper {
	width: 784px; margin: auto; padding: 8px 8px 0 8px;
	position: relative;
	background: #fff url() top left repeat-y;
	}
#masthead {
	margin: 8px auto;
	height: 237px; width: 783px;
	position: relative;
	background-color: #b7e5e5;
	}		
#logo {position: absolute; left:0; top: 66px;}	
ul#nav {position: absolute; bottom: 0; left: 0; height: 41px; margin: 0; padding-top: 1px; background-color: #fff;}
ul#nav li {width: 86px; /*86px */height: 42px; float: left; margin-right:1px; background-color:#929497; position: relative;} 
ul#nav li a {text-decoration: none; color: #fff; display: block; height: 26px; width: 69px; padding: 7px 7px 7px 10px;}
ul#nav li a:hover {background-color:#777;}
#page-header {margin: 0; padding: 0; position: relative; /* width:411px; height:200px;*/}
#home-page #page-header {height: 147px; background: #fff url(images/homepage-header-bg.jpg) top left no-repeat;}


#container {position: relative; border: 1px solid #fff; margin-top: 8px; min-height: 470px; height:100%;}
#main {width: 620px; float: right; position: relative;}	
#side {width: 147px; float:left;}
#main-content {float:left; width: 412px;}
#secondary-content {float: right; padding: 0 18px;width: 166px;}	
#footer {height: 80px; margin-top:40px;}	
#footnotes {float:right;}
#footnotes ul, #footnotes li {display: inline;}
#footnotes #copyright-note {padding: 0 2em;}


#search-form {position: absolute; top:20px; right:20px; text-align: right; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif;} 
#search-form div * {float:left;}
#search-form label {float: left; margin-right:10px;}
#search-form input#keywords{width: 100px; height: 18px; font-size: 1.1em;}
#search-form input.submit {}
#search-form p {text-align: left; clear:both; padding:0; font-size:0.8em; margin: 0 0 0 54px; position:relative; top: 10px;}
#search-form button {margin-left:5px; border: none; background: transparent url(images/submit-button.gif) top left no-repeat; width:20px; height: 20px; text-indent:-9999px;}


.centered-page-header #main-content #page-header {height: 204px; margin-bottom:16px;}
.centered-page-header #main h1 {
	width:185px; height:177px; padding: 23px 0 0 15px; margin:0 11px 0 0;
	font-weight: normal; font-size:2.2em; line-height: 1.1em;
}

.centered-page-header #main-content h1 span {display: block; margin-top:8px;}





/* Home page specific styles */

#home-page #main {width: 700px;}
#home-page #main-content {width: 458px; padding-top:23px;}
#home-page #secondary-content {width: 166px;/*202px */ background-color:#e5e6e7;}	
#home-page #tblindex td, #home-page #tblindex th {text-align:center; border:0; vertical-align:middle;}
/*
#home-page #tblindex tr:hover {background-color:#F3F3F3;}
*/

/* Members directory */
#members-directory #page-header {height: 204px; background: #fff url(images/members-directory-header-bg.jpg) top right no-repeat;}
#members-directory h1 {
	width: 108px; height: 52px;
	position: absolute; right: 500px; top: 22px; text-indent: -9999px; 
	background: transparent url(images/members-directory-h1.gif) top right no-repeat;
	}
#members-directory #side {position:relative;}
#members-directory #container {background: transparent url(images/members-directory-side-bg.jpg) 0 200px repeat-y;} 
#members-directory #side ul {background-color:#f1efde; padding: 20px 10px 10px 10px; height:170px; }
#members-directory #side li {
	width: 129px;  
	height: 23px;
	margin: 4px 0;
	color:#333;
	position: relative;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	background: #fff url(/cac-files/images/members-nav-bg.gif) top left no-repeat;
	}
#members-directory #side li a {
	display: block; 
	width: 129px;  height: 23px;
	position: absolute; padding:5px 0 0 8px; 
	text-decoration: none;
	}
#members-directory #side li a:visited {background: transparent url(/cac-files/images/members-nav-bg-visited.gif) 110px 6px no-repeat;}	
#members-directory #side li a:hover {background: transparent url(/cac-files/images/members-nav-bg-hover.gif) top left no-repeat;}
#members-directory #secondary-content {background: transparent url(images/skypic.jpg) top right no-repeat; height: 300px; width: 164px;}
#members-directory .member_info {clear: both;}

/* News page */


#news-page #page-header {background: transparent url(images/news-header-bg.jpg) top right no-repeat;}
#news-page h1 { background-color:#9D91B2;}
#news-page #secondary-content {background-color:#cec7d8; padding-bottom: 10px;}
#news-page #side {height: 470px; background: transparent url(images/news-side-bg.gif) top left repeat-y;}
#secondary-content  h4 {font-size: 1.1em;}
#secondary-content  h4, #secondary-content a {color:#666;}

 .news-entry {border-bottom:2px dotted #ccc;}
 #secondary-content .news-entry {border-bottom:2px dotted #888;}

/* Bursaries */

#bursaries #page-header {background:transparent url(images/bursaries-header-bg.gif) top right no-repeat;}
#bursaries #subnav {background-color:#ecd2dc; height:200px;}
#bursaries #side {background: transparent url(images/bursaries-side-bg.gif) left 210px no-repeat; height: 600px;}
#bursaries h1 {background-color: #D291A8;}
#bursaries h1 span {color:#e7E8EC;}
#bursaries #secondary-content {background-color:#ecd2dc; min-height:200px;}
#bursaries #secondary-content ul, #bursaries #main-content ul  {margin:10px 2px;}
#bursaries #secondary-content li, #bursaries #main-content li {margin: 10px 0; list-style-type: none;}
#bursaries #secondary-content li div {font-weight: bold;}
#bursaries .award-entry {margin-bottom: 8px; border-bottom: 1px dotted #ccc; padding-bottom: 8px;}
#bursaries .award-entry dt {float: left; clear: left; margin-right: 10px;}
#bursaries .award-entry dd {}
#bursaries .award-entry div.award-description {clear: left; padding-top: 10px;}
#bursaries #bursaries-list .rightlogos { text-align:right;}
#bursaries #bursaries-list .rightlogos a { margin:0 5px 0 5px; padding:0;}
#bursaries #bursaries-list #bursariestitle, #bursaries #bursaries-list #eventstitle, #bursaries #bursaries-list #projectstitle {font-weight:normal;}
#secondary-content.content .sidetitle {font-weight:bold;}
#bursaries #main-content {float:left; width: 412px;}
#applicationarea {position:absolute; padding:20px 20px 20px 20px;}
/* below is the table in awards application. Body ID is still bursaries..*/
#tblawardapp, #tblawardapp td, #tblawardapp th {border:0;}
#tblawardapp tr:hover { background-color:#EEEEEE;}

/* Downloads */
#downloads #page-header {background:transparent url(images/downloads-header-bg.jpg) top left no-repeat;}
#downloads #side {background: transparent url(images/downloads-side-bg.jpg) top left no-repeat; height:600px;}
#downloads #secondary-content {height:400px; background-color:#e0eae8;}
#downloads #main ul {margin: 0;}
#downloads #main li {list-style:none; border-bottom: 2px dotted #ccc; height:40px; padding: 10px 5px 5px;}
#downloads ul li div, #downloads .pdf-link, #downloads .doc-link {display: block; float: left;}
#downloads ul li div {width: 260px;}
#downloads .doc-link {
	width:31px; height:31px; margin-left: 10px;
	background: transparent url(images/word-icon.gif) top left no-repeat; 
	text-indent: -9999px;
	}
#downloads .pdf-link {
	width:31px; height:31px; 
	background: transparent url(images/pdf-icon.gif) top left no-repeat;
	text-indent: -9999px;
	}
/* Links */

#links #page-header {background:transparent url(images/links-header-bg.jpg) top right no-repeat;}
#links h1 {
	background: #31b4ce url(images/links-h1.gif) top right no-repeat;
	width:185px; height:177px; padding: 23px 0 0 15px; margin:0 11px 0 0;
	position: static;
	text-indent: 0;
	font-weight: normal; font-size:2.2em;
	}
#links #side {background: transparent url(images/links-side-bg.jpg) top left no-repeat; height:600px;}
#links #secondary-content {height:200px; background-color:#e0eae8;}

/* Contact */
#contact #page-header {background:transparent url(images/contact-header-bg.jpg) top right no-repeat;}
#contact h1 {background-color:#92AFCB;}
#contact #side {background: transparent url(images/contact-side-bg.jpg) top left no-repeat;height:600px;}
#contact #secondary-content {background-color:#DDE5EF; height: 200px;}
#contact table, #contact th, #contact tr, #contact td {border: none;}
#contact .content tr { border-bottom: 2px dotted #ccc;}
#contact td.title {font-weight: bold;}

/* Search result page */
#searchresult #page-header {background:transparent url(images/searchresult-header-bg.gif) top right no-repeat; height: 200px;}
#searchresult h1 {background-color:#98DADA;}
#searchresult h1 span {color: #fff;}
#searchresult #side {background: transparent url(images/contact-side-bg.jpg) top left no-repeat; height:600px;}
#searchresult table, #searchresult th, #searchresult tr, #searchresult td {border: none;}
#searchresult .content tr { border-bottom: 2px dotted #ccc;}
#searchresult td.title {font-weight: bold;}
#searchresult #main-content {width: 100%;}
	
/* Events sections */

#events-page #main {float:left; width: 580px;}
#events-page #main-content {float: right;}
#events-page #side {float: right; height: 180px; width: 180px; padding:10px; background-color:#E5E6E7;}
#events-page #subnav {float: left; background-color:#e5e6e7; width: 147px; height:200px;}
#events-page h1 {
	line-height: 1;
	float: left; 
	width: 185px; height: 174px; margin-left:10px; padding:24px 0 0 16px; 
	font-family: Helvetica, Arial, sans-serif;font-size:2.2em; color: #222; font-weight: normal;
	background-color: #CD8950;
	}
#events-page h1 span {display: block; color:#F8EEE7; margin-top:5px;}
#events-page #imageblock {float: left; margin-left: 12px; width: 200px; height: 200px;}
#events-page .event-entry {margin-top: 20px; padding: 10px 0; border-top: 2px dotted #ccc;}
#events-page .event-entry h2 {margin-top: 0.535em;}
#events-page .date {margin:0;}
#events-page .event-info dd {margin-bottom: 10px;}
#events-page #eventsearch table {width:100%;background-color: #DFEFFF; border: 1px solid #ccc;}
#events-page #eventsearch table tr.month{ border-bottom: 1px dotted #ccc;}
#events-page #eventsearch table tr.month th {text-align: center; }
#events-page #eventsearch th {padding: 5px; font-weight: bold; font-size: 1.1em;} 
#events-page #eventsearch td {border: 1px dotted #ccc; text-align: center; }
#events-page #eventsearch td a {display:block; height: 100%;padding:4px;}
#events-page #eventsearch td a:hover {background-color:#E7DDD3;}
#events-page #imageblock {background-image: url(images/events-calendar-header-pic.jpg);}
#events-page #comments {margin-bottom: 40px;}
#events-page #rss-link {float: right; margin-right: 4px;}
/* Forum */
#forum #page-header {background: transparent url(images/forum-pageheader-bg.gif) top right no-repeat; height: 204px;}
#forum #page-header #side {background-color:#E5E6E7; height: 200px;}
#forum #page-header #subnav ul li a {background-color: #CDD34E;}
#forum #page-header #subnav ul li a:hover {background-color: #ccc;}
#forum h1 {
	float:left;
	font-size:2.2em;
	font-weight:normal;
	height:177px;
	margin-left:11px;
	padding:23px 0pt 0pt 15px;
	width:185px;
	background-color:#CDD34E;
	}
#forum h1 span {display: block; margin-top:8px; color:#fff;}


/* subnav -- currently only implemented in the Bursaries template */
#subnav ul { padding:10px;}
#subnav ul li {
	font-family: Helvetica, Arial, sans-serif;font-size:1.2em; font-weight: bold;
	margin-bottom: 4px;
	}
	
	
#subnav ul li a {background-color:#d291a8; text-decoration: none; padding:7px; display: block; height: 1em; color:#333; }	
#subnav ul li a:hover {background-color:#ccc;}

/* #side {float:left; width: 140px;}	
#main {float: right; width: 650px;}

#main-content {float: left; width: 460px;}
#secondary-content {float:right; width: 145px;}
#footer {height: 50px;}

/* Development guides */
#wrapper {}
#masthead {}
#container {}
#side {}	
#main {}
#main-content {}
#secondary-content {}
#footer {}
#nav li {} 

/* .content h1, .content h2, .content h3, .content p {background-color:#CCCCCC;} */

/* Main Typography */
a {}
html {font-size: 62.5%; font-family: helvetica, "microsoft sans serif", arial, sans-serif;}
strong, th, thead td, h1, h2, h3, h4, h5, h6, dt {font-weight: bold;}
cite, em, dfn {font-style: italic;}
code, kbd, samp, pre, tt, var {font-size: 100%; font-family: monaco, "Lucida Console", courier, mono-space; }
pre { white-space: pre; }
pre * { font-size: 100%; white-space: pre; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
big { font-size: 125%; line-height: 80%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
a:link, a:visited, a:hover, a:active, a:focus {color: #333;text-decoration: underline; }


b {font-weight: bold;} 
i {font-style: italic;} 
u {text-decoration: underline;}

#nav {font-family: Arial, Helvetica, sans-serif; color:#fff;  font-size: 1.2em;}

#secondary-content h3 {color:#808184; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.2em;}
#main-content h2 {font-family: Verdana, Helvetica, Arial sans-serif; color:#707174; line-height: 1.5em;}
#main-content h2 a {color:#707174; text-decoration: none; border-bottom: 1px dotted #ccc;}
#main-content h2 a:hover {border-bottom: 1px solid #ccc; background-color:#ededed;}
.date {font-family: Verdana, Helvetica, sans-serif; font-style: italic; font-size:0.7em; line-height:1; }

#pagination_links {margin: 2em 0;}



/* Forms */

input[type='text'], input[type='password'], textarea {width: 375px; font-size: 100%; font-family: monaco, "Lucida Console", courier, mono-space; }
label {font-weight: bold;}
legend { background: #fff; }
textarea, input[type='text'], select {border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }
.content input, .content textarea {display: block;}
.content fieldset {background-color: #dcdcdc; }
/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */

.content { font-size: 1.2em; line-height: 1.6em; }
.content h1 { font-size: 1.6em; }
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.4em; }
.content h4 { font-size: 1.3em; }
.content h5 { font-size: 1.2em; }
.content h6 { font-size: 1em; }

/* HR */

.content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */
ul, li {list-style:none; text-indent: 0; margin:0;}

/* TABLES */

.content table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.content th, .content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

.content hr, .content p, .content ul, .content ol, .content pre, .content blockquote, .content address, .content table, .content form { margin-bottom: 1.6em; }
.content p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: line-height/size, BOTTOM: TOP/2 */
.content h1 { margin: 1em 0 .5em;  }
.content h2 { margin: 1.07em 0 .535em; }
.content h3 { margin: 1.14em 0 .57em; }
.content h4 { margin: 1.23em 0 .615em; }
.content h5 { margin: 1.33em 0 .67em; }
.content h6 { margin: 1.6em 0 .8em; }
.content th, .content td { padding: .8em; }
.content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.content blockquote { padding: 0 1em; margin: 1.6em 0; }
.content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.content legend { padding-left: .8em; padding-right: .8em; }
.content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.content textarea, .content input { padding: .3em .4em .15em .4em; }
.content select { padding: .1em .2em 0 .2em; }
.content option { padding: 0 .4em .1em; }
.content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.content form div { margin: 1em 0; }
.content button { padding: 0.3em 0.5em; }
.content blockquote > * { margin: .8em 0; }

/* Link colours */

.content a:link { color: #36c; }
.content a:visited { color: #99c; }
.content a:hover { color: #c33; }
.content a:active, .content a:focus { color: #000; }

/* exceptions */
#home-page .content table { border:0;}
/*#home-page #tblindex th, #home-page #tblindex td { border:1px solid #F3F3F3;} */