/* style reset */
div			{ margin: 0; padding: 0; }
a img		{ border: 0; }
a			{ color: #028BCC; text-decoration:none; }
a:hover, a :active { text-decoration:underline; }
* { behavior: url(../iepngfix.htc) }

html	{width: 100%; height: 100%; }
body	{width: 100%; height: 100%; margin: 0; padding: 0; background-color: #E7F0FA; }

body	{ font-size: 80%; font-family:Tahoma, Arial, Helvetica, serif; color: #56616A; line-height: 1.55em; }
h2	{ font-size: 1.4em; color: #028BCC; }
h3	{ font-size: 1.2em; color: #028BCC; padding: 0; margin: 0; }
h4	{ color: #D65967; display: inline; font-size: 1.4em;  padding: 0; margin: 0; }

table	{ border-collapse: collpase; border-spacing: 0; }
td, th	{ padding: 5px; }
.even	{ background-color: #DCE9F8; }
th	{ background-color: #CFE1F5; color: #028BCC; text-align: center; }
cite	{ color: #D65967; font-size: 1.1em; font-weight: bold; }
b.h3	{  }
span.underline	{ text-decoration: underline; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-table; }
.clearfix{ display: block; }
* html .clearfix{height: 1%;}

#containerMain,
#containerSub	{ text-align: center; width: 100%; height: 100%; }
#containerMain	{ background: #E7F0FA url(../img/bg-main.jpg) repeat-x 0 0; }
#containerSub	{ background: #E7F0FA url(../img/bg-sub.jpg) repeat-x 0 0; }

#wrapper	{ margin: 0 auto; text-align: left; width: 876px; }
#headerMain, #headerSub	{ width: 100%; position: relative; }
#headerMain	{ height: 297px; background: url(../img/header-main.jpg) no-repeat 50% 0; }
#headerSub	{ height: 121px; background: url(../img/header-sub.jpg) no-repeat 50% 0; }
#content	{ clear: both; }

#headerMain	h1	{ padding: 0; margin: 0; position:absolute; top: 12px; left: 315px; text-indent: -1777px; }
#headerSub	h1	{ padding: 0; margin: 0; position:absolute; top: 25px; }

#mainMenu		{ list-style: none; margin: 0; padding: 0; height: 41px; }
#mainMenu li	{ list-style: none; margin: 0; padding: 0; display: block; float: left; height: 40px; }
#mainMenu li a	{ display: block; height: 40px;	overflow: hidden; text-indent: -1777px; }
#mainMenu li a:hover { background-position: 0 100%; }
#mainMenu li.about a	{ width: 270px; background: url('../img/btn-about.jpg') no-repeat 0 0; }
#mainMenu li.community a{ width: 171px; background: url(../img/btn-community.jpg) no-repeat 0 0; }
#mainMenu li.join a		{ width: 106px; background: url(../img/btn-join.jpg) no-repeat 0 0; }
#mainMenu li.news a		{ width: 185px; background: url(../img/btn-news.jpg) no-repeat 0 0; }
#mainMenu li.contact a	{ width: 143px; background: url(../img/btn-contact.jpg) no-repeat 0 0; }
#containerSub #mainMenu	{ margin-top: 1px; }



.column1,
.column1Sub	{ float: left; }
.column1	{ width: 410px; margin-top: 0; padding-right: 10px;}
.column1Sub	{ width: 702px; }
.column2	{ float: right; width: 260px; }
.column3	{ float: right; width: 174px; }

.midContainer		{ background: #FFF url(../img/shadow-wht.jpg) no-repeat 0 0; padding: 15px 10px; border-right: solid 1px #CFE1F5; border-bottom: solid 1px #CFE1F5; border-left: solid 1px #CFE1F5; line-height: 1.3em; }
.sideContainer		{ background: #CFE1F5 url(../img/shadow-btm.png) repeat-x 0 0; padding: 15px 10px 20px 20px; font-size: 0.9em; line-height: 1.3em; }
.bannerContainer	{ background: #CFE1F5 url(../img/shadow-btm.png) repeat-x 0 0; padding: 0 0 4px 4px; }
.column1SubContent	{ padding: 5px 15px; }
.flickrContainer	{ background-color: #FFF; padding: 15px; border-right: solid 1px #CFE1F5; border-bottom: solid 1px #CFE1F5; border-left: solid 1px #CFE1F5; text-align: center; line-height: 1.3em; }
.flickrContainer img{ margin: 0 auto; border: none; }
.flickrContainer a	{ text-decoration: none; }


div.column3 div.sideContainer	{ font-size: 0.9em; }

.column1SubContent img	{ padding: 4px; background-color: #CFE1F5; display: inline; }
.column1SubContent img.left	{ float: left; margin: 7px 7px 7px 0; }	
.column1SubContent img.right	{ float: right; margin: 7px 0 7px 7px; }	

div.midContainer h2	{ display: block; width: 220px; height: 140px; text-indent: -1777px; margin: 0 0 10px 8px; background: url(../img/join-us.gif) no-repeat 100% 100%; padding: 0; }
ul.joinUs			{ list-style: none; padding: 0; margin: 10px; }
ul.joinUs li		{ padding: 0; margin: 0; }
ul.joinUs li a		{ display: block; padding: 4px 0 4px 25px; background: url(../img/arrow-blue.gif) no-repeat 4px 7px; margin: 0; border-bottom: solid 1px #DCEAF8; font-size: 0.9em; font-weight: bold; }

a.readMore		{ float: right; display: block; width: 82px; height: 24px; background: url(../img/read-more.gif) no-repeat 0 0; font-size: 0.9em; font-weight: bold; color: #FFF; text-align: center; padding-top: 2px; cursor: pointer; }

.copyright		{ font-size: 0.8em; color: #B7B7B7;  line-height: 1.3em; padding-left: 10px; }
.copyright a	{ color: #B7B7B7; }

#footerSub	{ border-top: solid 1px #CFE1F5; }