@charset "UTF-8";
/* CSS Document */
html
{
	padding:0;
	margin:0;
}

body
{
    background-color: #CDA7CA;
    font-size: 12px;

    font-family: Arial, Helvetica, sans-serif;
    width:950px;
	margin:0 auto;
    padding: 0;
    color: #333333;
	background-image:url(../../content/images/background.gif);
	background-repeat:repeat-x;
}

a:link
{
    color: #9B4F96;
    text-decoration: none;
}
a:visited
{
    color: #9B4F96;
	text-decoration: none;
}
a:hover
{
    color: #046A67;
    text-decoration: none;
}
a:active
{
    color: #046A67;
	text-decoration: none;
}

select, input, textarea
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*remove dotted outline that surrounds flash when in focus*/
object { outline:none; }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
}

h1
{
    font-size: 24px;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
	color:#046a67;
	font-size:24px;
	font-weight:normal;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}



h3
{
    font-size: 12px;
	color:#046a67;
	margin: 0;
	padding: 0;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

.note
{
    font-size:11px;
    color:#333;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#header
{
	width:950px;
	height:131px;
	background-image:url(../../content/images/header.jpg);
	background-repeat:none;
}

#header_temp
{
	width:1150px;
	height:115px;
	background-image:url(../../content/images/bg_header.jpg);
	background-repeat:none;
	border:solid 1px #000;
	margin:0;
	overflow:hidden;
}

#cclogo
{
	height:95px;
	float:right;
	margin-right:37px;
}
#todaysdeedslogo
{
	height:95px;
	float:left;
}

#navigation
{
	width:950px;
	height:36px;
	background-color:#542344;
	background-image:url(../../content/images/header.gif);
	background-repeat:none;
}

ul#menu
{
	float:left;
	list-style:none;
	padding:0;
	margin:0 0 0 34px ;
}
#menu li
{
	margin:0 80px 0 0px;
	padding:0;
	height:36px;
	float:left;

}
#menu li.end
{
	margin:0px;
	padding:0;
	height:36px;
	float:left;

}

#menu li span
{	
	position: absolute;
	left: -999em;
	top: 0px;
}

#menu li a
{
	height:36px;
	display:block;
	background-repeat:no-repeat;
}

/* shareastory */
#menu li a.shareastory:link, #menu li a.shareastory:visited
{
	background-image:url(../../content/images/nav_shareastory.gif);
	background-position:0 0;
	width:148px;
}
#menu li a.shareastory:hover, #menu li a.shareastory:active
{
	background-image:url(../../content/images/nav_shareastory.gif);
	background-position:0 -36px;
	width:148px;
}
#menu li a.shareastorySelected:link, #menu li a.shareastorySelected:visited, #menu li a.shareastorySelected:hover, #menu li a.shareastorySelected:active
{
	background-image:url(../../content/images/nav_shareastory.gif);
	background-position:0 -36px;
	width:148px;	
}

/* readastory */
#menu li a.readastory:link, #menu li a.readastory:visited
{
	background-image:url(../../content/images/nav_readastory.gif);
	background-position:0 0;
	width:138px;
}
#menu li a.readastory:hover, #menu li a.readastory:active
{
	background-image:url(../../content/images/nav_readastory.gif);
	background-position:0 -36px;
	width:138px;
}
#menu li a.readastorySelected:link, #menu li a.readastorySelected:visited, #menu li a.readastorySelected:hover, #menu li a.readastorySelected:active
{
	background-image:url(../../content/images/nav_readastory.gif);
	background-position:0 -36px;
	width:138px;	
}


/* volunteer */
#menu li a.volunteer:link, #menu li a.volunteer:visited
{
	background-image:url(../../content/images/nav_volunteer.gif);
	background-position:0 0;
	width:116px;
}
#menu li a.volunteer:hover, #menu li a.volunteer:active
{
	background-image:url(../../content/images/nav_volunteer.gif);
	background-position:0 -36px;
	width:116px;
}
#menu li a.volunteerSelected:link, #menu li a.volunteerSelected:visited, #menu li a.volunteerSelected:hover, #menu li a.volunteerSelected:active
{
	background-image:url(../../content/images/nav_volunteer.gif);
	background-position:0 -36px;
	width:116px;	
}


/* donate */
#menu li a.donate:link, #menu li a.donate:visited
{
	background-image:url(../../content/images/nav_donate.gif);
	background-position:0 0;
	width:85px;
}
#menu li a.donate:hover, #menu li a.donate:active
{
	background-image:url(../../content/images/nav_donate.gif);
	background-position:0 -36px;
	width:85px;
}
#menu li a.donateSelected:link, #menu li a.donateSelected:visited, #menu li a.donateSelected:hover, #menu li a.donateSelected:active
{
	background-image:url(../../content/images/nav_about.gif);
	background-position:0 -36px;
	width:85px;	
}


/* about */
#menu li a.about:link, #menu li a.about:visited
{
	background-image:url(../../content/images/nav_about.gif);
	background-position:0 0;
	width:75px;
}
#menu li a.about:hover, #menu li a.about:active
{
	background-image:url(../../content/images/nav_about.gif);
	background-position:0 -36px;
	width:75px;
}
#menu li a.aboutSelected:link, #menu li a.aboutSelected:visited, #menu li a.aboutSelected:hover, #menu li a.aboutSelected:active
{
	background-image:url(../../content/images/nav_about.gif);
	background-position:0 -36px;
	width:75px;	
}


a.arrow:link, a.arrow:visited
{
	background-repeat:no-repeat;
	background-position:0 0;
	padding: 2px 0 0 20px;
	height:16px;
	margin:0 0 0 0px;
}
a.arrow:hover, a.arrow:active
{
	background-repeat:no-repeat;
	background-position:0 -16px;
	height:16px;
	padding: 2px 0 0 20px;
	margin:0 0 0 0px;
}



a.gray:link, a.gray:visited
{
    background-image:url(../../content/images/arrow_gray.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding: 2px 0 0 20px;
	height:16px;
	margin:0 0 0 0px;
	font-size:11px;
	font-weight:bold;
}
a.gray:hover, a.gray:active
{
    background-image:url(../../content/images/arrow_gray.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
	height:16px;
	padding: 2px 0 0 20px;
	margin:0 0 0 0px;
	font-size:11px;
	font-weight:bold;
}



a.submit:link, a.submit:visited
{
    background-image:url(../../content/images/arrow_gray.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding: 1px 0 0 20px;
	height:16px;
	margin:2px 0 2px 0px;
	font-size:12px;
	font-weight:bold;
}
a.submit:hover, a.submit:active
{
    background-image:url(../../content/images/arrow_gray.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
	height:16px;
	padding: 1px 0 0 20px;
	margin:0 0 0 0px;
	font-size:12px;
	font-weight:bold;
}

a.green:link, a.green:visited
{
    background-image:url(../../content/images/arrow_green.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding: 2px 0 0 20px;
	height:16px;
	margin:0 0 0 0px;
	font-size:11px;
	font-weight:bold;
}
a.green:hover, a.green:active
{
    background-image:url(../../content/images/arrow_green.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
	height:16px;
	padding: 2px 0 0 20px;
	margin:0 0 0 0px;
	font-size:11px;
	font-weight:bold;
}


a.whitebg:link, a.whitebg:visited
{
	background-image:url(../../content/images/arrow_whitebg.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding: 2px 0 0 20px;
	margin:0 0 10px 0px;
	font-size:18px;
	font-style:italic;
}

a.whitebg:hover, a.whitebg:active
{
	background-image:url(../../content/images/arrow_whitebg.gif);
	background-repeat:no-repeat;
	background-position:0 -44px;
	height:16px;
	padding: 2px 0 0 20px;
	margin:0 0 10px 0px;
	font-size:18px;
	font-style:italic;
}

a.print:link, a.print:visited
{
    background-image:url(../../content/images/btn_print.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding: 2px 0 0 25px;
	height:17px;
	margin:0 0 0 0px;
	font-size:11px;
}
a.print:hover, a.print:active
{
    background-image:url(../../content/images/btn_print.gif);
	background-repeat:no-repeat;
	background-position:0 -17px;
	height:17px;
	padding: 2px 0 0 25px;
	margin:0 0 0 0px;
	font-size:11px;
}

a.share:link, a.share:visited
{
    background-image:url(../../content/images/btn_share.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding: 2px 0 0 25px;
	height:17px;
	margin:0 0 0 0px;
	font-size:11px;
}
a.share:hover, a.share:active
{
    background-image:url(../../content/images/btn_share.gif);
	background-repeat:no-repeat;
	background-position:0 -17px;
	height:17px;
	padding: 2px 0 0 25px;
	margin:0 0 0 0px;
	font-size:11px;
}



/* main */
#main
{
	margin:0;
    background-color:#FFF;
	width:950px;
	min-height:550px;
	overflow:hidden;	
	background-image:url(images/internal-bg.gif);
	background-repeat:repeat-y;
}

#main-home
{
	margin:0;
    background-color:#FFF;
	width:950px;
	min-height:550px;
	overflow:hidden;	
}

/* HOME LAYOUT ELEMENTS   
----------------------------------------------------------*/
#home-experience
{
	padding:0;
	margin:10px;
	height:329px;
	width:930px;
	background-color:#CDA7CA;
}

#home-promos
{
	padding:0;
	margin:10px;
	width:930px;
	background-image:url(../../content/images/home-promo-bg.gif);
	background-repeat:repeat-y;
	overflow:auto;	
}
#home-promo1
{
	padding:0;
	margin-bottom:10px;
	width:496px;
	background-color:#CDE1E1;
	float:left;
}


#home-promo1 .content
{
	padding:25px 50px;
	margin-bottom:10px;
}

#home-promo1 .content .promotext
{
	width:100%;
}


#home-promo2
{
	width:423px;
	float:right;
}

#home-promo2 .content
{
	margin:23px 25px 25px 45px;
}


#home-promo2 .content img
{
	float:left;
	margin-top:2px;
	padding-top:2px;
}

#home-promo2 .content .promotext
{
	float:right;
	width:215px;
}

#home-promos h2
{
	font-style:italic;
}

/* INTERNAL LAYOUT ELEMENTS   
----------------------------------------------------------*/
#two-column
{
	width:930px;
	height:auto;
	padding:0;
	margin:0 10px;
}


#breadcrumbs
{
    float:left;
	margin-bottom:10px;
	width:500px;
}
#storylnks
{
    float:right;
	margin-bottom:10px;
	width:125px;
}

#two-column #left
{
	float:left;
	width:650px;
	margin-left:20px;

}

#two-column #left #description
{
	width:650px;
	padding-bottom:20px;
	color:#542344;
}

/* STORY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#two-column-story
{
    width:940px;
	height:auto;
	padding:0;
	margin:0px 10px 10px 0;

}

#two-column-story #left
{
	float:left;
	width:650px;
	margin-left:10px;
}


#two-column-story #left .content
{
	width:640px;
	margin-left:20px;
}

#two-column-story #right
{
	float:right;
	width:240px;
}


#categories
{
	width:640px;
	background-image:url(../../content/images/categories-bg.gif);
	background-repeat:repeat-y;

	
}

#categories .container
{
	width:640px;
	display:table;
	background-image:url(../../content/images/category_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#categories .container .category-left
{
	float:left;
	width:300px;
	padding-bottom:10px;
	margin-bottom:10px;
}

#categories .container .category-right
{
	float:right;
	width:300px;
	margin-right:0px;
	padding-bottom:10px;
	margin-bottom:10px;
}

.category-title
{
	padding-bottom:5px;
	margin-bottom:5px;
}


#two-column #right
{
	float:right;
	width:240px;
}

#signup
{
	width:230px;
	margin:0 10px;
}

#signup .header
{
	background-color:#36427C;
	color:#FFF;
	font-size:20px;
	font-style:italic;
	padding: 10px;
	margin:0px;
}

#signup .signup-form
{
	background-color:#f0f0f0;
	padding: 5px 15px;
	margin:0px;
}

.signupthankyou
{
	color:#C16ABB;
	font-weight:bold;
}
.signuperror
{
	color:#FF0000;
	font-weight:bold;
}

#promo
{
    width:230px;
	margin:10px 10px;
}

#footer
{
    color: #666;
    padding: 10px 60px;
    text-align: left;
    line-height: normal;
    margin: 0;
    font-size: 11px;
}

#footer .phone
{
	color: #333;
	font-weight:bold;
}

.main-spacer
{
    height:10px;
    background-color:#FFF;
}




fieldset.submitstory
{
    width:600px;
    padding:10px;
    margin:10px;
}

fieldset.submitstory legend
{
    font-weight:bold;
}


table.submitstory
{
    margin:10px 0 20px 20px;
}

table.submitstory td
{

}

table.submitstory td.last
{
   border-bottom:none;
}


table.submitstory td.label
{
    width:100px;
    vertical-align:top;
}

table.submitstory textarea {
	width:  420px;
	height: 120px;
	font-family:Arial, Helvetica, sans-serif;
}

table.submitstory input [type="text"] {
	width:  420px;
}

table.categories
{
    background-color:#CDE1E1;
}

p.categoryTeaser
{
    width:275px;
    padding:0;
    margin:0 0 10px 0;
}

ul#storylist
{
    list-style:none;
	padding:0;
	margin:0 0 0 0;
}
ul#storylist li
{
    list-style:none;
	padding:0;
	margin:15px 0 0 0;
}


.sharefrienderror
{
    color:#FF0000;
}


/* COMMON FORM ELEMENTS   
----------------------------------------------------------*/
.inputTextSmall
{
    width:190px;
}
.inputTextMedium
{
    width:300px;
}
.inputTextLarge
{
    width:525px;
}
.error
{
    color:#FF0000;
}

.defaultText
{ 
    color: #333333; 
    font-style:normal; 
}

.defaultTextActive 
{ 
    color: #a1a1a1; 
    font-style: italic; 
}


/* ADMIN LAYOUT ELEMENTS   
----------------------------------------------------------*/
#admin-main
{
	margin:0;
	background-color:#FFF;
	width:950px;
    min-height:550px;
	background-image:url(../../content/images/admin_bg.gif);
	background-repeat:repeat-y;
}

.admin-main-spacer
{
    height:10px;
    background-color:#FFF;
}

fieldset.admin
{
    width:700px;
    padding:10px;
    margin:10px;
    border: 1px solid #EDEDED;
}

fieldset.admin legend
{
    font-weight:bold;
    color:#046A67;
}


table.admin
{
    margin:10px 0 20px 0;
    border: 1px #C0C0C0 solid;
    border-collapse: collapse;
}

table.listing .HighlightRow{background-color: #CDE1E1;}
table.alternating .Row{background-color: #CDE1E1;}
table.alternating .AlternatingRow{background-color: #FFFFFF;}


table.admin td
{
   border-bottom: 1px #C0C0C0 solid;
   border-top: 1px #C0C0C0 solid;
   border-right: 1px #C0C0C0 solid;
}

table.admin td.last
{
   border-bottom:none;
}

table.admin td
{
    width:575px;
}

table.admin td.label
{
    width:125px;
}

table.admin textarea {
	height: 120px;
}



#admin-left
{
    margin:0 0 0 0;
    float:left;
    width:158px;
}

#admin-right
{
    margin:0 0 0 0;
    float:right;
    width:772px;
}

ul#admin-menu
{
	list-style:none;
	padding:0;
	margin:0 0 0 10px;
}

#admin-menu li
{
	margin:10px 0 0 0;
	padding:0;
}

.notapproved
{
    background-color:#FF0000;
}

.sendtofriend
{
    height:150px;
    width:250px;
    padding:10px;
    background-color:#f0f0f0;
    border: solid 1px #333;
}


.sendtofriend .header
{
	background-color:#36427C;
	color:#FFF;
	font-size:20px;
	font-style:italic;
	padding: 5px;
	margin:0px;
}

.sendtofriend .sendtofriend-form
{
	background-color:#f0f0f0;
	padding: 5px 15px;
	margin:0px;
}

.ui-dialog .ui-dialog-titlebar-close {display:none;}

.sendtofriendthankyou
{
	color:#C16ABB;
	font-weight:bold;
}
.sendtofrienderror
{
	color:#FF0000;
	font-weight:bold;
}
.inputTextSendtofriend
{
    width:265px;
}

#datepickers
{
    width:500px;
    overflow:auto;
}

#datepickers.left
{
    float:left;
}

#datepickers.right
{
    float:right;
}
#datepickers.title
{
     text-align:center;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors 
{    
    background-color:#FFFFCC;    
    border:1px solid #FF0000;    
    width: 590px;  
    margin-left:20px;  
}
span.validation-summary-errors 
{    
    border-bottom-color: #FF0000;    
    display:block;    
    padding:10px; 
    font-weight:bold;
}

ul.validation-summary-errors 
{    
    margin:0;    
    list-style-type:none;
    padding:10px;    
    border-top:none; 
    margin-left:20px;   
    font-weight:normal;  
}

ul.validation-summary-errors li
{    
    list-style-type:none;
}