/** Kellen Interactive Base CSS Document **/

* { margin:0; padding:0; border:0; } /* forces all spacing to be set manually */
html { font-size: 62.5%; font-family: Verdana, Helvetica, Arial, Sans;} /* Allow for easy use of em sizing */
body{ background: #d7dde4; }
h1, h2, h3, h4{ margin: 1.5em 0 0.5em 0; }
h2.leader{ margin-top: 0; }
h1{ font-size: 3.0em; font-weight: normal; }
h2{ font-size: 1.8em; font-weight: normal; color: #264772; }
h2#latestnews{ background: url("../images/latest_news.gif") no-repeat; height: 24px; }
h2#latestnews span{ display: none; }

h2#upcoming{ background: url("../images/upcomingevents.gif") no-repeat; height: 24px; }
h2#upcoming span{ display: none; }

h2#membernews{ background: url("../images/membersinthenews.gif") no-repeat; height: 24px; }
h2#membernews span{ display: none; }

#joinwrma {text-align:center;background: url(../images/joinwrma.jpg) no-repeat; width:121px; height:31px;margin:24px 0px 18px 45px;}

.homeboxes {width:211px;background-image:url(../images/memberspotlight_bckgrnd.gif);background-repeat:repeat-y;text-align:center;}

#joinwrmanowbox {text-align:center;width:252px;background:url(../images/joinwrmabckgrnd.gif);background-repeat:repeat-y;}
#joinwrma a {color:white; font-size: 14px; line-height:30px;text-decoration:none;}
#joinwrma a:visited {color:white; font-size: 14px; line-height:30px;}
#joinwrma a:hover {color:#79E3E3; font-size: 14px; line-height:30px;text-decoration:underline;}

#pressreleases {background: url("../images/press_releases.gif") no-repeat; height: 24px;}
#pressreleases span {display: none;}
h4{font-size: 1.2em; font-weight: normal; }

h3{ font-size: 16px; font-weight: bold; color: #555;}
h5 { font-size: 18px; font-weight: bold; color: #264772; text-align: center;}
ul{ list-style: none; }

#contentcolumn p, #contentcolumn ul{ margin: 1em 0; }
#contentcolumn p, #contentcolumn li{ font-size: 1.1em; color: #666666; line-height: 1.8em; }
#contentcolumn li li{ font-size: 1.0em; }
#contentcolumn ol{ margin-left: 2.1em; }
#contentcolumn ul li{ background: url(../images/li_bluedot.gif) no-repeat 0 9px; padding: 1px 0 2px 16px; }
#contentcolumn ul.redarrow li{ background: url("../images/li_redarrow.gif") no-repeat; padding-left: 1.2em; background-position: 0 0.3em; margin: 1em 0; }

a{ color: #0000cc; font-weight: bold; }
a:hover{}
a:visited{}
a:active{}

/*** LAYOUT ***/

#maincontainer{ width: 756px; margin: 20px auto; background: url("../images/page_bg.gif") repeat-y;}
#topsection{ background: url("../images/cap.gif") no-repeat; height: 46px; _margin-bottom: 0px;}
 
#contentwrapper{ float: left; width: 100%; }
#contentcolumn{ margin-left: 262px; padding: 0 20px 0 0;}

#leftcolumn{
	float: left;
	width: 212px; /*Width of left column*/
	margin-left: -756px; /*Set left margin to -(MainContainerWidth)*/
	padding-top: 50px; 
	padding-left: 20px;
}

#footer{
	clear: left;
	width: 100%;
	background: url("../images/boot.gif") top no-repeat #d7dde4; 
	text-align: center;
	padding: 4px 0;
}

#topsection img{ float: left; position: relative; top: 24px; left: 25px; }
#flash{ position: relative; margin-bottom: 12px;}

.featurebox{ background: url("../images/weatherbox_bg.gif") repeat-y; width: 203px; padding-bottom: 6px; }
.podcastbox { background: url("../images/podcastbox_bg.gif") repeat-y; width: 203px; padding-bottom: 6px; }
.featurebox2{ background: url("../images/home_feat_world.jpg") repeat-y; width: 203px; padding-bottom: 6px; }
.featureboot{ height: 7px; background: url("../images/weatherbox_foot.gif") no-repeat #ffffff; margin-bottom: 12px; }
.podcastboot{ height: 7px; background: url("../images/podcastbox_foot.gif") no-repeat #ffffff; margin-bottom: 12px; }


#leftcolumn p{ margin: 1em; color: #666666; line-height: 1.3em;}
#leftcolumn h2{ text-align: center; margin: 0.5em 0;}
#leftcolumn h3{ margin: 0; }

#joinbox{ height: 138px; width: 203px; background: url("../images/joinbox_bg.gif") no-repeat #ffffff; }

#footer p{ color: #666666; padding-top: 10px; }
#footer p.copyright{ float: left; padding-left: 20px; }
#footer p.design{ text-align: right; padding-right: 20px; }

/** END LAYOUT **/

/******* Reg FORM ******/

#contentcolumn form input { border: 1px solid #cccccc; padding: 0.2em; }
#contentcolumn form #submit { border: none; }

#regform form { margin: 1em 0; }
#regform form fieldset { padding: 1em 2em; border-top: 1px solid #cccccc; }
#regform form fieldset legend{ color: #666666; font-size: 12px; }
#regform form fieldset label, #regform form fieldset input, #regform form fieldset select{
	font-size: 1.2em;
	color: #333333;
	float: left;
	display: block;
	margin-bottom: 0.8em;
	width: 12em;
}

#regform form fieldset input.checkbox, #regform form fieldset label.checkboxlabel{
	width: 28em;
	margin-left: 1em;
	border: 0;
	float: left;
	text-align: left;
}

#regform form fieldset input.checkbox{
	width: auto;
	margin-left: 5em;
	border: 0;
	float: left;
}

#regform form fieldset input.radio{
	width: auto;
	margin-left: 5em;
	border: 0;
	float: left;
}

#regform form fieldset label{
	width: 11em;
	text-align: right;
	margin-right: 1em;
}

#regform form fieldset label.required{ font-weight: bold; }
#regform form fieldset label.required:before{ content: "* "; }
#regform form fieldset input{ border: 1px solid #cccccc; padding: 0.2em; }
#regform select{ border: 1px solid #cccccc; }
#regform form fieldset textarea { height: 7em; width: 25em; border: 1px solid #666; }
#regform form br{ clear: both; }
#regform form li{ font-size: 1.2em; line-height: 1.4em; margin-left: 5em; }
#regform form ul{ margin-bottom: 1em; }
#regform form .top{ margin-top: 1em; }
#regform form input.submit{
	margin-left: 1em;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
#hiddenbox{ display: none; }
label.error { font-weight: bold; color: #ff0000; background-color: #FFFF99;}

.banner-block { background: #f7f7f7 url(../images/generic_bg.png) repeat-y top right; border: 3px solid #006394; padding: 11px 5px 7px; margin-bottom: 10px; text-align: center;} 
.banner-block h2 { font: 19px Geneva, Arial, Helvetica, sans-serif; color: #264772; margin: 14px 0 5px 0; }

#contentcolumn .banner-block p { font-size: 13px; line-height: 19px; font-weight: bold; color: #444; margin-top: 6px}

.square {width: 310px; float: right; padding: 11px 10px 7px;} 
.home .square { margin:0 0 17px 36px;
	padding:11px 10px 7px;
	float: none;
	width:374px; }



.ad-banner { padding-bottom: 12px;}
.skysc-r { float: right; width: 124px; display: block; margin: 0 0 12px 20px;}
.ad-banner img {border: 1px solid #555}