

/******* structure and layout *******/
a[href $='.pdf'] { 
padding:10px 100px 100px 50px;
background: transparent url(img/apdf.gif) no-repeat ;
}

body {
margin:10px 10px 10px 0;
padding:0px;
font-family:Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color:#000000;
}

.leftcontent {
position: absolute;
left:0px;
top:126px;
width:200px;
background:#FFFFFF url(img/left_bg1.gif);
border:none;
text-align:left;
}

.left_news {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#818181;
margin:0 0 0 0;
padding:10px 5px 5px 10px;
width:185px;
background:#ffffff;
}

#centercontent {
background:#ffffff;
margin-top:10px;
margin-left: 199px;
margin-right:199px;
line-height:1.4em;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;
margin-right:201px;
}
html>body #centercontent {
margin-left: 201px;
margin-right:201px;
}

#rightcontent {
position: absolute;
right:10px;
top:130px;
width:200px;
background:#ffffff;
border:1px solid #082a4d;
}

.right_news {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#818181;
margin:0 0 0 0;
padding:10px 5px 5px 10px;
width:185px;
background:#ffffff;
}

#banner {
background:#ffffff url(clouds.jpg);
height:310px;
border:none;
voice-family: "\"}\"";
voice-family: inherit;
height:39px;
color:#000000;
}
html>body #banner {
height:116px;
}

.footer {
position:relative;
margin:50px 0 10px 0;
padding:5px 10px 5px 10px;
background:#ffffff;

border:1px solid #ffffff;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#B7D7AF;
}

.page_title {
position:absolute;
top:53px;
left:175px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.top_links {
position:absolute;
top:10px;
left:600px;
margin:0 0 0 0;
padding:0 0 0 0;
}

p,h1,pre {
margin:0px 10px 10px 10px;
}

#rightcontent p {
font-size:8pt;
}

/*** left navigation ***/
#nav ul {
margin:10px 0 10px 5px;
padding:0 0 0 0;
background:transparent;
}

#nav li {
list-style-type: none;
background:#256ab0;
color: #daa520;
border:1px solid #082a4d;
text-align:left;
padding:0 0 0 0;
margin-bottom:6px;
}

#nav li a {
color: #ffffff;
font-weight:bold;
text-decoration: none;
display: block;
padding:2px 0 2px 5px;
}

#nav li a:hover {
background:#ffffff;
color: #7F9BC5;
}


#nav li a:hover:after {
/* this puts that blue box after the left navigation links on hover */
background:#ffffff;
color: #7F9BC5;
content: url(img/square.gif)
}

/******* top navigation *******/

/******* fonts and colors *******/
a {
color:#1d13d1;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}

#footer a {
color:#B7D7AF;
text-decoration:underline;
}

#footer a:hover {
color:#999999;
text-decoration:none;
}

.H1_title_large {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14pt;
font-weight:bold;
color:#7F9BC5;
}

.H1_title_medium {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
color:#7F9BC5;
}

.H1_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;
color:#7F9BC5;
}

.H2_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#7F9BC5;
}


.news_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
color:#7F9BC5;
}

.news_title_grn {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#6C9261;
}

.news_title_blu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#44618d;
}
#page_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15pt;
color:#c1135b;
text-transform:uppercase;
}

span.squares {
display:block;
float:left;
width:18px;
height:18px;
margin-right:2px;
background-image:url(img/squares.gif);
background-repeat:no-repeat;
}

span.squares span {display:none;}


blockquote {
padding:10px 10px 15px 10px;
background:#E5ECF7;
border-left:2px solid #C7D9F5;
font-style:italic;
color:#6B84A8;
letter-spacing:.1em;
}

h1 {
font-size:14px;
padding-top:10px;
}

#banner h1 {
font-size:14px;
padding:10px 10px 0px 10px;
margin:0px;
}

/******* lists *******/

#list ul {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}

#list li {
margin:.5em 0 0 0;
padding:0 0 0 15px;
list-style:none;
background: url(img/square_list.gif) no-repeat;
background-position: 0 .3em;
}

#list li.sub {
margin:.5em 0 0 .5em;
padding:0 0 0 15px;
list-style:none;
background: url(img/square_list2.gif) no-repeat;
background-position: 0 .3em;
}

.tdmenu {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}
.amenu {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}

/*** menu change on page ***/
#about #aboutpg,
#home #homepg,
#history #historypg,
#confrence #confrencepg,
#workshops #workshopspg,
#counsellors #counsellorspg,
#links #linkspg,
#contact #contactpg,
#training #trainingpg,
#groups #grouppg,
#venues #venuespg,
#schedule #schedulepg,
#terms #termspg {
color: rgb(200, 13, 13);
background:#256ab0;
}

/******* images *******/
img {
border:none;
}

.center {
text-align:center;
}


/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.cssbutton{
background-color: #256ab0;
border: 3px #082a4d outset;
padding: 2px 6px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #ffffff;
color: #7F9BC5;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}

a.one
{
position:fixed;
left:5px;
bottom:4px;
}
a.two
{
position:fixed;
bottom:10px;
right:3px;

/*
.clearfix {display: inline-table;}
*/

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

