body 
{ 
	background-color: #fcfce3; 
	margin:50px 0px; 
	padding:0px;
	text-align:center;
}

a:link 
{ 
	color: #060; 
}

a:visited 
{ 
	color: #060; 
}
	
a:active 
{ 
	color: #060; 
}

p { font-size:10px }

#momsList li {list-style-type:square;
                  list-style-position:inside; 
     }

#momsList ul{ margin-left:-15px;
            
     }
#header_back 
{ 
	background-image: url(../images/header.gif); 
	text-align: left; 
	position: absolute; 
	left: 50%; 
	width: 800px; 
	height: 241px; 
	margin-left: -398px; 
	background-repeat: no-repeat;
	top: 0px;
}

#text 
{ 
	font-size: small; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: normal; 
	text-align: justify; 
	position: absolute; 
	top: 255px; 
	left: 50%; 
	width: 610px; 
	min-height:300px;
	margin-left: -220px; 
	float: left;
	padding: 15px; 
}

#left 
{ 
	font-size: small; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	text-align: left; 
	word-spacing: 1px; 
	letter-spacing: -0.5px; 
	position: absolute; 
	top: 275px; 
	left: 50%; 
	width: 135px; 
	margin-left: -398px; 
	padding: 5px; 
	border: solid 1px #440168; 
}

#caption-right
{ 
	float: right; 
	width:auto;
	font-size: x-small; 
	text-align: left; 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 10px; 
	padding:5px 5px 5px 5px;
	font-weight: bold
}

#caption-left 
{ 
	float:left; 
	width:auto;
	font-size: x-small; 
	text-align: left; 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 10px; 
	padding:5px 5px 5px 5px;
	font-weight: bold 
}

#h 
{ 
	color: #000; 
	font-size: 125%; 
	font-family: verdana, arial, helvetica; 
	font-weight: bold; 
	text-align: left; 
	position: absolute; 
	top: 230px; 
	left: 50%; 
	width: 627px; 
	margin-left: -208px; 
}

/************************************************************************
* Navigation Menu 
************************************************************************/
#tabsC 
{ 
	float:left;
	width:800px; 
	background:#fcfce3; 
	font-size:x-small; 
	font-family: verdana, arial; 
	font-weight: bold; 
	line-height:normal; 
	position: absolute; 
	top: 180px; 
	left: 50%; 
	margin-left: -398px; 
	border-bottom: 1px solid #060; 
}

#tabsC ul 
{ 
	margin:0; 
	padding:10px 0 0 85px; 
	list-style:none; 
	white-space: nowrap
}

#tabsC li 
{
	display:inline;
    margin:0;
    padding:0;
    white-space:  nowrap;
}

