/* Start of CMSMS style sheet 'Accessibility and cross-browser tools' */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'Accessibility and cross-browser tools' */

/* Start of CMSMS style sheet 'Siterhood - Styles' */
/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background: url(uploads/sisterhood/bgr.gif) #8b8b8b repeat-x top;
	color: #666666;
	font: 12px "Trebuchet MS",Arial,Verdana,Helvetica,Sans-Serif;
}
a{
	color: #f0047f;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px;
}
li{
	list-style: none;
}
/*=== Layout ===*/
#page, #footer{
	background: url(uploads/sisterhood/page-bot.gif) #ffffff no-repeat bottom;
	margin: 0 auto;
	width: 790px;
}
/*=== Header ===*/
#header{
	background: url(uploads/sisterhood/header-bgr.gif) no-repeat top;
	height: 101px;
}
/*- Logo -*/
#header h1{
	background: url(uploads/sisterhood/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 266px;
}
#header h1 a{
	display: block;
	height: 101px;
}
#header h1 a:hover{
	text-decoration: none;
}

/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	clear: both;
	font-size: 13px;
	height: 35px;
	padding: 4px 0 0;
}
#nav1 li a{
	background: url(uploads/sisterhood/nav1-bgr.jpg) no-repeat top;
	color: #ffffff;
	display: block;
	height: 35px;
	line-height: 35px;
}

/*=== All Columns ===*/
#columns{
	padding: 0 4px 15px 23px;
}
#columns h2{
	color: #f0047f;
	font: 21px Georgia,"Times New Roman", Times, serif;
	margin: 0 0 13px;
}
#columns h3{
	color: #5e7caa;
	font-size: 17px;
	margin: 0 0 12px;
}
#columns p{
	line-height: 16px;
	padding: 0 0 15px;
}
/*=== Center Column ===*/
#centercol{
	float: left;
	margin: 30px 0 0;
	width: 530px;
}
/*=== Right Column ===*/
#rightcol{
	float: right;
	margin: 5px 0 0;
	width: 220px;
}
/*=== Styling Boxes ===*/
/*- Title Image -*/
#title{
	float: left;
	height: 160px;
	margin: 0 0 0 4px;
}
* html #title{
	margin: 0 0 0 2px;
}
#title img{
	display: block;
}
/*- Picture Paging -*/
.paging{
	float: left;
	font-size: 13px;
	font-weight: bold;
	height: 19px;
	margin: -19px 0 0;
	position: relative;
	width: 549px;
}
.paging ul{
	float: right;
}
.paging li{
	float: left;
	line-height: 17px;
	margin: 0 0 0 4px;
}
.paging li a{
	background: #e7f3f2;
	color: #9baeca;
	display: block;
	float: left;
	padding: 0 5px;
}
.paging li a:hover{
	background: #ffffff;
	text-decoration: none;
}
/*- Newsletter -*/
#news{
	background: url(uploads/sisterhood/newsletter-bgr2.gif) no-repeat top;
	color: #ffffff;
	float: right;
	height: 160px;
	margin: -15px 0 0;
	padding: 10px 0px 5px;  /*aweber related style- padding: 15px 0 0;*/
	position: relative;
	width: 239px;
}
#news h2{
	font-size: 18px;
        width: 200px;
	margin: 0 0 0px;  /*aweber related style- margin: 0 0 25px 0;*/
        padding: 0px 0 5px;
	text-align: center;
}
iframe{
        /*background: transparent;
        border-top: #C2D6EF solid 2px;*/
        height: 116px;
        width: 235px;
}
iframe .layoutgrid td{
        border: red solid 1px;
        padding: 0;
        margin: 0;
}

.news-inner{
        width: 229px;
	margin: 0 2px;
}


/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
img.fl, img.fr{
	border: 1px solid #717e8e;
	display: block;
	margin: 8px 15px 5px 0;
}
img.fr{
	margin: 6px 0 5px 15px;
}
a{
	color: #f0047f;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px;
}
li{
	list-style: none;
}


