/*Test Document for 3 floating panels */
div {
		border: 0px;
		background-color: #000000;
		padding: 0px;
		margin: 0px;
}

body {
		margin: auto;
		width: 800px;
		height: auto;
		background-color: #000000;
		text-align: center;
}

img {
		width: auto; 
		height: auto; 
		background-color: #000000;
}

li {
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		color: #FFFFFF;
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 2px;
}

table.maincontent {
		background-color:#000000;
		width: 800px;
		padding: 0px;
		border: 0px;
}

td.topleft {
		background-color: #000000;
		width: 38px;
		height: 83px;
		vertical-align: top;
		text-align: left;
}

td.topnews {
		background-color: #000000;
		width: 200px;
		height: 83px;
		background-image: url(images/ln_mid_hi.gif);
		background-position: top left;
		background-repeat: no-repeat;
		vertical-align: top;
		text-align: left;
}

td.topmid {
		background-color: #000000;
		width: 35px;
		height: 83px;
		vertical-align: top;
		text-align: left;
}

td.topmainhome {
		background-color: #FFFFFF;
		width: 490px;
		height: 83px;
		background-image: url(images/home-header-hi.gif);
		background-position: top left;
		background-repeat: no-repeat;
		vertical-align: top;
		text-align: left;
}

td.topmainabout {
		background-color: #FFFFFF;
		width: 490px;
		height: 83px;
		background-image: url(images/about-us-header-hi.gif);
		background-position: top left;
		background-repeat: no-repeat;
		vertical-align: top;
		text-align: left;
}

td.topmainnews {
		background-color: #FFFFFF;
		width: 490px;
		height: 83px;
		background-image: url(images/news-header-hi.gif);
		background-position: top left;
		background-repeat: no-repeat;
		vertical-align: top;
		text-align: left;
}

td.topmainsports {
		background-color: #FFFFFF;
		width: 490px;
		height: 83px;
		background-image: url(images/sports-header-hi.gif);
		background-position: top left;
		background-repeat: no-repeat;
		vertical-align: top;
		text-align: left;
}

td.topmainfaq {
		background-color: #FFFFFF;
		width: 490px;
		height: 83px;
		background-image: url(images/faq-header-hi.gif);
		background-position: top left;
		background-repeat: no-repeat;
		vertical-align: top;
		text-align: left;
}

td.topmainvolunteer {
		background-color: #FFFFFF;
		width: 490px;
		height: 83px;
		background-image: url(images/volunteer-header-hi.gif);
		background-position: top left;
		background-repeat: no-repeat;
		vertical-align: top;
		text-align: left;
}

td.topmainfundraising {
		background-color: #FFFFFF;
		width: 490px;
		height: 83px;
		background-image: url(images/fundraising-header-hi.gif);
		background-position: top left;
		background-repeat: no-repeat;
		vertical-align: top;
		text-align: left;
}

td.topmaingallery {
		background-color: #FFFFFF;
		width: 490px;
		height: 83px;
		background-image: url(images/gallery-header-hi.gif);
		background-position: top left;
		background-repeat: no-repeat;
		vertical-align: top;
		text-align: left;
}

td.topmaincontacts {
		background-color: #FFFFFF;
		width: 490px;
		height: 83px;
		background-image: url(images/contacts-header-hi.gif);
		background-position: top left;
		background-repeat: no-repeat;
		vertical-align: top;
		text-align: left;
}

td.topmainlinks {
		background-color: #FFFFFF;
		width: 490px;
		height: 83px;
		background-image: url(images/links-header-hi.gif);
		background-position: top left;
		background-repeat: no-repeat;
		vertical-align: top;
		text-align: left;
}

td.topright {
		background-color: #000000;
		width: 37px;
		height: 83px;
		vertical-align: top;
		text-align: left;
}


td.left {
		background-color: #000000;
		width: 38px;
		height: auto;
		vertical-align: top;
		text-align: left;
}

td.news {
		background-color: #ddefd9;
		width: 200px;
		height: auto;
		text-align: left;
}

td.mid {
		background-color: #000000;
		width: 35px;
		height: auto;
		vertical-align: top;
		text-align: left;
}

td.main {
		background-color: #000000;
		width: 490px;
		height: auto;
		vertical-align: top;
		text-align: left;
}

td.right {
		background-color: #000000;
		width: 37px;
		height: auto;
		vertical-align: top;
		text-align: left;
}


