/* general stuff */


body{
margin:0;
padding:0;
text-align: center;
font-family: verdana, arial, sans-serif;
background: #F5821F url('../images/bgTile.gif') 0 0 repeat;
}

a {
text-decoration:  none;
font-weight: bold;
border: none;
 }
a:hover {
text-decoration:  underline;
border: none;
 }

img {
border: none;
}

/* Layout */

#pagewidth{
width:744px;
background-color: #FFFFFF;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-bottom: 20px;
margin-top: 15px;
padding: 10px;
}

#header {
width:  100%;
}

#navigation {
height: 45px;
width: 100%;
background: transparent;
}

#outer{
padding: 0;
margin: 0;
}

#top-area {
padding: 0;
margin: 0 0 10px 0;
}

#bottom-area {
background-color: #FF6600;
padding: 14px;
}


#maincol-broad {
float: left;
width: 100%;
}

#maincol-narrow {
float: left;
width: 520px
}

#banner {
width: 100%;
height: 69px;
}

#content-area {
margin: 6px;
background: #FFF url('../images/mainC_bg.gif') 0 0 no-repeat;
}

#rightcol{
float: right;
width: 224px;
padding: 5px 0px 5px 0px;
background: #FF6600 url('../images/bg_rightcol.gif') 0 0 no-repeat;
}


#footer{
height: 40px;
width:100%;
font-size: 10px;
text-align: center;
padding-top: 10px;
}
#footer a {
color: #006BB7;
text-transform: uppercase;
padding: 0 15px 0 15px;
}
#footer table {
border-bottom: 1px solid #FFB27F;
margin-bottom: 5px;
}

iframe.wrapper {
z-index: 0;
}

.clr{clear:both;}

/* Home Page */

#user1{
margin: 0;
padding: 0;
margin-top: 43px;
height: 224px;
width: 742px;
}

#user1 .image {
	width: 465px;
	float: left;
}

#user1 .image img {
	width: 465px;
	height: 224px;
}

#user1 .story {
	width: 277px;
	height: 224px;
	float: right;
	background: transparent url('../images/feature_story_bg.gif') 0 0 no-repeat;
}

#user1 .story div {
	width: 257px;
	padding: 10px;
	
}

#user2{
float: right;
width: 277px;
margin: 0;
padding: 0;
}

#user3 {
float: left;
width: 60%;
}

#user4 {
float: right;
width: 36%;
}



/* Home Page Modules */

/* Top Area */
#top-area #user2 div.moduletable {
background: transparent url('../images/feature_story_bg.gif') 0 0 no-repeat;
font-family: Arial;
margin: 0;
padding: 20px 20px 0px 20px;
height: 204px; 
}

#top-area #user2 .feature_title {
font-weight: bold;
font-size: 16px;
padding: 0;
margin: 0;
}

#top-area #user2 .feature_content {
margin-bottom: 0px;
color: #333;
font-size: 12px;
font-weight: normal;
height: 127px;
}

#top-area #user2 .feature_buttons {
margin: 0px;
}

#top-area #user2 .button {
border: none;
}

/* Bottom Area */
#bottom-area h3 {
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 2px;
}
#bottom-area .inputbox {
color: #1171AE;
font-size: 9px;
font-weight: bold;
padding: 3px;
margin-right: 5px;
width: 190px;
border: 1px solid #FFFFFF;
background-color: #FFB42B;

height: 14px;
vertical-align: middle;
padding: 5px 3px 3px 3px;
}
#bottom-area .button {
padding: 0;
margint: 0;
border: none;
vertical-align: bottom;
}
#bottom-area div.moduletable-news h3 {
color: #006BB7;
font-size: 18px;
font-weight: bold;
font-family: Arial;
}
#bottom-area div.moduletable table {
margin-bottom: 15px;
}
#bottom-area div.moduletable form {
margin-bottom: 7px;
}

/* News and Events Module */
#bottom-area #user5 h3 {
color: #006BB7;
font-size: 18px;
font-weight: bold;
font-family: Arial;
margin-bottom: 5px;
}
div.moduletable-news,
#user5 {
height: 175px;
width: 405px;
margin-bottom: 15px;
padding: 10px 15px 15px 15px;
background: transparent url('../images/news_events_bg.gif') 0 0 no-repeat;
font-size: 11px;
}
.newsfeed-news a,
#user5 a {
color: #555555;
font-weight: normal;
}
.newsfeed-news ul,
#user5 ul {
padding: 0px;
margin: 0px;
}
.newsfeed-news li,
#user5 li {
list-style-type: none;
height: 45px;
}
div.moduletable-news .modulecontent,
#user5 .modulecontent {
width: 100%;
text-align: right;
}
.dateBlock {
display: block;
float:left;
height: 45px;
width: 35px;
text-align: center;
margin-right:3px;
padding-top: 2px;
background: transparent url('../images/bg_icon_date.png') 0 0 no-repeat;
}
.dateBlock .month {
font-size: 9px;
color: #999999;
text-transform: uppercase;
}
.dateBlock .day {
font-size: 12px;
font-weight: bold;
color: #333333;
}

