/* Meteor Microsites */

/* colour definitions
 #cccccc
 #ffffcc
FFFFFF #ffcc66
57009F #333399
CDADE8 #ff0000
57009F #333333
57009F #000000
*/

html { font-weight: normal; font-family: tahoma, arial, verdana, sans-serif; height:100%; border:0px; padding:0px; margin:0px;}
body {border:0px; padding:0px; margin:0px; height:100%;  background-color: #ffffff; color: #57009F;}
.center-layout {text-align:center; height:100%;  margin-left:15%; margin-right:15%; margin-top:10px;}

/* no borders on images */
img { border: 0px; }

/* centering the site 
make all outer layout tables have {margin-left:auto; margin-right:auto; }
use either on body or a center-layout div {text-align:center;}
*/

table.outer {background-color: #ffffff;  border-collapse:collapse; font-size: 20px;}
.center-layout { text-align:center;}
.center-layout table.outer {width:100%; margin-left:auto; margin-right:auto; margin-top:0px; border-collapse:collapse; padding:0px;}
.center-layout table.outer td { padding-bottom:0px; padding-top:0px; margin:0px;}

/* links */
a { color: #57009F; text-decoration: underline;}
a:hover {color: #CDADE8; text-decoration:none;}

/* HEADER */

.header {  padding: 30px 5px 5px 5px; margin-bottom:10px; height:100px; background-color: #; text-align:right; font-size: 20px; color:#;  }
.header_img { padding: 5px 5px 5px 5px; margin-bottom:10px;  border: solid 0px #000000;  background-color: #; height:100%; overflow: auto; }

/* TOP NAV */
.topnav { margin-bottom:10px;}
.topnav table, .toptabs table {width:100%; border-collapse:collapse;}
.toptabs table { height:35px; margin-bottom:3px; }
.topnav td.logo { width:157px; }
.topnav td.tabs { vertical-align:bottom; }
.toptabs td { text-align: center; border-left: solid 1px #ffffff;}
.toptabs td.noline {border-right: solid 0px #99cccc;}
.toptabs a { background-color: #57009F; display:block; text-transform: capitalize; color: #FFFFFF; text-decoration:none; height:100%;  padding-top:8px; }
.toptabs a:hover { display:block; color: #57009F; background-color: #CDADE8;  }
.toptabs .current { height:100%; padding-top:8px; display:block; color: #FFFFFF; background-color: #CDADE8; }

/* CENTRE CONTENT */
table.mainlayout { text-align:left; width:100%; margin: 5px 0px 10px 0px; border-collapse: collapse;}
td.leftnav { vertical-align:top; width:150px; text-align:left;}
td.right {  vertical-align:top; width:195px;}
td.center { vertical-align:top;}

	/* left nav */
	.lefttabs table { width:100%; border-collapse:collapse;}
	.lefttabs td { height:30px; vertical-align:middle;  border-bottom: solid 1px #ffffff; border-collapse:collapse; }
	.lefttabs a { text-decoration:none;  text-transform:lowercase; background-color:#57009F; display:block; height:100%; padding-top:8px; padding-left:5px; color: #FFFFFF; font-size: 12px;}
	.lefttabs a:hover { display:block; color: #FFFFFF; background-color: #CDADE8;}
	.lefttabs .current { text-decoration:none;  text-transform:lowercase; display:block; height:100%; padding-top:8px; padding-left:5px; color: #FFFFFF; background-color: #CDADE8; font-size: 12px;}
	
	/* news */
	.news { margin-top:30px; }
	.news h1 { font-size:16px; padding:5px; border-top: solid 1px #999999; border-bottom: solid 1px #999999;  margin-bottom:5px;   }
	.news a { color: #57009F;}
	.news a:hover { color: #CDADE8;}
	
	.news dl { margin-left:5px; margin-top:0px; }
	.news dd { margin-bottom:3px;}
	.news dt a {font-size:11px; line-height:normal; padding-left: 8px; background-image: url(/images/triangle_bullet.gif); background-repeat: no-repeat; background-position: left; font-weight: bold; color: #57009F;}
	.news dt a:hover {background-image: url(/images/triangle_bullet_grey.gif); background-repeat: no-repeat; background-position: left; font-weight: bold; color: #CDADE8;}
	.news dd a {font-size:11px; padding-left:0px; text-decoration:none; margin-left:-30px; display: block; color:#57009F;}
	.news dd a:hover {color: #CDADE8;}


	
	
	/* center */
	
	.maincontent {margin-left:10px; margin-right:10px; font-size:14px; line-height:18px;}
	.maincontent h1 { font-size:16px; font-weight:bold; color:#57009F; }
	.maincontent h2 { font-size:15px; font-weight:bold; color:#57009F; }
	.maincontent h3 { font-size:14px; font-weight:bold; text-decoration: underline; color:#57009F; margin-bottom:-15px; }
	.maincontent .highlight { font-weight:bold; color:#57009F;}
	.maincontent li { padding-bottom:5px; color:#57009F;  list-style-type: disc;}
	.maincontent .normal { color: #57009F; }
	.maincontent li a { font-size:14px; padding-bottom:2px; color:#57009F;  }
	.maincontent li a:hover { color:#CDADE8; }
	
	
	/* right - widget */
	.widget { height:380px; width:210px; border: solid 0px #999999; padding:0px;}
	.widget h1 { font-size:16px; margin-bottom:0px; }
	
	/* right - quick links */
	.qlinks { margin-top:30px; position:relative; }
	.qlinks h1 { font-size:16px; padding:5px; border-top: solid 1px #999999; border-bottom: solid 1px #999999; margin-bottom:5px;  }
	.qlinks a { color: #57009F; }
	.qlinks a:hover { color: #CDADE8;}
	
	.qlinks dl { margin-left:10px; margin-top:0px; }
	.qlinks dt { padding-bottom:3px;}
	.qlinks dt a {font-size:11px; line-height:normal; padding-left: 8px; background-image: url(../images/triangle_bullet.gif); background-repeat: no-repeat; background-position: left; color: #57009F;}
	.qlinks dt a:hover {background-image: url(../images/triangle_bullet_grey.gif); background-repeat: no-repeat; background-position: left; color: #CDADE8;}

	
	
/* FOOTER */
td.footer { border-top: solid 1px #999999; text-align:left; color:#999999; font-size:10px;}
.footer  { margin:10px 5px 0px 0px;}
.footer a { text-decoration:none; color:#999999;}
.footer a:hover, .footer .terms a:hover, .footer .address a:hover {color:#CDADE8; text-decoration: underline}
.footer .terms { font-size:11px; line-height:18px; padding-bottom:5px;}
.footer .terms , .footer .terms a { text-decoration:none; color:#666666;}
.footer .address { font-size:11px; line-height:normal; margin-bottom:0px; }
.footer .address , .footer .address a { text-decoration:none; color:#666666;}