/*- Support -*/
.support{
	float: left;
	bottom: 0;
	background: url(uploads/sisterhood/ico-c.gif) no-repeat left top;
	color: #949494;
	padding: 0 0 0 37px;
	margin: 20px 0 0 0;
}
#columns .support p{
	padding: 0 0 10px;
}
/*- Box1 -*/
.box{
        position: relative;
	background: url(uploads/sisterhood/box-bgr.gif) no-repeat top;
	color: #f0047f;
	font-size: 13px;
	height: 211px;
	margin: 0 0 5px;
	padding: 38px 15px 3px 32px;
}
.members_btn {
        position: absolute;
        bottom: 25px;
        width: 180px;
        margin-left: -10px;
}
.members_btn a {
        display: block;
        background: url(uploads/sisterhood/mem_btn.jpg) no-repeat 0 0;
        height: 40px;
}
.members_btn a:hover {
        background-position: 0 -40px;
        text-decoration: none;
}
#columns .box h3{
	color: #d96a9b;
	padding: 0 0 0 23px;
}
/*- Box2 -*/
.box2{
    	background: url(uploads/sisterhood/b2-btm.gif) transparent no-repeat bottom;
	font-size: 13px;
	width: 220px;
}
.box2 h3{
	text-align: center; 

}
.box2 .top{
	background: url(uploads/sisterhood/b2-top.gif) no-repeat top;
	clear: both;
	height: 5px;
	overflow: hidden;
}
.box2 .quote-credit{
        font-size:10px;margin-top:5px;}
.box2 .spacer{
	height: 1%;
	padding: 5px 13px 0;
}
.box2 a:link, .box2 a:hover{
	color:#666666;
}
.box2 a:link{
        color: #e9e9e9;
}

/*=== Styling Forms ===*/
/*- Form1 -*/
.form1{
	padding: 0 0 0 30px;
}
.form1 div{
	height: 22px;
	line-height: 22px;
	margin: 0 0 2px;
}
.form1 label{
	float: left;
	font-size: 14px;
	font-style: italic;
	width: 45px;
}
.form1 input{
	background: #cdd6e5;
	border: 1px solid #ffffff;
	width: 135px;
}
.form1 .btn{
	background: none;
	border: 0;
	margin: 1px 0 0 45px;
	padding: 0;
	width: auto;
}
* html .form1 .btn{
	margin: 0 0 0 48px;
}
/*=== Styling Buttons ===*/
a.more{
	font-size: 11px;
	font-style: italic;
}
/*=== Footer ===*/
#footer{
	background: url(uploads/sisterhood/footer-bgr.png) repeat-x top;
	color: #ffffff;
	height: 72px;
	margin-top: 1px;
	text-align: center;
}
#footer a{
	color: #ffffff;
}
#footer ul{
	font-size: 13px;
	padding: 15px 0 10px;
}
#footer li{
	display: inline;
	padding: 0 15px;
}
/*=== Flash Alt ===*/
#slideshow {
        position: relative;
}
.flash-alt {
	position: absolute;
	left: 0; /*needed to make IE float right correctly*/
	top: 2px;
	font-size: 11px;
	letter-spacing: -1px;
}
.flash-alt p {
	margin: 0 0 0 6px;
	padding: 0;
}

/*====== CONTACT FORM ======*/
.contactform fieldset {padding: 1em; background-color: #eee;} 
.contactform fieldset legend {font-weight: bold;} 
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0; font-size: 13px;} 
.contactform div label {display: block; width: 16em; } 
.contactform div.required {color: #f00; font-size: 11px;} 
.contactform div.phone {color: #666; font-size: 11px;}
.contactform #m3fbrp__16, .contactform #m3fbrp__52 { width: 98.5%; font-size: 13px;} 
.contactform #m3fbrp__52 { height: 60px; width: 150px; }
.contactform #m3fbrp__16 {height: 120px;}
.contactform #m3fbrp__13, .contactform #m3fbrp__14, .contactform #m3fbrp__15, .contactform #m3fbrp__51, .contactform #m3fbrp__53 {width:16em;}
.contactform label {}


/*==== BLOG ON HOME PAGE ====*/
.box2 .blogs-pagechooser,
.box2 .blogs-showblogsentrytime,
.box2 .blogs-showblogsentrycomments,
.box2 .blogs-showblogsentrycategory,
.box2 #blogs-breadcrumb {
    display:none;
}
.box2 .blogs-showblogsentrytitle,  .box2 .blogs-showblogsentrytitle a, .box2 .blogs-showblogsentryshorttext, box2 .blogs-showblogsentryshorttext a  {
    font-family: arial, verdana, sans-serif;
    color: #524E4F;
}
#columns .box2 .spacer h3 {
    color: #4A648A;
}
.box2 .spacer {
    padding-bottom: 15px;
}
.box2 .blogs-showblogsentrytitle {
    padding: 0 0 4px 0;
    font-size: 88%;
    font-weight: bold;
}
.box2 .blogs-showblogsentrytitle a {
}
.box2 .blogs-showblogsentryshorttext {
    position: relative;
    font-size: 85%;
    height: 1%;
}
.box2 .blogs-showblogsentryshorttext a {
    position: absolute;
    font-size: 85%;
    right: 0;
    bottom: -8px;
    margin: 10px 0 0 0;
    color: #4A648A;
}
.blogs-showblogsentry {
    border-bottom:1px solid #BFBFBF;
    padding: 4px 0 8px;
}






