/* CSS Document */

/* ----------------------------------------------------------------------------------------------------------
1) Reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}

/* ----------------------------------------------------------------------------------------------------------
2) Main
---------------------------------------------------------------------------------------------------------- */
.DNNEmptyPane {width: auto; }
.eipbackimg {display: none !important; }

body { font-family: "Myriad Pro", Arial, Helvetica, sans-serif; color: #3d3d3d; font-size: 14px;}
#main-wrap { width: 990px; margin: 0 auto; background: transparent url(images/watermark.jpg) 0 460px no-repeat; }
#extra {background: transparent url(images/island.jpg) center 0 no-repeat;}
#extra-bg {background: #fff url(images/body-back.jpg) 0 0 repeat-x; }
a {text-decoration: underline; color: #3d3d3d;}
a:active {color: #3d3d3d;}
a:link {color: #3d3d3d;}
p {font-family: "Myriad Pro", Arial, Helvetica, sans-serif; color: #3d3d3d; font-size: 14px;}
a:hover {text-decoration: none;}
.cl {clear: both;}
ul li {list-style-type: none; list-style: none;}
h1 {color: #5793bf; font-size: 35px; font-weight: normal; margin-bottom: 15px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
h2 {color: #5793bf; font-size: 25px; font-weight: normal; margin-bottom: 15px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
h3 {color: #598527; font-size: 30px; font-weight: normal; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
h4 {color: #346b93; font-size: 15px; font-weight: bold; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
.separator { height: 1px; margin: 15px 0; background: transparent url(images/separator.gif) 0 0 repeat-x; clear: both;}
h5 {color:#3d3d3d; font-size: 18px; font-weight: normal; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; }
.ModuleTitle_MenuItem{ border: none;}
#dnn_ctr381_ViewNewsContent_lblTitle {color:#3d3d3d; font-size: 18px; font-weight: normal; margin-bottom: 17px; display: block; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
h6 {color: #3d3d3d; font-size: 16px; font-style: italic; font-weight: bold; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; }
.org {background: transparent url(images/org.gif) 0 0 no-repeat; width: 92px; height: 47px; display: block; }
.org_f {background: transparent url(images/org_f.gif) 0 0 no-repeat; width: 20px; height: 20px; display: block; }
.org_t {background: transparent url(images/org_t.gif) 0 0 no-repeat; width: 20px; height: 20px; display: block; }

.c_head_blue img {}
img.left { float: left; clear: both; margin-bottom: 6px; margin-right: 18px;}
img.right {float: right; clear: both; margin-bottom: 6px; margin-left: 18px;}
.center {margin: 0 auto; display: block; text-align: center;}
img.border {border:3px solid #EDEFE1;}
img.noborder {border: none !important;}
#content .c_head_blue .c_content img {border:3px solid #EDEFE1;}
/*CONTACT*/
#dnn_ctr415_Feedback_plBody_lblLabel, 
#dnn_ctr415_Feedback_plName_lblLabel, 
#dnn_ctr415_Feedback_plEmail_lblLabel {	
	color:#5793BF;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	font-weight:normal;
}

.DNN_FeedbackContent td.SubHead br {display: none;}

.DNN_FeedbackContent a#dnn_ctr415_Feedback_cmdSend{
	background:transparent url(images/send-back.gif) no-repeat scroll 0 50%;
	clear:both;
	color:#FFFFFF !important;
	display:block;
	float:right;
	font-family:Arial;
	font-size:15px;
	height:21px;
	line-height:20px;
	margin-top:5px;
	text-decoration:none !important;
	text-indent:26px;
	width:85px;
}
.DNN_FeedbackContent a#dnn_ctr415_Feedback_cmdSend:hover, .DNN_FeedbackContent a#dnn_ctr415_Feedback_cmdSend:link, .DNN_FeedbackContent a#dnn_ctr415_Feedback_cmdSend:active {text-decoration: none !important; }
#dnn_ctr415_Feedback_lblMessage {float: left; clear: both; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; color: #3d3d3d; font-size: 14px;}

#dnn_ctr424_ViewGrantedWishContent_lblTitle, #dnn_ctr421_ViewTopDonorInfo_lblTitle, #dnn_ctr427_ViewInMemoryOfContent_lblTitle {color: #3d3d3d; font-size: 16px; font-style: italic; font-weight: bold; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; }

#dnn_ctr415_Feedback_plEmail_imgHelp,
#dnn_ctr415_Feedback_plName_imgHelp,
#dnn_ctr415_Feedback_plBody_imgHelp {display: none;}

.DNN_FeedbackContent td.SubHead {text-align:left;
width:60px; padding-bottom: 10px; padding-right: 12px;  vertical-align: top;}

.DNN_FeedbackContent { width: 150px; }

.c_head_blue .DNN_FeedbackContent input, .c_head_blue .DNN_FeedbackContent textarea {
	border-color:#737373 #DEDEDE #DEDEDE #737373;
	border-style:solid;
	border-width:1px;
	width: 300px;
}
	
.c_head_blue .DNN_FeedbackContent input {
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	height:17px;
	padding-left:1px;
	padding-top:2px;
}



/*LOGIN*/
#dnn_ctr410_Login_Login_DNN_plUsername_lblLabel, 
#dnn_ctr410_Login_Login_DNN_plPassword_lblLabel {	
	font-family:Tahoma,Arial,Helvetica;
	font-size:11px;
	font-weight:normal;
	color:#3D3D3D;
}

#dnn_ctr410_Login_Login_DNN_plUsername_cmdHelp,
#dnn_ctr410_Login_Login_DNN_plPassword_imgHelp {display: none;}

.AuthenticationContent td.SubHead {text-align:left;
width:60px; padding-right: 5px;  vertical-align: top; padding-bottom: 3px;}
.AuthenticationContent td.SubHead br {display: none;}
.AuthenticationContent .StandardButton{margin-top: 10px;}

/*MODULES*/
.granted-wish-title {color: #5793bf !important; font-size: 20px !important; font-weight: normal; margin-bottom: 15px !important; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}

.c_icon img {
	float:left;
	margin-left:-11px;
	margin-top:-5px;
	margin-right:10px;
}

/* ----------------------------------------------------------------------------------------------------------
3) Header
---------------------------------------------------------------------------------------------------------- */

#header {/* overflow: hidden;*/}
	#head-spacer {height: 225px; position: relative;}	
		.logo {display: block; width: 380px; height: 118px; background: transparent url(images/logo.png) 0 0 no-repeat; margin-top: 20px; position: absolute;}
		#hula-girl {display: block; width: 131px; height: 219px; background: transparent url(images/hula-girl.png) 0 0 no-repeat; right: 0; margin-top: 20px; margin-right: 10px; position: absolute;}
	.TopBanner {height: 303px; width: 980px; border: 1px solid #e6e6e6; background: transparent url(/Portals/0/images/1.jpg) no-repeat 0 0; border-top: none; position: relative; z-index: 20;}
	#menu-wrap {background:transparent url(images/menu-back.gif) no-repeat left bottom; height:47px; margin-left:9px; margin-top:-12px;}
		#main-menu {}
		#main-menu {text-align: center; display: block; list-style-image:none; list-style-position:outside; list-style-type:none;  background: transparent url(images/menu-back.gif) no-repeat 0 0; height: 38px; padding: 0 98px;}
		#main-menu li {float: left;}
		#main-menu li a {display: block; line-height: 40px; height: 38px; padding-right: 17px; padding-left: 8px; color: #fcfdff; font-size: 15px; text-decoration: none; }
		ul#main-menu li a:hover, ul#main-menu li a.current {background-color: #95c6e8;}
		ul#main-menu li a.sub:hover {background: #95c6e8 url(images/down-arrow.gif) right 20px no-repeat;}
		
		.menu-corners-preloader-r {background: transparent url(/DesktopModules/CodingStaff.MenuSkinObject/plugins/images/tr.png) 0 0 no-repeat; display: none;}
		.menu-corners-preloader-l {background: transparent url(/DesktopModules/CodingStaff.MenuSkinObject/plugins/images/tl.png) 0 0 no-repeat; display: none;}
/* ----------------------------------------------------------------------------------------------------------
4) Content
---------------------------------------------------------------------------------------------------------- */

#content { overflow: hidden;padding: 30px 21px 0 20px;}
.ContentPane {padding: 0 21px 0 20px;}
#content a {text-decoration: underline;}
#content .news-block a {text-decoration: none;}
.news-block a {text-decoration: none;}
	#right-column {width: 350px; float: right; clear: right; padding-left: 21px;}
	.RightColumn{ clear: both;}
		#beastar {width: 550px; height: 264px; background: transparent url(images/beastar.jpg) 0 0 no-repeat;}
		#beastar a {display: block; width: 270px; height: 185px; margin-left: 255px; }
		#beastar a:hover {background: transparent url(images/beastar-cloud.gif) 0 0 no-repeat;}
	
		#beastar2 {width: 368x; height: 326px; background: transparent url(images/beastar.gif) 0 0 no-repeat;}
		#beastar2 a {display: block; width: 270px; height: 185px; margin-left:80px; }
		#beastar2 a:hover {background: transparent url(images/beastar-cloud.gif) 0 0 no-repeat;}
		
	#left-column {width: 555px; float: left; clear: right;}
	.LeftContent {float: left; }
		.volunteers-block {overflow: hidden; padding-bottom: 20px;  background: transparent url(images/separator.gif) 0 bottom repeat-x; margin-bottom:20px;}
		.volunteers-block img {float: right; border: 3px #edefe1 solid; margin-left: 60px; margin-top: 5px;}
		.volunteers-block strong {color: #598527;}
		a.sign-up {float: right; text-indent: 13px; line-height: 21px; text-decoration: none !important; display:block; color: #fff; width: 113px; height: 23px; background: transparent url(images/blue-arrow.gif) 0 0 no-repeat; margin-top: 20px; font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-size:14px;}
		
		.news-block { overflow: hidden; padding-bottom: 2px;  background: transparent url(images/separator.gif) 0 bottom repeat-x; margin-bottom: 20px;}
		.news-block h3 {background: transparent url(images/tv.gif) 0 0 no-repeat; padding-bottom: 20px; padding-left: 70px; height: 55px; line-height: 77px; text-transform: uppercase;}
		.news-block p {color: #508bb6; font-size: 15px; padding-bottom: 18px;}
		.news-block a {text-decoration: none; color: #508bb6; font-size: 16px; padding-bottom: 18px; }
		.news-block a:hover {color: #598527;}
		
		.NewsManagementContent a {margin-bottom: 10px; display: block;}
		
		.blue-block {margin-bottom: 20px;}
		.blue-content{background-color: #a0c6db; padding: 0 16px; overflow: hidden;}
			.blue-block p {font-size: 13px; color: #fff; margin-bottom: 10px;}
			.blue-block h4 {margin-bottom: 5px;}
			.blue-block .text {float: left; margin-right: 15px; border: none; width: 225px; height: 19px;}
			.blue-block .submit {border: none; cursor: pointer; background: transparent url(images/submit.jpg) 0 0 no-repeat; width: 68px; height: 22px; margin-right: 0px; margin-top:-1px; float: left;}
			.blue-block label{color:#346b93; font-size: 11px;}
		.blue-left-bot {background: transparent url(images/blue-corners.gif) no-repeat left bottom; margin: 0; padding: 0; overflow: hidden;}
		.blue-right-bot {background: transparent url(images/blue-corners.gif) no-repeat right bottom; margin: 0; padding: 0 16px;}
		.blue-left-top {background: transparent url(images/blue-corners.gif) no-repeat left top; margin: 0; padding: 0;}
		.blue-right-top {background: transparent url(images/blue-corners.gif) no-repeat right top; margin: 0; padding: 0 16px;}
		.blue-bg {margin: 0; padding: 0 16px; height: 17px; background-color: #a0c6db;}
		
		.twit-block {margin-bottom: 20px;}
		.twit-arrow {background: transparent url(images/twit-arrow.gif) no-repeat center 0; height: 35px;}
		.twit-bird {background: transparent url(images/twit-bird.gif) no-repeat center 0; height: 95px; margin-top: -15px;}
		.light-block {}
		.light-content{background-color: #eef5fa; padding: 0 16px; overflow: hidden;}
			.light-block h4 {font-weight: normal;}
		.light-left-bot {background: transparent url(images/light-corners.gif) no-repeat left bottom; margin: 0; padding: 0; overflow: hidden;}
		.light-right-bot {background: transparent url(images/light-corners.gif) no-repeat right bottom; margin: 0; padding: 0 16px;}
		.light-left-top {background: transparent url(images/light-corners.gif) no-repeat left top; margin: 0; padding: 0;}
		.light-right-top {background: transparent url(images/light-corners.gif) no-repeat right top; margin: 0; padding: 0 16px;}
		.light-bg {margin: 0; padding: 0 16px; height: 17px; background-color: #eef5fa;}

		.small-title-blue {padding-bottom: 20px;  background: transparent url(images/separator.gif) 0 bottom repeat-x;}
		.small-title-blue strong {color: #598527;}
		.small-title-blue h5 {margin-top: -10px; margin-bottom: 10px;}
		.small-title-blue h2 {margin-left: -1px;}
		
.slides {}
.slides h2 {margin-left: 19px;}
.slides-content{ width: 957px; height: 74px; background: transparent url(images/slides.jpg) 0 0 no-repeat; }
.CodingStaff_NewsContentContent {padding-top: 10px;}
/*RANDOM*/
#dnn_ctr431_RandomWishDisplayer_lblTitle {
	color:#3D3D3D;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
}
/* ----------------------------------------------------------------------------------------------------------
5) Footer
---------------------------------------------------------------------------------------------------------- */

#footer {clear: both; background: transparent url(images/footer-back.gif) 0 0 no-repeat; height: 82px; margin-top: 30px; position: relative;}

#simple-menu{margin-bottom: 2px; display: block; text-align: center; padding-top: 25px; padding-left: 20px; float: left;}
#simple-menu a { margin: 0px 4px; text-decoration: none; font-size: 12px; color: #eef5fa; display: inline; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: normal;}
#simple-menu a:hover { text-decoration: underline;}

#simple-menu2{margin-bottom: 2px; font-size: 12px; color: #A7CBE4; display: block; text-align: center; padding-left: 20px; float: left; clear: both;}
#simple-menu2 a {margin: 0px 4px; text-decoration: none; font-size: 12px; color: #A7CBE4; display: inline; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: normal;}
#simple-menu2 a:hover { color: #eef5fa;}

#log-in-out{margin-bottom: 0px; display: block; text-align: center; padding-left: 20px; float: left; clear: both;}
#log-in-out a { margin: 0px 4px; text-decoration: none; font-size: 12px; color: #A7CBE4; display: inline; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: normal;}
#log-in-out a:hover { color: #eef5fa;}

#footer .org {
	margin-right:90px;
	margin-top:30px;
	position:absolute;
	right:0;
}
#footer .org_f {
	margin-right:45px;
	margin-top:25px;
	position:absolute;
	right:0;
}
#footer .org_t {
	margin-right:20px;
	margin-top:25px;
	position:absolute;
	right:0;
	display: none;
}