body
{
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:62.5%;
	text-align:left;
}
#content
{
	margin:10px auto 10px auto;
}


strong{ font-weight:bold; }
em{ text-decoration:italic; }

/* put some defaults here for common elements, remember margins and paddings have been all set to nothing */
h1{
background-image:url(../images/arrow_yellow.gif);
background-repeat:no-repeat;
border-bottom:1px dashed #333333;
font-size:1.8em;
font-weight:bold;
padding-bottom:3px;
padding-left:0.5em;
margin-bottom:1em;
}
h2{
font-size:1.6em;
font-variant:small-caps;
font-weight:bold;
margin:1.8em 0 1em;
line-height:1.2em;
}

h3{
font-size:1.4em;
font-weight:bold;
line-height:1.2em;
}


h4{
}
h5{
}

p, #content li {
	line-height: 1.5;
	font-size:1.2em;
}

p,
UL,
OL {
padding-bottom:15px;
}

#content ul {
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin-left:20px;
}
#leftnav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
}


ol{
margin-left:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:decimal;
}

li
{
	/*font-size:1.3em;
	margin:5px;*/
}
sup{
font-size:0.8em;
position:relative;
top:-0.5em;
}

a:link, a:visited, a:hover, a:active {
color:#54682B;
text-decoration:underline;
}

ol.breadcrumb{
margin-left:0;
margin-bottom:1em;
font:0.8em Verdana, Arial, Helvetica, sans-serif;
color:#666;
list-style-type:none;
}
ol.breadcrumb a{
color:#54682B;
}
ol.breadcrumb a:hover{
}

/* forms */
fieldset
{
}
legend
{
}
label
{
}
input
{
}
textarea
{
}
/* wont work in ie6 and below, but it wont break anything and is a nice usability touch*/
input:focus, textarea:focus
{
	/*background-color:yellow; - for example*/
}
select
{	
}


/* more site specific stuff...*/
#mainhead
{
	text-align:center;
	font-size:4em;
	padding:20px 0px 20px 0px;
}


#content {
	width: 760px;
}

/*#contenthome {
	float:right;
	width: 525px;
	padding: 5px 15px 0 15px;
}*/
#contenthome {
float:right;
padding:5px 0pt 0pt 15px;
width:540px;
}

#masthead {
	width: 100%;
	text-align:center;
	background-color: #333333;
	padding: 5px 0 5px;
}

.contactus {
	background-color:#80A041;
	text-align:right;
	padding: 3px 10px 3px 0;
}
.contactus a:link, .contactus a:visited {
	color:#fff;
	text-decoration:none;
}
.contactus a:hover, .contactus a:active {
	text-decoration:underline;
}


.home {
	background-color:#B1B156;
}
.iccns {
	background-color:#D2A85A;
}
.activities {
	background-color:#D8C854;
}
.jccs {
	background-color:#A0A475;
}
.links {
	background-color:#ACACAC;
}
.membership {
	background-color:#80A041;
}
.selected {
	background-color:#362F2E;
}

#contentcontainer {
	width:100%;
	background-image: url(../images/leftnav_bg.gif);
	background-repeat:repeat-y;
}

#leftnav {
	float: left;
	width: 190px;
	border-top: 1px solid #fff;
	
	}
#leftnav li {
	padding: 7px 5px 9px 20px;
	border-bottom: 1px solid #fff;
	line-height:1.2em;
}
#leftnav ul li a{
	font-size: 15px;
	font-weight:bold;
	color: #fff;
	text-decoration: none;
}
#leftnav ul li a:hover {
	text-decoration: underline;
}

#leftnav ul {
padding-bottom:0px;
}

DIV.secImage{
padding-bottom:1.5em;
padding-top:0px;
text-align:center;
}
DIV.mtgImages{
float:right;
padding-left:10px;
padding-top:5px;
}
IMG.bio{
float:right;
}
/****Footer *********/
#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666;
	padding: 5px 0;
	text-align:center;
	margin-top: 20px;
	border-top: 15px solid #333;
	margin-bottom: 50px;
}
#footer a:link, #footer a:visited { 
	color: #666;
	text-decoration:none;
}
#footer a:hover, #footer a:active {
	text-decoration:underline;
}


/* Styles for homapge  */

#homeleft {
float:left;
margin-right:2%;
width:48%;
}
#homeright {
float:right;
width:48%;
}
.homebox {
height:120px;
width:100%;
}
.homebox img {
clear:none;
float:right;
}
.homebox h2 {
background-image:url(../images/arrow_grey.gif);
background-repeat:no-repeat;
color:#FFFFFF;
float:left;
font-size:16px;
font-weight:bold;
margin:5px 0pt 5px 5px;
padding-left:8px;
}
.homebox a:link, .homebox a:visited {
color:#FFFFFF;
text-decoration:none;
}
.homebox a:hover, .homebox a:active {
text-decoration:underline;
}

#homeleft .homebox p, #homeright .homebox p {
clear:left;
color:#FFFFFF;
float:left;
padding:0pt 5px;
width:130px;
}

.homeboxspacer {
height:22px;
}


/*****Login ****/

.login  {
width:520px;
float:left;




}


.login label,  .login input {
display:block;
float:left;
margin:5px;
width:150px;




}
.login label {
width:100px;
font-size:1.2em;
clear:left;

}

.checkbox input {
clear:left;
margin-left:115px;
width:auto;
}

* html .checkbox input {

margin-left:60px;

}

.checkbox label {
clear:none;
}

.login p {
clear:left;
float:left;
width:100%;


}

/*** Paypal ****/
.paypal {
width:250px;
margin:auto;

}
.paypal td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
padding:5px 0px;
}

.paypal input {
margin-left:20px;
margin-top:10px;


}

.paypal select {
width:220px;

}