/* CSS Document */
/* 	CARLA'S ANGELS
	Last updated on DECEMBER 01, 2009
	Created & Updated by SURESH
*/

/* 	===================================================================================================
											BODY
===================================================================================================  */

BODY {
	font-family:Arial, Helvetica, sans-serif, Trebuchet MS;
	background:url(../graphics/bg-body.jpg) scroll top center no-repeat #301c17;
	margin-top:30px;
}
* {
	padding:0px;
	margin:0px;
}
form {
	padding: 0px;
	margin: 0px;
}
img {
	border:none;
}
a {
	outline:none;
	position:relative;
}
a:hover {
	outline:none;
}
fieldset, form, label {
}
/* 	===================================================================================================
											MAIN CONTENTS
===================================================================================================  */
.main {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
/* 	===================================================================================================
											 HEADER PART
===================================================================================================  */
.header-area {
	float:left;
	height:355px;
	width:800px;
}
.header-top {
	float:left;
	width:800px;
	height:91px;
}
.donate-now {
	width:179px;
	float:left;
	height:30px;
	padding-left:616px;
}
.donate-now ul {
	position: relative;
	width:179px;
	height:30px;
	text-align:left;
	background:url(../graphics/bg-donate-now.gif);
}
.donate-now ul li {
	list-style: none;
	position: absolute;
	top:0;
}
.donate-now ul li,
.donate-now a {
	display:block;
	height:30px;
	border-bottom:0;
}
.donate-now ul li a {
	text-indent:-9999px;
	text-decoration:none;
	cursor:pointer;
}
.donateBu {
	left:0;
	top:0;
	width:179px;
}
.donateBu a:hover {
	background: transparent url(../graphics/bg-donate-now.gif) 0 -30px no-repeat;
	border-bottom:0;
}
.nav {
	float:left;
	width:800px;
	height:61px;
	border:none;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../graphics/bg-nav.png', sizingMethod="scale");
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/graphics/bg-nav.png', sizingMethod="scale");
}
.nav[class] {
	background:url("../graphics/bg-nav.png") left no-repeat;
	*background:url("assets/graphics/bg-nav.png") left no-repeat;
}
/* 	===================================================================================================
											 NAVIGATION (MENUS)
===================================================================================================  */
.menu-area {
	width:800px;
	float:left;
	height:30px;
	padding-top:30px;
}
.menus {
	width:595px;
	height:30px;
	float: left;
}
.menus ul {
	position: relative;
	width:800px;
	height:30px;
	float:left;
	background-image: url(../graphics/bg-navigation.jpg);
}
.menus ul li {
	list-style: none;
	position: absolute;
	top:0px;
	float:left;
}
.menus ul li, .menus a {
	display:block;
	height:30px;
	border-bottom:0px;
}
.menus ul li a {
	text-indent:-9999px;
	text-decoration:none;
}
.m1 {
	left:0;
	top:0;
	width:160px;
}
.m2 {
	left:160px;
	top:0;
	width:160px;
}
.m3 {
	left:320px;
	top:0;
	width:160px;
}
.m4 {
	left:480px;
	top:0;
	width:160px;
}
.m5 {
	left:640px;
	top:0;
	width:160px;
}
.m1 a:hover {
	background: transparent url(../graphics/bg-navigation.jpg) 0 -30px no-repeat;
	border-bottom:0;
}
.m2 a:hover {
	background: transparent url(../graphics/bg-navigation.jpg) -160px -30px no-repeat;
	border-bottom:0;
}
.m3 a:hover {
	background: transparent url(../graphics/bg-navigation.jpg) -320px -30px no-repeat;
	border-bottom:0;
}
.m4 a:hover {
	background: transparent url(../graphics/bg-navigation.jpg) -480px -30px no-repeat;
	border-bottom:0;
}
.m5 a:hover {
	background: transparent url(../graphics/bg-navigation.jpg) -640px -30px no-repeat;
	border-bottom:0;
}
.m1a {
	left:0;
	width:160px;
	background: transparent url(../graphics/bg-navigation.jpg) 0 -30px no-repeat;
	border-bottom:0;
}
.m2a {
	left:160px;
	width:160px;
	background: transparent url(../graphics/bg-navigation.jpg) -160px -30px no-repeat;
	border-bottom:0;
}
.m3a {
	left:320px;
	width:160px;
	background: transparent url(../graphics/bg-navigation.jpg) -320px -30px no-repeat;
	border-bottom:0;
}
.m4a {
	left:480px;
	width:160px;
	background: transparent url(../graphics/bg-navigation.jpg) -480px -30px no-repeat;
	border-bottom:0;
}
.m5a {
	left:640px;
	width:160px;
	background: transparent url(../graphics/bg-navigation.jpg) -640px -30px no-repeat;
	border-bottom:0;
}
/* 	===================================================================================================
											 NAVIGATION (MENUS)
===================================================================================================  */
.flash-theme {
	float:left;
	background:url(../graphics/bg-flashban.jpg) scroll left top repeat-x;
	height:264px;
	width:800px;
}
.logo {
	float:left;
	width:450px;
	padding-left:30px;
	padding-top:70px;
}
.theme-images {
	float:left;
	width:305px;
	padding-top:20px;
	padding-left:15px;
}
/* 	===================================================================================================
											CONTENT PART
===================================================================================================  */
.content-area {
	float:left;
	width:740px;
	background:url(../graphics/bg-content.jpg) scroll left bottom repeat-x #f3f3f3;
	padding:30px 30px 10px 30px;
}
.theme {
	float:left;
	width:710px;
	height:98px;
	padding-left:30px;
	padding-top:30px;
	margin-bottom:30px;
	background:url(../graphics/bg-caption.jpg) scroll left top no-repeat;
}
.content {
	float:left;
	width:740px;
}
.box1 {
	float:left;
	width:256px;
}
.content-box1 {
	float:left;
	width:256px;
	margin-bottom:10px;
}
.content-box1 h2 {
	float:left;
	width:256px;
	margin-bottom:10px;
}
.content-box1 p {
	float:left;
	width:220px;
	padding-bottom:10px;
	font-size:12px;
	color:#857579;
}
.content-box1 p a {
	float:left;
	color:#dd3528;
	background:url(../images/arrow.gif) scroll right no-repeat;
	padding-right:10px;
	text-decoration:none;
}
.content-box1 p a:hover {
	color:#857579;
}
.box2 {
	float:left;
	width:226px;
}
.content-box2 {
	float:left;
	width:226px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
}
.content-box2 h2 {
	float:left;
}
.message-box {
	float:left;
	padding:0px;
	width:200px;
	height:300px;
	margin-bottom:5px;
}
.message-box p {
	width:200px;
	font-size:12px;
	color:#e5e5e5;
}
.message-box p span {
	color:#ed7b09;
}
.message-box p a {
	color:#ed7b09;
	text-decoration:none;
}
.message-box p a:hover {
	color:#e5e5e5;
	text-decoration:none;
}
.follow-me {
	width:79px;
	float:left;
	height:17px;
	padding-left:50px;
}
.follow-me ul {
	position: relative;
	width:79px;
	height:17px;
	text-align:left;
	background:url(../graphics/bg-follow-me.jpg);
}
.follow-me ul li {
	list-style: none;
	position: absolute;
	top:0;
}
.follow-me ul li,
.follow-me a {
	display:block;
	height:17px;
	border-bottom:0;
}
.follow-me ul li a {
	text-indent:-9999px;
	text-decoration:none;
	cursor:pointer;
}
.followBu {
	left:0;
	top:0;
	width:79px;
}
.followBu a:hover {
	background: transparent url(../graphics/bg-follow-me.jpg) 0 -17px no-repeat;
	border-bottom:0;
}
.sponsor {
	width:226px;
	float:left;
	height:43px;
	margin-top:30px;
}
.sponsor-space {
	margin-bottom:30px;
}
.sponsor ul {
	position: relative;
	width:226px;
	height:43px;
	text-align:left;
	background:url(../graphics/sponsor-packs.jpg);
}
.sponsor ul li {
	list-style: none;
	position: absolute;
	top:0;
}
.sponsor ul li,
.sponsor a {
	display:block;
	height:43px;
	border-bottom:0;
}
.sponsor ul li a {
	text-indent:-9999px;
	text-decoration:none;
	cursor:pointer;
}
.sponsorBu {
	left:0;
	top:0;
	width:226px;
}
.sponsorBu a:hover {
	background: transparent url(../graphics/sponsor-packs.jpg) 0 -43px no-repeat;
	border-bottom:0;
}
/* 	===================================================================================================
											EVENTS PART
===================================================================================================  */
.event-box1 {
	float:left;
	width:512px;
}
.event-content {
	float:left;
	width:482px;
	margin-bottom:10px;
}
.event-content h1 {
	float:left;
	width:482px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #cfcfcf;	
}
.event-content h2 {
	float:left;
	width:482px;
	padding-bottom:5px;
	font-size:13px;
	color:#ed7b09;
}
.event-content p {
	float:left;
	width:482px;
	padding-bottom:5px;
	font-size:12px;
	color:#857579;
}
.event-content h2 a {
	float:left;
	color:#ed7b09;
	padding-right:10px;
	text-decoration:none;
}
.event-content h2 a:hover {
	color:#857579;
}
.past-events {
	float:left;
	width:226px;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;	
}
.past-events h2 {
	width:226px;
	float:left;
	padding-bottom:18px;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;	
}
.past-events p {
	width:200px;
	font-size:12px;
	color:#857579;
	float:left;
	padding-bottom:8px;
}
.past-events p img {
	border:1px solid #FFFFFF;
}
.past-events p span {
	color:#dd3528;
	font-weight:bold;
}
.past-events p a {
	color:#dd3528;
	background:url(../images/arrow.gif) scroll right no-repeat;
	padding-right:10px;
	text-decoration:none;
}
.past-events p a:hover {
	color:#857579;
}
.past-events ul {
	float:left;
}
.past-events ul li {
	list-style-type:none;
	padding-bottom:5px;
	font-size:11px;
	color:#857579;
	padding-right:10px;
	background:url(../images/arrow1.gif) scroll right no-repeat;
}
.past-events ul li a {
	color:#857579;
	text-decoration:none;
}
.past-events ul li a:hover {
	color:#dd3528;
	text-decoration:none;
}
.line {
	width:482px;
	float:left;
	background:url(../graphics/bg-line.jpg) scroll left repeat-x;
	margin-bottom:7px;
}
/* 	===================================================================================================
											THE CHARITIES PART
===================================================================================================  */
.charities-content {
	float:left;
	width:482px;
	margin-bottom:10px;
}
.charities-content h1 {
	float:left;
	width:482px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #CCCCCC;	
}
.charities-content h2 {
	float:left;
	width:482px;
	font-size:13px;
	padding-bottom:5px;
	color:#857579;
}
.charities-content p {
	float:left;
	width:482px;
	padding-bottom:15px;
	font-size:12px;
	color:#857579;
}
.img-border {
	border:2px solid #FFFFFF;
}
.charities-content ul {
	float:left;
	width:482px;
	margin-bottom:10px;
}
.charities-content ul li {
	float:left;
	width:462px;
	background:url(../graphics/bg-list.gif) scroll left top no-repeat;
	font-size:12px;
	color:#857579;
	padding-bottom:5px;
	list-style-type:none;
	padding-left:10px;
}
.palliative {
	float:left;
	width:226px;
}
.palliative h2 {
	width:226px;
	float:left;
	padding-bottom:18px;
	border-bottom:1px solid #CCCCCC;	
}
.video {
	float:left;
	width:226px;
}
.video-space {
	margin-top:20px;
}
.articles {
	width:226px;
	float:left;
	height:43px;
}
.articles ul {
	position: relative;
	width:226px;
	height:43px;
	text-align:left;
	background:url(../graphics/more-articles.jpg);
}
.articles ul li {
	list-style: none;
	position: absolute;
	top:0;
}
.articles ul li,
.articles a {
	display:block;
	height:43px;
	border-bottom:0;
}
.articles ul li a {
	text-indent:-9999px;
	text-decoration:none;
	cursor:pointer;
}
.articlesBu {
	left:0;
	top:0;
	width:226px;
}
.articlesBu a:hover {
	background: transparent url(../graphics/more-articles.jpg) 0 -43px no-repeat;
	border-bottom:0;
}
/* 	===================================================================================================
											CARLA PART
===================================================================================================  */
.red-box {
	float:left;
	width:224px;
	border:1ps solid #FFFFFF;
	margin-bottom:5px;
}
.red-box-span {
	margin-top:20px;
}
.red-color {
	color:#dd3528;
}
.sponsors-pack {
	float:left;
	width:484px;
	height:359px;
	margin-bottom:30px;
	border:none;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sponsors-pack.png', sizingMethod="scale");
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/sponsors-pack.png', sizingMethod="scale");
}
.sponsors-pack[class] {
	background:url("../images/sponsors-pack.png") left no-repeat;
	*background:url("assets/images/sponsors-pack.png") left no-repeat;
}
/* 	===================================================================================================
											FOOTER PART
===================================================================================================  */
.footer-area {
	width:800px;
	float:left;
	margin-bottom:60px;
}
.footer {
	float:left;
	width:770px;
	height:22px;
	border:none;
	padding-left:30px;
	padding-top:8px;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../graphics/bg-footer.png', sizingMethod="scale");
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/graphics/bg-footer.png', sizingMethod="scale");
}
.footer[class] {
	background:url("../graphics/bg-footer.png") left no-repeat;
	*background:url("assets/graphics/bg-footer.png") left no-repeat;
}
.footer ul {
	float:left;
	width:770px;
}
.footer ul li {
	float:left;
	font-size:10px;
	color:#e7e7e7;
	list-style-type:none;
	padding-right:5px;
}
.footer ul li a {
	color:#e7e7e7;
	text-decoration:none;
}
.footer ul li a:hover {
	color:#301c17;
	text-decoration:none;
}