li.newsfeed {
	height: 50px;
	margin-top: 7px;
}

/* Subpage Right Column Modules */

#rightcol div.moduletable {
width: 194px;
margin: 8px 10px 0 10px;
color: #FFFFFF;
font-size: 11px;
}

#rightcol div.moduletable .heading {
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
text-indent: 5px;
width: 100%;
padding: 2px;
background-color: #FF8D40;
border-top: 1px dotted #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
}
#rightcol ul.wp_sidebar {
list-style: none;
margin: 5px 0 5px 0;
padding: 0 0 0 5px;
}
#rightcol ul.wp_sidebar a {
color: #FFFFFF;
text-decoration: none;
padding-left: 15px;
background: transparent url('../images/bullet_star.gif') 0 0 no-repeat;
}
#rightcol ul.wp_sidebar a:hover {
text-decoration: underline;
}

#rightcol div.moduletable_light_orange {
color: #FFFFFF;
font-size: 11px;
width: 194px;
padding: 10px 5px 10px 5px;
margin: 10px 10px 10px 10px;
background-color: #FF8D40;
border-top: 1px dotted #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
}

div.moduletable_light_orange {
color: #FFFFFF;
font-size: 11px;
width: 194px;
padding: 10px 56px 10px 10px;
margin: 10px 10px 10px 0px;
background-color: #FF8D40;
border-top: 1px dotted #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
}
#rightcol div.moduletable_light_orange a,
#rightcol div.moduletable_medium_orange a {
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}
#rightcol div.moduletable_medium_orange {
color: #FFFFFF;
font-size: 11px;
width: 194px;
padding: 10px 5px 10px 5px;
margin: 0 10px 0 10px;
background-color: #FF7D26;
}

#rightcol h3 {
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 3px;
}
#rightcol .button {
padding: 0;
margin: 0;
border: none;
vertical-align: bottom;
}
#rightcol .inputbox {
color: #1171AE;
font-size: 9px;
font-weight: bold;
height: 14px;
vertical-align: middle;
padding: 5px 3px 3px 3px;
border: 1px solid #FFFFFF;
background-color: #FFB42B;
}
#rightcol #mod_login_username {
width: 183px;
margin-bottom: 3px;
}
#rightcol #mod_login_password {
width: 125px;
}
#rightcol #mod_signup_email {
width: 123px;
margin-right: 3px;
}

/* SubPage Navigation */
#rightcol div.moduletable-subnav {
width: 194px;
margin: 8px 10px 8px 10px;
color: #FFFFFF;
font-size: 12px;
}
#rightcol div.moduletable-subnav h3 {
display: block;
overflow: hidden;
text-indent: -9999px;
height: 34px;
width: 204px;
background: transparent url('../images/subnav_header.gif') 0 0 no-repeat;
}
#rightcol div.moduletable-subnav td {
padding-left: 5px;
}
#rightcol div.moduletable-subnav a.mainlevel {
color: #FFFFFF;
text-decoration: none;
padding-left: 15px;
padding-top: 3px;
padding-bottom: 3px;
background: transparent url('../images/bullet_star.gif') 0 5px no-repeat;
display: block;
}
#rightcol div.moduletable-subnav a.mainlevel:hover,
#rightcol div.moduletable-subnav a.sublevel:hover {
text-decoration: underline;
}
#rightcol div.moduletable-subnav a.sublevel {
color: #FFFFFF;
text-decoration: none;
padding-left: 20px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 11px;
line-height: 13px;
display: block; 
}

/* Chapter Sign In Header Module */
#header div.moduletable {
float: right;
position: relative;
margin-top: -100px;
color: #FF6600;
font-size: 12px;
font-weight: bold;
font-family: Helvetica;
text-align: right;
}
#header .button {
border: none;
margin-bottom: 20px;
}
#header .inputbox {
color: #1171AE;
font-size: 9px;
border: 1px solid #599FD0;
background-color: #F5FAFD;
}