#tabsC a 
{
	float:left;
	min-width:50px;
	width:auto;
    background:white url(../images/tableftC.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}

#tabsC a span 
{
	float:left;
	width:auto;
    display:block;
    background:white url(../images/tabrightC.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#fcfce3;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsC a span 
{
	float:none;
	width:auto;
}

#tabsC a:hover span 
{
	color:#fcfce3;
}


#tabsC a:hover 
{
	background-position:0% -42px;
}

#tabsC a:hover span 
{
    background-position:100% -42px;
} 

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #060; /*THEME CHANGE HERE*/
border-width: 0 1px;
font-size:x-small; 
	font-family: verdana, arial; 
	font-weight: bold; 
	line-height:16px; 
z-index:100;
background-color: #FCFCE3;
width: 150px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #060; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #a2c792;
color:White
}

/*- Photo Gallery Starts Here*/
#imagelist-small 
{ 
	list-style-type: none;
}

#imagelist-small li 
{ 
	float: left; 
	margin-right: 1em; 
	margin-bottom: 1em; 
	font: bold 0.8em Arial, Helvetica, sans-serif; 
	color: #060; 
	width: 130px; 
	height: 160px; 
}

#imagelist-small img 
{ 
	display: block; 
	border: solid 1px #060; 
}

#imagelist-big 
{ 
	list-style-type: none; 
}

#imagelist-big li 
{ 
	float: left; 
	margin-right: 1em; 
	margin-bottom: 1em; 
	font: bold 0.8em Arial, Helvetica, sans-serif; 
	color: #060; 
	width: 180px; 
	height: 265px; 
}

#imagelist-big img 
{ 
	display: block; 
	border: solid 1px #060; 
}

/* from members to regular */
#columnleft
{
    float: left;
    width: 198px;
}

#columnright
{ 
	position: relative; 
	right: 8px; 
	width: 630px; 
	float: right; 
	margin-left: -10px;
}

#columnrightadmin
{ 
	width: 523px; 
	float: right; 
	margin-left: 0;
}



.leftblock
{ 
	border: solid 1px #dbdb79; 
	padding: 7px; 
	margin-bottom: 10px; 
	vertical-align: top; 
	list-style-type: square; 
	list-style-position: inside; 
}

.leftblock a 
{ 
	font-weight: 600; 
	line-height: 25px; 
	text-decoration: underline; 
	word-spacing: 0.01em; 
	letter-spacing: 0.1em;
}

.leftblock_admin
{ 
	border: solid 1px #dbdb79; 
	padding: 7px; 
	margin-bottom: 10px; 
	vertical-align: top; 
}

.leftblock_admin a 
{ 
	font-weight: 600; 
	line-height: 18px; 
	text-decoration: underline; 
	word-spacing: 0.01em; 
	letter-spacing: 0.1em; 
}

.secondblock
{ 
	position: absolute; 
	border: solid 1px #dbdb79; 
	padding: 15px 15px 5px; 
	margin-bottom: 5px; 
	margin-left: 10px; 
}

.rightblockadmin
{ 
	position: relative; 
	border: solid 1px #dbdb79; 
	padding: 15px 15px 5px; 
	margin-bottom: 5px; 
	margin-left: 10px; 
}

.centerblock
{ 
	border: solid 1px Black; 
	padding: 15px; 
	margin-bottom: 10px; 
	margin-top:-10px; 
	position: relative; 
	width:770px; 
	margin-left: -180px; 
}

#bottom_links 
{ 
	border: solid 1px #dbdb79; 
	padding: 15px; 
	margin-bottom: 10px; 
	position: relative; 
	width:800px; 
	margin-left: -200px; 
}

/************************************************************************
* Calendar specific formatting 
************************************************************************/
/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid black;
    width: 768px;
    margin-right: auto;
    margin-left: -180px;
    margin-top: -45px;
    /* background: #FEFFAB url(../images/background_fullwidth.jpg) repeat-y; */
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #DBDB79;
    border-collapse:collapse;
}

.dayNumber
{
    float: right;
    border-bottom: 1px solid #fbfddf;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
}

.calcurrentmonth
{
    /* no styles needed at this time DCD78E */
}

.calothermonth
{
    background-color: #86B578;
    color:#fbfddf;
}

.calothermonth a 
{
	color:white;
}

.calcurrentday
{
    background-color: #fbfddf;
}
.calweekend
{
    background-color: #FBFB9B;
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 2px solid #C7C272;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
    border-collapse:separate;
    border-spacing: 5px;
}

/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}

/* floats the thumbnail off to the right */
.thumbnail
{
    float: right;
    margin: 0 0 0 5px;
}

/*used to clear the float for the thumbnail */
.clearlist
{
    clear:right;
    margin:0;
    padding:0;
    height: 0px;
    font-size:0px;
    line-height:0px;
}

/* Used by the page number control */
.PageNumbers
{
    display:inline;
}

.PageNumbers span
{
    padding-left: 3px;
}

.newscrumbs a
{
    font-weight: bold;
    padding-right: 2px;
}

/************************************************************************
* Next / previous specific formatting 
************************************************************************/
.nextlink
{
    position:absolute;
    right:0;
    padding-right:15px;    
}

/************************************************************************
* Photo selection controls
************************************************************************/
.selected, .unselected
{
    width: 80px;
    height: 100px;
    text-align: center;
    padding: 2px 2px 2px 2px;
}

.unselected
{
    background-color: transparent;
    border: solid 1px #FEFFAB;
}

.selected
{
     background: #FEFFBD;
     border: solid 1px #86B578;
}

.membercard
{
    background-color: #FEFFBD; 
    border: 1px solid #060;
    padding: 12px 10px;
    margin-bottom: 10px;
    width: 265px;
    height: 70px;
    text-align:left;
}

.membercard img
{
	margin: 0px 10px 0px 0px
}

.photoblock
{ 
	border: solid 1px black; 
	padding:20px; 
	margin-bottom: 10px; 
	margin-top:-10px; 
	position: relative; 
	width:758px; 
	margin-left: -180px; 
}

.membercard p
{
    margin: 5px;
}

.membercard h3
{
    font-size: 1em;
}

/*Modal Popup*/
.modalPopup 
{
	width:500px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	border:1px solid #333;	
	background-color: #fcfce3;
	padding:10px 10px 10px 10px;
	z-index:99;
}

.modalBackground 
{
	position:absolute;
	top:0px;
	left:-500px;
	width:100%;
	background-color:#060;
	/**
	filter:alpha(opacity=30);
	opacity:0.30;
	**/
}

.leftColumn
{
	text-align:right; 
	vertical-align:top;
}