td.bottomleft {
		background-color: #000000;
		width: 38px;
		height: 90px;
		vertical-align: top;
		text-align: left;
}

td.bottomnews {
		background-color: #000000;
		width: 200px;
		height: 90px;
		vertical-align: top;
		text-align: left;
}

td.bottommid {
		background-color: #000000;
		width: 35px;
		height: 90px;
		vertical-align: top;
		text-align: left;
}

td.bottommain {
		background-color: #000000;
		width: 490px;
		height: 90px;
		vertical-align: top;
		text-align: left;
}

td.bottomright {
		background-color: #000000;
		width: 37px;
		height: 90px;
		vertical-align: top;
		text-align: left;
}

table.gallery {
		width: auto;
		height: auto;
		background-color:#000000;
		margin: 0;
		padding: 0;
		border: none;
		text-align: left;
}

td.gallery {
		width: 150px;
		height: auto;
		padding: 0;
		text-align: left;
		vertical-align: top;
		padding-bottom: 15px;
		padding-top: 5px;
		border-bottom: #999999 dotted 1px;
}


#container {
		width: 800px;
		height: auto;
		margin: auto 0;
		text-align: left;
}

#banner-top {
		margin: auto;
		width: 800px;
		height: 80px;
		background-color: #ffffff;
		background-image: url("images/banner_top_hi.gif");
		background-repeat: no-repeat;
		background-position: top;
}

#banner-mid {
		margin: auto;
		width: 800px;
		height: 43px;
		background-color: #ffffff;
		background-image: url("images/banner_mid_hi.gif");
		background-repeat: no-repeat;
		background-position: top;
}

/*navigation*/

#outer {	
			padding: 0px; 
			border: 0px; 
			border-color: #; 
			margin: 0px;
}

#point {
			display: table; 
			padding: 0; 
			margin: 0 auto; 
			list-style: none; 
			white-space: nowrap;
}

#point li {	
			display: table-cell; 
			margin: 0; 
			padding: 0;
}

#point li a {
			float: left; 
			font-family: arial; 
			font-size: 11px; 
			height: 50px;
			line-height: 50px; 
			letter-spacing: 0px; 
			padding: 0em 7px; 
			text-decoration: none; 
			color: #000000; 
			background: #ffffff; 
			border-right: 1px solid #42a02a; 
			border-left: 1px solid #426a2a;
}

#point li a:hover, #point li a.current {
			background:#000000; 
			color:#ffffff;
}

#point li a:hover b, #point li a.current b {
			display:block; 
			float:left; 
			background: transparent url(images/nav_underline.gif) no-repeat center bottom; 
			cursor:pointer;
} 

/*navigation-ends*/

#newsbanner {
		float: left;
		width: 250px;
		height: 63px;
		background-image: url("images/latest_news_top.gif");
		background-repeat: no-repeat;
		background-position: top;
		margin: auto;
}

#homeheader {
		float: right;
		width: 550px;
		height: 63px;
		background-image: url(images/home-header.gif);
		background-repeat: no-repeat;
		background-position: top;
		margin: auto;
}

#aboutheader {
		float: right;
		width: 550px;
		height: 63px;
		background-image: url(images/abou-us-header.gif);
		background-repeat: no-repeat;
		background-position: top;
		margin: auto;
}

#newsheader {
		float: right;
		width: 550px;
		height: 63px;
		background-image: url(images/news-header.gif);
		background-repeat: no-repeat;
		background-position: top;
		margin: auto;
}

#sportsheader {
		float: right;
		width: 550px;
		height: 63px;
		background-image: url(images/sports-header.gif);
		background-repeat: no-repeat;
		background-position: top;
		margin: auto;
}

#volunteerheader {
		float: right;
		width: 550px;
		height: 63px;
		background-image: url(images/volunteer-header.gif);
		background-repeat: no-repeat;
		background-position: top;
		margin: auto;
}

#fundraisingheader {
		float: right;
		width: 550px;
		height: 63px;
		background-image: url(images/fundraising-header.gif);
		background-repeat: no-repeat;
		background-position: top;
		margin: auto;
}

#galleryheader {
		float: right;
		width: 550px;
		height: 63px;
		background-image: url(images/gallery-header.gif);
		background-repeat: no-repeat;
		background-position: top;
		margin: auto;
}

#contactheader {
		float: right;
		width: 550px;
		height: 63px;
		background-image: url(images/contacts-header.gif);
		background-repeat: no-repeat;
		background-position: top;
		margin: auto;
}

