/* CSS Document */

/* ------last updated JK 22/05/09-------*/




/* ------General Styles-------*/

*{
	padding:0;
	margin:0;
}

/* ------General Styles-------*/

#container{
width:760px;
padding:20px 20px 10px;
margin-left: auto;
margin-right: auto;
background-color:#fff;
}

body{
	background-color:#E5E3E3;
	font-family:Arial, Helvetica, sans-serif;
	line-height:13pt;
	font-size:9pt;
}

#content ul li {
	list-style-image:url(images/bullet_point.png);
	list-style-position: inside;
}

p{
padding-top:2px;
padding-bottom:5px;
}

h2{
padding-top:2px;
padding-bottom:5px;
font-weight:bold;
font-size:9pt;
}

img{
border-top:0;
}

a{
color:black;
text-decoration:underline;
}

a:hover{
color:#b5d305;
text-decoration:underline;
}

a.visited{
color:#b5d305;
text-decoration:underline;
}


/* ------General Styles-------*/

#header{
width:760px;
float:left;
padding:20px 0px 40px 0px;
border-bottom:2px solid #b5d305;
clear:left;
}

#header img{
float:left;
}



/* ------navigation-------*/

#navigation{
float:left;
width:170px;
height:50px;
line-height:15pt;
font-size:10pt;
}

ul.navigation {
list-style-type:none;
}

ul.sub-navigation {
list-style-type:none;
padding-left:14px;
}

#navigation a{
color:black;
text-decoration:none;
}

#navigation a:hover{
color:#b5d305;
text-decoration:none;
}


#navigation a.current{
color:#b5d305;
text-decoration:none;
font-weight:bold;
}

a img {
	border:none;
}


/* ------content-------*/

#content{
float:left;
width:440px;
height:auto;
padding-bottom:10px;
min-height: 450px;

}

#committees tr td {
	border-bottom:1px solid #b5d305;
	vertical-align: top;
}

#content img{
padding-top:4px;
}

#content ul li {
	list-style-position:outside !important;
	margin: 0px 0px 10px 15px !important; 
}

ul.content{
list-style-image:url(images/bullet_point.png);
list-style-position:outside;
padding:4px 0px 4px 0px;
line-height:13pt;
}

table.content{
width:100%;
border-collapse:collapse;
}

table.content td { 
border-bottom:1px solid #b5d305; 
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
}

table.content2{
width:100%;
border-collapse:collapse;
}

table.content2 td { 
border-bottom:1px solid #b5d305; 
border-top:1px solid #b5d305; 
border-right:1px solid #b5d305; 
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
}



table.content td.content-no-border{ 
border-bottom:none; 
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
}

table.content a {
color:black;
text-decoration:none;
}

table.content a:hover {
color:#b5d305;
text-decoration:none;
}

table.content a.underline {
color:black;
text-decoration:underline;
}

table.content a.underline:hover {
color:#b5d305;
text-decoration:underline;
}



/* ------right side-------*/

#right-side{
width:125px;    /* ------edited JK 22/05/09-------*/
float:right;
text-align:left;
clear:none;
padding-top:4px;
}

#right-side a{     /* ------edited JK 22/05/09-------*/
color:black;
text-decoration:none;
line-height:15pt;
}

#right-side a:hover{     /* ------edited JK 22/05/09-------*/
color:#b5d305;
text-decoration:none;
}

p.orange{
color:#ffa616;
font-size:9pt;
font-weight: bold;
padding:10px 0px 10px 0px;
}

p.delay {
	font-size: 8.5pt;
	margin: 0
}

#right-side img{
padding-bottom:14px;
border:0;
}

img.right-top{
padding-top:4px;
}

p.left{
text-align:left;
padding-left:0px;
}

h2.left{
text-align:left;
padding-left:25px;
}

img.contact{
padding-right:20px;
padding-left:20px;
}



/* ------bottom-------*/

#bottom{
clear:left;
padding:8px 0px 0px;
font-size:0.9em;
line-height:10pt;
border-top:2px solid #b5d305;
}



#footer {width:760px; padding: 20px; background-color: #b5d305; margin: 0px auto;}
#footer .tsc {float: left;}
#footer ul {list-style-type: none; margin: 0px 0px 0px 170px; padding: 8px 0px 0px;}
#footer ul li {float: left;}
#footer ul li a.first {border:none;}
#footer ul li a {padding: 0px 5px; border-left: 1px solid #000; text-decoration: none; font-size: 0.9em;}
#footer ul li a:hover {text-decoration: underline; color: #000;}

.clearBoth {clear:both;}

/* ------content-directors-------*/

#content-directors{
float:left;
width:585px;
height:auto;
padding-bottom:10px;
min-height: 450px;

}

#content-directors p{
padding-top:0px;
padding-bottom:0px;
}

#content-directors img{
padding-top:4px;

}

table.content-directors{
width:100%;
border-collapse:collapse;
}

table.content-directors td { 
border-bottom:1px solid #b5d305; 
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
}

/*new style for rounded cornders*/

  .roundedContainer {position:relative; margin-top:5px; min-height:300px; height:auto !important; height:300px;}
  .roundedContent {border: 3px #b5d305 solid; padding:10px;}
  .roundedCorner {display: block; width:10px; height:10px; position:absolute; z-index:10; background-repeat:no-repeat;}
  #coverImage {float: left;}
  .optionsContent {width:185px; position: absolute; bottom:20px; right:10px;}
  .topLeft {background-image: url(images/greenRounded_tl.gif); top:0px; left:0px;}
  .topRight {background-image: url(images/greenRounded_tr.gif); top: 0px; right:0px;}
  .bottomLeft {background-image: url(images/greenRounded_bl.gif); background-position:bottom; bottom:0px; left:0px;}
  .bottomRight {background-image: url(images/greenRounded_br.gif); background-position:bottom; bottom: 0px; right:0px;}
  .downloadOptions {list-style-type:none;margin:0px !important;}
  body #content ul.downloadOptions li {list-style-image:none !important; background-repeat:no-repeat !important; margin-left:0px !important;}
  .downloadOptions li.pdf {background: url(images/pdfLogo.gif);}
  .downloadOptions li.flash {background: url(images/flashLogo.gif);}
  .downloadOptions li a {text-decoration: none; line-height:20px !important; margin-left:25px;}
  
  
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