/* -- Index Page Additions -- */
/*=== Left Column ===*/
.index #columns{
	padding: 0 4px 6px 4px;
	/* EDITED padding: 0 4px 15px 23px; */
}
.index #centercol{
	width: 316px;
	/* EDITED width: 530px; */
}
.index .support{
	width: 700px;
        float: left;
	/* EDITED
	margin: 20px 0 0 0;
	   ADDED width */
}
.index .box2, .box2 { 
	background: url(uploads/sisterhood/b2-btm.gif) #c0d0ed no-repeat bottom;
	/* EDITED background: url(uploads/sisterhood/box2-bgr.gif) #cad3e2 no-repeat bottom; */
}
.index .box2 .top, .box2 .top {
	background: url(uploads/sisterhood/b2-top.gif) no-repeat top;
	/* EDITED background: url(uploads/sisterhood/box2-top.gif) no-repeat top; */
}

.index #leftcol{
	float: left;
	margin: 30px 13px 0 0;
	width: 220px;
}
/*- Box3 -*/
.index .box3{
	background: url(uploads/sisterhood/box3-mid.gif) repeat-y;
        font-size: 11px;
	width: 220px;
	margin: 0 0 17px;
}
#columns .box3 h2 {
	font: bold 18px "Trebuchet MS",Arial,Verdana,Helvetica,Sans-Serif;
	color: #d96295;
	text-transform: uppercase;
	text-align: left;
	padding: 5px 0 0 37px;
}
.index .box3 h5 {
	font-size: 12px;
	font-weight: bold;
	color: #d96a9b;
}
.index .box3 p {
	font-size: 11px;
	color: #645e5f;
}
.index .box3 a {
	font-size: 10px;
	color: #645e5f;
	text-decoration: none;
}
.index .box3 .NewsSummaryLink a {
        font-weight: bold;
        font-size: 14px;
        color: #d96295;
}
.index .box3 .NewsSummaryMorelink {
        text-align: right;
}
.index .box3 .NewsSummary {
        border-bottom: 1px solid #ccc;
        padding: 6px 0 2px 0;
}
.index .box3 a:hover {
	text-decoration: underline;
}
.index .box3 .right{
	text-align: right;
	margin: -24px 0 4px 0;
	border-bottom: 1px solid #cccccc;
}
.index .box3 .top{
	background: url(uploads/sisterhood/box3-top.gif) no-repeat top;
	clear: both;
	height: 47px;
}
.index .box3 .spacer{
	background: url(uploads/sisterhood/box3-bot.gif) no-repeat bottom;
	height: 1%;
	padding: 6px 10px 18px 10px;
	font: Arial,Verdana,Helvetica,Sans-Serif;
}
/*- Box4 -*/
.index .box4 {
	background: url(uploads/sisterhood/box4-mid.gif) repeat-y;
	width: 220px;
}
.index .box4 p {
	font-style: italic;
}
.index .box4 .author {
	text-align: right;
	font-weight: bold;
	margin: -16px 0 14px 0;
}
#columns .box4 h2 {
	font: bold 18px "Trebuchet MS",Arial,Verdana,Helvetica,Sans-Serif;
	color: #d96295;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 0 0 37px;
}
.index .box4 .top {
	background: url(uploads/sisterhood/box4-top.gif) no-repeat top;
	clear: both;
	height: 47px;
}
.index .box4 .spacer {
	background: url(uploads/sisterhood/box4-bot.gif) no-repeat bottom;
	height: 1%;
	padding: 15px 10px 1px 10px;
	color: #808080;
	font: 11px Arial,Verdana,Helvetica,Sans-Serif;
}
#page .NewsSummaryPostdate {
        margin-top: 12px;
}

/* End of 'Siterhood - Styles' */