/* ------------------------------------------------------------------------------------------------ */
/* global styles 
/* ------------------------------------------------------------------------------------------------ */

body{
	margin: 0;
	padding: 0;
	background: #4D4D4D;
	
	font:normal 14px/128%  Arial, Helvetica, sans-serif;
	color: #666
	}

p{
	margin: 0 0 1.5em 0;
	}

a{
	color:#0172B6;
	text-decoration: none;
	outline: none;
	}

a:hover{
	color:#0172B6;
	text-decoration: underline;
	}

h2{
	margin: 0px 0px 10px 0px;	
	font-size: 18px;
	}

h3{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h4{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h5{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h6{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

/* ------------------------------------------------------------------------------------------------ */

#MainWrapper{}

.InnerWrapper{
	width:860px;
	margin: 0 auto;
	position:relative;
	z-index:1
}
	
/* ------------------------------------------------------------------------------------------------ */
/* header 
/* ------------------------------------------------------------------------------------------------ */
	#HeaderOuterArea{
		background: #FFF url(../img/bgTopBar.jpg) 0 0 repeat-x;
	}
	

	#Header{
		width: 100%;
		height:298px;
		position:relative;
		}
	
	/* logo */
		h1#Logo{
			margin: 0;
			position:absolute;
			top:83px;
			left:15px;
			}
		
		h1#Logo a{
			display: block;
			width:284px;
			height:188px;
			overflow:hidden;
			text-indent: -9999em;
			background: url(../img/CauseMediaGroup.jpg) 0px 0px no-repeat;
			}
	/* /logo */
	
	#HeaderTextHeading{
		font:bold 14px/128% Arial, Helvetica, sans-serif;
		color: #666;
		width: 376px;
		position:absolute;
		top: 185px;
		left:15px;
		z-index:1;
	}
	
	#HeaderGallery{
		width: 414px;
		height: 262px;
		position:absolute;
		top: 37px;
		right:0px;
		z-index:1;
	}
			
	/* sn nav */
		#SNNav{
			position:absolute;
			top: 7px;
			right:-16px;
			z-index:1;
		}
		
		#SNNav ul{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			float: left;
			height:24px;
			overflow:hidden
		}
		
		#SNNav ul li {
			float:left;
			height:24px;
			line-height: 24px;
			margin:0 4px 0 0;
		}
		
		#SNNav ul li a.lnkFacebook {
			background:transparent url(../img/icFacebook.gif) no-repeat scroll 0 0;
		}
		
		#SNNav ul li a.lnkTwitter{
			background:transparent url(../img/icTwitter.gif) no-repeat scroll 0 0;
		}
		
		#SNNav ul li a {
			display:block;
			height:24px;
			color: #FFF;
			font:bold 12px/24px Arial, Helvetica, sans-serif;
			float: left;
			white-space: nowrap;
			text-decoration: none;
			padding: 0px 0px 0px 30px;
			margin: 0px 16px 0px 0px;
		}
	/* /sn nav */
	
	/* main nav */
		#MainNav{
			position:absolute;
			bottom:0;
			left: -15px;
			}
			
		#MainNav ul{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;	
			height:20px;
			overflow:hidden;
			}
		
		#MainNav li{
			float: left;
			overflow:hidden;
			padding: 0px 5px 0px 0px;
			margin: 0px 2px 0px 0px;
			height:20px;
			overflow:hidden;
			}
			
		#MainNav li.first{
			}
			
		#MainNav li.last{
			}			
		
		#MainNav li a{
			display: block;
			float:left;
			height:19px;
			font:normal 16px/18px Arial, Helvetica, sans-serif;
			color: #666;
			text-decoration: none;
			padding: 0px 18px 0px 18px;
			border: 1px solid #CDCDCD;
			background: #FFF;
			}
		
		#MainNav li a:hover{
			color: #333;
			}

		#MainNav li.selected a{
			background: #E8E8E8;
			border: 1px solid #E8E8E8
			}
			
		#MainNav li.selected{
			background: url(../img/bgTabSelection.gif) 100% 0 no-repeat;
		}
	/* /main nav */
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* content wrappers 
/* ------------------------------------------------------------------------------------------------ */
	#ContentOuterArea{
		background: #E8E8E8;
		width: 100%;
		padding: 40px 0px 40px 0px;
	}
	
	#ContentWrapper{
		height: 200px;
		overflow:hidden
		}
	
	#ContentWrapper[id]{
		height: auto;
		min-height: 200px;
		overflow: hidden
		}
		
	#MainContent{
		width: 311px;
		float: left;
		margin: 0px 40px 0px 0px;
		}
		
	#SideContent{
		width: 250px;
		float: left;
		padding: 18px 0px 0px 0px;
		}
		