#linksheader {
		float: right;
		width: 550px;
		height: 63px;
		background-image: url(images/links-header.gif);
		background-repeat: no-repeat;
		background-position: top;
		margin: auto;
}

#faqheader {
		float: right;
		width: 550px;
		height: 63px;
		background-image: url(images/faq-header.gif);
		background-repeat: no-repeat;
		background-position: top;
		margin: auto;
}

#news {
		float: left;
		height: auto;
		width: 184px;
		margin-left: 38px;
		margin-top: 0px;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 0px;
		background-color: #ddefd9;
}

#centrepanel {
		float: right;
		width: 485px;
		height: auto;
		margin-left: 0px;
		margin-right: 40px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 0px;
		padding-top: 0px;
		background-color: #ffffff;
}

#newsbottom {
		float: left;
		clear: left;
		height: 90px;
		width: 250px;
		margin: 0px;
		padding: 0px;
		background-image: url(images/newsleft_bottombg.gif);
		background-position: top left;
		background-repeat: no-repeat;
}

#centrepanelbottom {
		float: right;
		clear: right;
		width: 550px;
		height: 90px;
		margin: 0px;
		padding: 0px;
		background-image: url(images/bodyright_bottombg.gif);
		background-position: top left;
		background-repeat: no-repeat;
		text-align: left;
}

#button1 {
		width: 228px;
		float: left;
		padding-left: 6px;
		text-align: left;
		min-height: 90px;
		background-color: #996600;
		border-left: #000000 solid 7px;
		margin: 0px 0px 15px 0px;
}

#button2 {
		width: 228px;
		float: right;
		padding-left: 6px;
		text-align: left;
		min-height: 90px;
		background-color: #009900;
		border-left: #000000 solid 7px;
		margin: 0px 0px 15px 0px;
}

#quotebox {
		float: left;
		width: 400px;
		height: auto;
		border-left: #999999 solid 1px;
		margin: 0px 0px 15px 0px;
		padding: 10px 70px 10px 10px;
		text-align: left;
		color: #ffffff;
		font-size: 15px;
		font-family: Arial, Helvetica, Verdana, Sans-Serif;
		text-decoration: none;
		letter-spacing: 0;
		text-indent: 0px;
		line-height: 18px;
		background-color: #333333;
}

a{
		color: #ffffff;
		text-decoration: underline;
}

a:hover{
		color: #ffffff;
		text-decoration: underline;
}

h1 {
		padding: 0px;
		margin: 8 8 10 0px;
		color: #FFFF00;
		font-size: 28px;
		font-family: Arial, Helvetica, Verdana, Sans-Serif;
		text-decoration: none;
		word-spacing: Normal;
		text-align: left;
		letter-spacing: 0;
		text-indent: 0px;
		line-height: 30px;
}

h2 {
		margin: 8 8 10 0px;
		color: #FFFF00;
		font-size: 20px;
		font-family: Arial, Helvetica, Verdana, Sans-Serif;
		text-decoration: none;
		word-spacing: Normal;
		text-align: left;
		letter-spacing: 0;
		text-indent: 0px;
		line-height: 22px;
}

h3 {
		margin: 8px 0px 8px 0px;
		color: #FFFF00;
		font-size: 21px;
		font-family: Arial, Helvetica, Verdana, Sans-Serif;
		text-decoration: none;
		word-spacing: Normal;
		text-align: left;
		letter-spacing: 0;
		text-indent: 0px;
		line-height: 22px;
}

h4 {
		color: #FFFF00;
		font-size: 16px;
		font-family: Arial, Helvetica, Verdana, Sans-Serif;
		text-decoration: none;
		word-spacing: Normal;
		text-align: left;
		letter-spacing: 0;
		text-indent: 0px;
		line-height: 18px;
}

h5 {
		color: #FFFF00;
		font-size: 14px;
		font-family: Arial, Helvetica, Verdana, Sans-Serif;
		text-decoration: none;
		word-spacing: Normal;
		text-align: left;
		letter-spacing: 0;
		text-indent: 0px;
		line-height: 17px;
		margin-top: 4px;
		font-weight:normal;
}

p {
		padding-right: 10px;
		padding-left: 0px;
		color: #FFFF00;
		font-size: 18px;
		font-family: Arial, Helvetica, Verdana, Sans-Serif;
		text-decoration: none;
		word-spacing: Normal;
		text-align: left;
		letter-spacing: 0;
		text-indent: 0px;
		line-height: 20px;
}