/* Other Mambo Stuff */

#title {
}
.pathway {
color: #BBBBBB;
font-size: 10px;
text-decoration: none;
font-weight: normal;
}

.pathway a{
color: #BBBBBB;
text-decoration: none;
font-weight: normal;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

hr {
width:  90%;
 }
hr.separator {
width:  40%;
 }
a.pnav {
}
.pnav:hover {
}
.small {
font-size: 10px;
color: #ABABAB;
line-height: 11px;
}
.smalldark {
font-size: 10px;
color: #000;
height: 10px;
line-height: 10px;
text-align: left;
}

.sectiontableentry1 {
text-align: left;
background: #EFEFEF;
font-size: 10px;
padding: 2px;
}
.sectiontableentry2 {
background: #FFF;
font-size: 10px;
text-align: left;
padding: 2px;
}
.button {
border: 1px solid #BBBBBB;
}
.inputbox {
border: 1px solid #BBBBBB;
}

.createdate {
font-size: 10px;
color: #ABABAB;
height: 10px;
line-height: 0.7;
}
.modifydate {
font-size: 10px;
color: #ABABAB;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
a.readon {
font-size: 10px;
text-decoration: none;
line-height: 15px;
border: 1px solid #EEEEEE;
padding-left: 13px;
background: url(../images/readon.gif) no-repeat left;
margin-top: 10px;
text-decoration: none;
font-weight: normal;
}

.blog_more {
font-size: 10px;
}

a.readon:hover {
background: #EEEEEE url(../images/readon.gif) no-repeat left;
text-decoration: none;
}

.blog {
width: 100%;
text-align: left;
background: transparent;
font-size: 11px;
line-height: 1.8;
}



.contentpaneopen,
.contentpane,
#addEventForm,
#content-area table  {
text-align: left;
background: transparent;
font-size: 12px;
line-height: 1.8;
width: 100%;
}

#searchresults {
font-size: 11px;
}

.contentheading {
width: 98%;
font-weight: bold;
font-size: 22px;
height: 23px;
line-height: 23px;
font-family: Arial, verdana, sans-serif;
color: #006BB7;
}
.componentheading {
width							: 98%;
font-weight						: bold;
font-size						: 22px;
font-family						: Arial, verdana, sans-serif;
color							: #006BB7;
margin-bottom					: 5px;
border-bottom					: 1px dotted #002E61;
}
table.blog .contentheading,
a.listingName {
	width							: 98%;
	font-weight						: bold;
	font-size						: 16px;
	font-family						: 'Trebuchet MS', verdana, sans-serif;
	color							: #006BB7;
	margin-bottom					: 0px;
}
table.contentpane td.contentheading {
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family: 'Trebuchet MS', verdana, sans-serif;
border: none;
}

table.contentpaneopen ul {
list-style: none;
}
table.contentpaneopen ul li{
list-style-image: url('../images/nav_star_transparent.gif');
}


table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.contentdescription {
font-size: 12px;
font-weight: bold;
color: #FF6600;
}
.sectiontableheader {
font-weight: bold;
font-size: 10px;
height: 25px;
line-height: 25px;
}
.categorytitle {
font-weight: bold;
font-size: 16px;
height: 25px;
line-height: 25px;
font-family: "Trebuchet MS", Verdana, sans serif;
}

a.category {
text-decoration:  underline;
 }
a.category:hover {
text-decoration:  underline;
 }
table.moduletable {
width:  100%;
 }
table.moduletable th  {
font-size: 80%;
}

.poll {
font-size: 10px;
text-align: center;
}


.back_button a{
font-size: 10px;
font-weight: normal;
}

a.blogsection,
.pagenav {
font-size: 10px;
color: #F5821F;
}

.blog_more ul li{
list-style: none;
padding-left: 14px;
line-height: 18px;
}

table.contenttoc {
border: 1px solid #CCCCCC;
padding: 3px;
width: 100%;
}

table.contenttoc th{
font-weight: bold;
font-size: 10px;
border-bottom: 1px solid #BBBBBB;
}

form {
margin: 0px;
padding: 0px;
}

.buttonheading {
vertical-align: top;
padding-top: 3px;
}

.pagenav_prev a,
.pagenav_next a {
font-size: 11px;
color: #006BB7;
}



textarea { width: 200px !important; }
body .salsa textarea { width: 200px !important; }

.moduletableeventscal .componentheading td {
font-size:14px;	
}


#social {
	float: right;
}