/* ------------------------------------------------------------------------------------------------ */

/* featured imtes content */	
	ul.FeaturedItems{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		overflow: hidden;
		font-size:13px;
		width: 860px
	}
	
	ul.FeaturedItems li{
		float: left;
		width: 250px;
		padding: 0px 45px 0px 0px;
	}
	
	ul.FeaturedItems li.last{
		padding: 0px 0px 0px 0px;
	}
	
	ul.FeaturedItems li h3{
		margin: 0px 0px 15px 0px;
	}
	
	ul.FeaturedItems li a.lnkViewMore{
		background: url(../img/bltType1.gif) 100% 60% no-repeat;
		text-decoration: none;
		font-style: italic;
		padding: 0px 15px 0px 0px;
		color: #666
	}
	
	ul.FeaturedItems li a.lnkViewMore:hover{
		color: #333;
	}
/* /featured imtes content */	


/* ------------------------------------------------------------------------------------------------ */
/* footer 
/* ------------------------------------------------------------------------------------------------ */
	#FooterOuterArea{
		background: url(../img/bgFooter.gif) 0 0 repeat-x;
	}

	#Footer{
		width:100%;
		height: 53px;
		overflow:hidden;
	}

	#FooterNav{
		position:absolute;
		top: 9px;
		left: 0px;
		z-index:1;
	}
	
	#FooterNav ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		float: left;
		height: 12px;
		font:normal 10px/12px Arial, Helvetica, sans-serif;
		color: #FFF;
	}
	
	#FooterNav li{
		display: inline;
		padding: 0px 16px 0px 0px;
		white-space: nowrap
	}
		
	#FooterNav li a{
		text-decoration:none;
		color: #FFF
	}
	
	#FooterNav li a:hover{
		text-decoration:underline;
	}
/* ------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------ */
/* common 
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------ */
/* form styles 
/* ------------------------------------------------------------------------------------------------ */
	form{margin: 0}
	label{display: block}
	span.chkLabel{}
	fieldset{border: none;margin:0 0 1em 0; padding: 0.5em; border: 1px solid #666}
	input, select{vertical-align: middle}
	textarea{overflow: auto}
	
	.FormGroup{clear: both;overflow: hidden;margin: 0px 0px 10px 0px; height:1%}
	.FormGroupItem{float: left; margin: 0px 5px 0px 0px; overflow: hidden}
	.ChecboxFormGroup{clear: both;overflow: hidden;margin: 0px 0px 10px 0px}
	.ChecboxFormGroupItem{margin: 0px 5px 0px 0px; overflow: hidden; clear:both}
	
	input.txtInput, input.pwdInput, textarea{border: 1px solid #CCC; width: 300px; padding: 2px 2px 2px 2px;}
	input.btnInput{background: #CCC; border: 1px solid #AAA; color: #333; font-weight: bold}
	input.chkInput, input.radioInput{}
	input.fileInput{}
	tt.required{color: #F00; vertical-align:top}
	small.fieldHint{display: block}
	
	.notice_success{
		width:auto;
		padding:5px 25px 5px 25px;
		background:#EFEFEF url(../img/icSucces.gif) 5px 6px no-repeat;
		color:#565441;
		margin: 0px 5px 10px 0px;
	}
	.notice_warning{
		width:auto;
		padding:5px 25px 5px 25px;
		background:#EFEFEF url(../img/icWarning.gif) 5px 6px  no-repeat;
		color:#565441;
		margin: 0px 5px 10px 0px;
	}
	.notice_error{
		width:auto;
		padding:5px 25px 5px 25px;
		background: #EFEFEF url(../img/icError.gif) 5px 6px no-repeat;
		color:#565441;
		margin: 0px 5px 10px 0px;
	}
/* ------------------------------------------------------------------------------------------------ */