/*General*/

ul{
margin: 0; 
padding: 0;
list-style:none;
 }
 
body{
background: #667788;
}

#white{
background:#fff;
}

p{
margin-top:15px;
margin-bottom:0px;
}

h2{
font-family: helvetica, sans-serif;
font-weight:bold;
font-size: 12px;
}

a{
cursor:pointer;
text-decoration:none;
color:#27639b;
}

a:hover{
color:#27639b;
text-decoration:underline;
}



img{
border:none;
}

img.share{
margin-right:10px;
border:none;
}

img.tweet{
margin-bottom:-5px;
}


form{
margin-top:-10px;
}

blockquote{
margin: -10px 0px 0px 10px;
}

.fontsize{
font-size:15px;
}


table td{
width:170px;
text-align:left;
vertical-align:top;
}

table td li{
list-style:none;
}

table td h4{
font-family: Helvetica, sans-serif;
font-size:12px;
color:#000;
display:inline;

}

table td h5{
font-family: Helvetica, sans-serif;
font-size:11px;
color:#000;
display:inline;
}

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

img.right{
float:right;
margin-left:10px;
}

input.input{
margin-top:-18px;
margin-left:215px;
height:26px;
width:290px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:18px;



}

input.submit, a.submit{
padding:7px 15px 7px 15px;
margin-left:10px;
background:url('/images/navsub.png');
font-family:helvetica, sans-serif;
font-size:12px;
color:#fff;
font-weight:bold;
border: 1px #999 solid;
cursor:pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
}

input.comment{
height:18px;
width:320px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:12px;

}

textarea.commentbox{
width:525px;
height:70px;
}

input.commentsubmit{
width:auto;
padding:7px 15px 7px 15px;
background:url('/images/navsub.png');
font-family:helvetica, sans-serif;
font-size:12px;
color:#fff;
font-weight:bold;
border: 1px #999 solid;
cursor:pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
}

.red{
color:#FF0000;
}

.black{
	color:#000;
	font-size:14px;
}

.black a{
	color:#fff;
}

input.commentsubmit:hover{
background:url('/images/nav.png');
}


input.submit:hover,  a.submit:hover{
background:url('/images/nav.png') #c2752f;
text-decoration:none;
color:#fff;
}

input.data{
  height: 22px;
  width: 220px;
  margin-right:100px;
  margin-top:5px;
  font-family: courier, helvetica, sans-serif; 
  font-size:12px; 
  font-weight: normal; 
  background-color: #FFF;
  border-style: solid;
  border-color: #000; 
  border-style: solid; 
  border-width:1px; 
  color: #000;
}

input.text{
height:26px;
width:271px;
margin-right:5px;
padding:0px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
}

input.donate{
height:22px;
width:60px;
margin-right:5px;
padding:0px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
}

input.email{
height:26px;
width:271px;
padding:0px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
}

input.phone{
height:30px;
width:120px;
padding:0px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
}

textarea.message{
padding:4px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
margin-left:0px;
margin-bottom:15px;
}

select.select{
font-family:Helvetica, sans-serif;
font-size:16px;

}

#first{
position:absolute;
margin-left:0px;
margin-top:4px;
font-size:10px;
line-height:10px;
}

#name{
position:absolute;
margin-left:40px;
margin-top:0px;
}

#last{
position:absolute;
margin-left:286px;
margin-top:0px;
font-size:10px;
}

.required{
color:#CC0000;
}



/*Header*/

#headerwrapper{
position:relative;
width:930px;
height:149px;
margin-left:15px;
margin-top:21px;
}

#members_login{
position:absolute;
width:200px;
margin-left:679px;
text-align:right;
margin-top:14px;
font-family:helvetica, sans-serif;
color:#fff;
}



#logo{
position:relative;
background: #000 url('/images/phil_banner.jpg') no-repeat;
width: 900px ;
height: 149px ;
margin-top:0px;
margin-left:6px;
}

/*Navigation*/

#nav{
position:relative;
margin-top:0px;
margin-left:6px;
width:894px;
height:28px;
color:#FFF;
font-family: helvetica, sans-serif;
font-weight:normal;
font-size: 16px ;
list-style: none;
background:url('../images/navsub.png') repeat-x; 
}

#nav li{ 
display:inline;
margin: 0px;
}

#nav li a{ 
text-decoration: none;
text-align:center;
background:url('../images/navsub.png'); 
color:#fff;
width:auto;
float:left;
padding: 5px 30px 5px 30px; 
font-family: helvetica, sans-serif;
font-weight:normal;
font-size: 16px ;


}

#nav li.here a:link, #nav li.here a:visited, #nav li.here a:hover { 
color:#fff;
background:url('/images/navhover.png'); 
}

#nav a:hover{ 
color:#fff;
background:url('/images/navhover.png'); 
}

/*Secondary Navigation*/

#secondary_nav{
position:absolute;
width:570px;
height:29px;
margin-top:-92px;
margin-left:36px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;  
z-index:2;
background:#fff;
color:#000;
border-left:1px #000 solid;
border-right:1px #000 solid;
border-bottom:1px #000 solid;
}

#nav_sub{
margin-left:6px;
}

#nav_sub li{
list-style:none;
margin:6px 0px 7px 0px;
float:left;

}

#nav_sub li a{
text-decoration: none;
padding:7px 10px 6px 10px;
background:#fff;
color:#27639b;
font-family: helvetica, sans-serif;
font-weight:bold;
font-size: 14px ; 
list-style:none;
margin:0;
}

#nav_sub li.here a:link, #nav_sub li.here a:visited{ 
	color:#27639b;
	text-decoration:underline;
}

#nav_sub li.here a:hover { 
text-decoration: none;
}
#nav_sub a:hover{ 
color:#27639b;
text-decoration:underline;
}


/*Index Page Java App */


pre {
color: #333;
}


.karmic_flow_container {
	overflow: hidden; 
	position: relative;
	
	/* optional */
	width: 571px; 
	height: 314px;
	border:3px solid #777;
}

.karmic_flow_slider, .karmic_flow_slider li {
	list-style:none;
	margin: 0;
	padding: 0;
}

.karmic_flow_slider {
	overflow: hidden; 
	position: relative;
	
	/* optional */
	margin-left: 0;
}

.karmic_flow_slider li {
	float: left;
	position: relative;
	overflow:hidden;
}

.karmic_flow_slide_overflow {
	/* optional */
	/*overflow:auto;*/
}

.karmic_flow_sliding .karmic_flow_slide_overflow {
	overflow:hidden;
}

.karmic_flow_sliding object, .karmic_flow_sliding embed {
	display: none;
}

.karmic_flow_controller_selected {
	/* optional */
	background: #fff !important;
	color: #667788 !important;
	padding: 10px 25px !important;
	margin-right:-5px!important;
		font-family:helvetica, sans-serif!important;
	font-size:18px!important;
	
}

.karmic_flow_controller {
	/* optional */
	background: #fff;
	color: #0099aa;
	padding: 10px 25px;
	line-height: 25px;
	text-decoration: none;
	margin-right:-5px;
	font-family:helvetica, sans-serif!important;
	font-size:18px!important;
}

.karmic_flow_prev_controller,
.karmic_flow_next_controller,
.karmic_flow_play_controller, 
.karmic_flow_pause_controller {
	display: block;
	position:absolute;
	margin-top:-36px;
	margin-left:3px;
	width: 80px;
	height: 26px;
	overflow:hidden;
	color:#000;
	z-index:200;
}


.karmic_flow_play_controller {
	background: url(/images/play.png);
}

.karmic_flow_pause_controller {
	background:url(/images/pause.png) ;
}

.karmic_flow_play_controller:hover {
	background: url(/images/playhover.png);
}

.karmic_flow_pause_controller:hover {
	background:url(/images/pausehover.png) ;
}




/*Content*/

#comment_home{
font-family:helvetica, sans-serif;
font-size:16px;
margin-left:21px;
}

#date{
font-family: Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#blogtitle{
font-family: Helvetica, sans-serif;
font-size:14px;
}

#author{
font-family: Helvetica, sans-serif;
color:#666;
font-size:11px;
}

#content h2.blog_title{
	font-family: Helvetica, sans-serif;
	color:#000;
	font-size:20px;
	margin:55px 0 15px 0;
}

#blog_entry{
	font-family: Helvetica, sans-serif;
	color:#000;
	font-size:15px;
	line-height:18px;
	margin-top:20px;
	margin-bottom:10px;	
}

li.one{
	background:#fff;
	color:#000;
	padding:10px;
}

li.two{
	background:#eee;
	color:#000;
	padding:10px;
}

li.off{
	background:#fff;
	color:#000;
	padding:10px;
	margin:0 0 10px 0;
}

li.on{
	background:#eee;
	color:#000;
	padding:10px;
	margin:0 0 10px 0;
}

li.on h2, li.off h2{
	margin:0 0 10px 0;
}

li.on table tr td, li.off table tr td, #concert_details_holder table tr td, #individual_tickets table tr td{
	width:auto;
	margin:0;
	padding:0;
}

li.on table tr td.col1, li.off table tr td.col1, #concert_details_holder table tr td.col1, #individual_tickets table tr td.col1{
	width:130px;
}

li.on table, li.off table{
	margin:7px 0 0 0;
	padding:0;
	text-align:left;
}


li.one p, li.two p{
	margin:0 0 10px 0;
}

li.one:hover p, li.two:hover p{
	text-decoration:underline;
}

#contentwrapper{
position:relative;
background:#fff;
width:942px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border: #666 solid 3px;
}


#content{
position:relative;
margin-top:0px;
margin-left:21px;
width:570px;
height:auto;
font-family: Helvetica, sans-serif;
font-size:14px;
color:#333;
line-height:17px;
padding:15px;
text-align:left;
}

#whitman_content{
position:relative;
margin-top:0px;
margin-left:21px;
width:880px;
height:auto;
font-family: Helvetica, sans-serif;
font-size:14px;
color:#333;
line-height:17px;
padding:15px;
text-align:left;
}

#content_home{
position:relative;
margin-top:15px;
margin-left:21px;
width:600px;
height:auto;
font-family: Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:17px;
padding:0px;
text-align:left;
}

#content_home_video{
position:relative;
margin-top:15px;
margin-left:0px;
width:600px;
height:auto;
font-family: Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:17px;
padding:0px;
text-align:left;
}

#content_map, #bodyContent{
	font-size:10px;
	width:auto;
}


#vimeo{
position:relative;
margin-top:50px;
margin-left:21px;
width:900px;
height:auto;
font-family: Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:17px;
text-align:center;
background:#222;
}

#gift{
position:relative;
margin-top:50px;
margin-left:21px;
width:900px;
height:360px;
font-family: Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:17px;
text-align:center;
background:url('/images/bushell.png');
}

#cathedral_front{
position:relative;
margin-top:50px;
margin-left:21px;
width:900px;
height:360px;
font-family: Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:17px;
text-align:center;
background:url('/images/brotherhood_front.jpg');
}

#home_page_banner{
position:relative;
margin-top:50px;
margin-left:21px;
width:900px;
height:360px;
font-family: Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:17px;
text-align:center;
background:url('/images/uploads/marie_bushell_winner.jpg');
}


#whitman_page_banner{
position:relative;
margin-top:50px;
margin-left:21px;
width:900px;
height:150px;
font-family: Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:17px;
text-align:center;
background:url('/images/whitman.png');
}


#order_confirmation{
position:relative;
margin-top:0px;
margin-left:21px;
width:570px;
height:auto;
font-family: Helvetica, sans-serif;
font-size:14px;
color:#333;
line-height:17px;
padding:15px;
text-align:left;
}


#order_confirmation h2{
font-family: Helvetica, sans-serif;
font-size:18px;
color:#000;
}


#content_eventdetail{
position:relative;
margin-top:0px;
margin-left:21px;
width:570px;
height:auto;
font-family: Helvetica, sans-serif;
font-size:14px;
color:#333;
line-height:17px;
padding:15px;
text-align:left;
}

#content_eventdetail p{
margin-top:0px;
display:inline;
}

#content_full{
position:relative;
margin-top:0px;
margin-left:21px;
width:770px;
height:auto;
font-family: Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:17px;
padding:15px;
text-align:left;
}


#content h2, #content_full h2{
font-family: arial, sans-serif;
font-size:16px;
color:#000;

}

#content h3, #content_full h3{
font-family: arial, sans-serif;
font-size:16px;
color:#000;
margin-bottom:5px;

}

#content h4{
font-family: arial, sans-serif;
font-size:13px;
color:#000;

}

#content h5{
font-family: arial, sans-serif;
font-size:16px;
color:#000;
display:inline;

}

#contentright{
float:right;
width:275px;
padding:10px;
margin-right:1em;
margin-top:-47px;
font-family: Helvetica, sans-serif;
font-size:13px;
line-height:20px;
padding:10px 0px 10px 0px;
text-align:left;
}

#contentright h2, #contentright_nonav h2{
font-family: helvetica,arial, sans-serif;
font-size:20px;
color:#000;
margin-top:5px;
margin-bottom:5px;

}

#contentright_nonav h3{
font-family: arial, sans-serif;
font-size:18px;
color:#000;
margin:25px 0 10px 0;
}

#contentright_vimeo{
float:right;
width:275px;
padding:10px;
margin-right:1em;
margin-top:-105px;
font-family: Helvetica, sans-serif;
font-size:13px;
line-height:20px;
padding:10px 0px 10px 0px;
text-align:left;
}


#contentright_nonav{
float:right;
width:255px;
padding:10px;
margin-right:1em;
margin-top:-37px;
font-family: Helvetica, sans-serif;
font-size:13px;
line-height:20px;
padding:15px;
text-align:left;
}


#subscribe{
position:relative;
width:253px;
height:30px;
margin-top:20px;
margin-bottom:10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
background:#fff;

}

#subscribe img{
position:absolute;
margin-top:5px;
margin-left:5px;

}

#subscribetext{
position:absolute;
margin-top:5px;
margin-left:35px;
font-family:helvetica, sans-serif;
font-size:13px;
}

#sidebarbutton a{
text-decoration:none;
color:#27639b;
  }
  
#sidebarbutton a:hover{
text-decoration:underline;
  }
  
#memberhandbook{
position:relative;
width:253px;
height:100px; 
margin-top:20px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background:url('/images/memberhandbook.png') #666;
border: solid 1px #333; 
}

#memberhandbook:hover{
background:url('/images/memberhandbookhover.png') #666;
}

#bylaws{
position:relative;
width:253px;
height:100px; 
margin-top:20px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background:url('/images/memberbylaws.png') #666;
border: solid 1px #333; 
}

#bylaws:hover{
background:url('/images/memberbylawshover.png') #444;
}

#membercalendar{
position:relative;
width:253px;
height:100px; 
margin-top:40px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background:url('/images/membercalendar.png') #666;
border: solid 1px #333; 
}

#membercalendar:hover{
background:url('/images/membercalendarhover.png') #666;
}

#poweredby{
position:relative;
width:253px;
height:100px; 
margin-top:0px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background:url('/images/poweredby.png') #666;
border: solid 1px #333; 
}

#social{
position:relative;
width:222px;
height:auto;
padding: 10px 15px 10px 15px; 
margin-top:0px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background:url('/images/social.png');
border: solid 1px #aaa; 
}

#follow_home{
margin-top:120px; 
}

#social h2, #social_home h2{
font-size:16px;
color:#000;
text-transform:uppercase;
display:inline;
}

#social img, #social_home img{
margin:10px 10px 10px 0px;
}

#social img.last, #social_home img.last{
margin:10px 0px 10px 0px;
}

#tweets{
	width:230px;
	background:#eee;
	margin-top:5px;
	padding:10px;
	font-size:12px;	
	line-height:13px;	
	color:#000;
}

#tweets table tr td{
width:auto;
height:85px;
text-align:left;
vertical-align:top;
}

#tweets table tr td{
background:#666;
color:#000;
}




p.date{
	font-size:10px;
	margin:5px 0 0px 0;
}	

#follow_us{
position:relative;
width:253px;
height:100px; 
margin-top:0px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background:url('/images/followus.png') #666;
border: solid 1px #333; 
}

#emailbutton{
position: relative;
text-align:left;
font-family: Helvetica, sans-serif;
color:#0099aa;
font-size:13px;
margin-top:10px;
width:253px;
height:30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
background:url('/images/bggray.png');
border: solid #eee 1px;
cursor:pointer;
}

#emailbuttontext{
position:absolute;
margin-top:-30px;
margin-left:40px;
font-family:helvetica, sans-serif;
font-size:13px;
}

#emailbutton a{
color:#27639b;
cursor:pointer;
}

#emailbutton a:hover{
text-decoration:underline;
}

#commentform{
position:relative;
width:570px;
height:auto;
background:#fff;
margin-top:20px;
}

#commentform.form{
position:relative;
width:530px;
height:auto;
background:#ddd;
padding:10px 20px 10px 20px;
margin-top:20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
}

#comments{
position:relative;
width:570px;
height:auto;
margin-top:20px;

}

#comments.odd{
position:relative;
width:430px;
height:auto;
background:#fff;
padding:10px 20px 10px 20px;
margin-top:20px;
}

#comments.even{
position:relative;
width:430px;
height:auto;
background:#ddd;
padding:10px 20px 10px 20px;
margin-top:20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
}

/*TICKETS PAGES*/


#gray{
	background:#eee;
	width:550px;
	padding:20px 0px 20px 20px;
	font-size:24px;
	margin:7px 0;
}

ul#concertNav{
	margin:5px 0 6px 0;
}

ul#concertNav li{
	display:inline;
	margin:0;
	font-weight:bold;
}

ul#concertNav li a{
	padding:7px 15px;
	background:#fff;
	color:#27639b;
	-webkit-transition:0s;
}

ul#concertNav li.active a{
	padding:7px 15px;
	background:#eee;
	color:#666;
}

ul#concertNav li a:hover{
	color:#27639b;
	text-decoration:underline;
}

#concert_details_holder{
	background:#eee;
	height:200px;
	padding:20px;
}

#concert_details_holder h2{
	margin-top:0px;
}

#tickets.confirm{
position:relative;
width:530px;
height:auto;
background:#ddd;
padding:10px 20px 10px 20px;
margin-top:0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
}

#banner{
position:relative;
margin-top:49px;
margin-left:35px;
width:570px;
height:70px;
background:#fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
padding-top:1px;
}



#title{
position:absolute;
margin-left: 0px;
margin-top:30px;
font-family:Helvetica, sans-serif;
text-transform:lowercase;
color:#000;
}

#title h1, #title_nonav h1{
font-family: Helvetica, sans-serif;
font-size:42px;
display:inline;
color:#333;
}


#banner_nonav{
position:relative;
margin-top:49px;
margin-left:35px;
width:570px;
height:60px;
background:#fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
padding-top:1px;
}

#title_nonav{
position:absolute;
margin-left: 0px;
margin-top:30px;
font-family:Helvetica, sans-serif;
font-size:56px;
text-transform:lowercase;
color:#000;
}

/*Season*/

table.season{
margin-left:-15px;
}

#bolero{
background:url('/images/bolero.png') #000;
width:277px;
height:277px;
}

#bolero:hover{
background:url('/images/boleroroll.png') #000;
}

#givingtree{
background:url('/images/givingtree.png') #eee;
width:277px;
height:277px;
}

#givingtree:hover{
background:url('/images/givingtreeroll.png') #eee;
}

#cathedral{
background:url('/images/cathedral.png') #aaa;
width:277px;
height:277px;
}

#cathedral:hover{
background:url('/images/cathedralroll.png') #aaa;
}

#brotherhood{
background:url('/images/brotherhood.png') #000;
width:277px;
height:277px;
}

#brotherhood:hover{
background:url('/images/brotherhoodroll.png') #000;
}




/*Tickets*/

#spacer{
height:24px;
}

#section_heading{
position:relative;
padding:5px;
background:#aaa;
font-size:14px;
color:#000;
}


#section_heading_blue{
position:relative;
padding:5px;
background:#336699;
font-size:14px;
color:#fff;
}

#section_heading_green{
position:relative;
padding:5px;
background:#339900;
font-size:14px;
color:#000;
}

#section_content{
position:relative;
padding:5px;
background:#fff;
border-bottom: solid 1px #333;
font-size:14px;
}

.artist{
font-size:11px;
color:#667788;
}

.sub{
font-size:11px;
}

.subject{
font-size:12px;
color:#555;
}

.youth{
font-size:13px;
font-weight:bold;
}

.dates{
font-size:16px;
line-height:30px;
}

#nov, #jan, #mar, #may{
width: 370px; 
margin:5px 5px 10px 5px;
background: #fff; 
font-family: helvetica, sans-serif; 
font-size: 12px; 
display:none;
}
#concert_details{
width: 370px; 
margin:5px 5px 10px 5px;
background: #fff; 
font-family: helvetica, sans-serif; 
font-size: 12px; 

}

#nov h2, #jan h2, #mar h2, #may h2, #concert_details h2{
font-size:16px;
color:#000;
line-height:30px;
}

#nov2, #jan2, #mar2, #may2{
width: 370px; 
margin:5px 5px 10px 5px;
background: #fff; 
font-family: helvetica, sans-serif; 
font-size: 12px; 
display:none;
}

#nov2 h2, #jan2 h2, #mar2 h2, #may2 h2{
font-size:16px;
color:#667788;
line-height:30px;
}

#individual_tickets h2{
font-size:16px;
color:#000;
}

form.tickets{
margin:0px;
}

table.tickets{
width:570px;
font-size:14px;
}

table.whitman_tickets{
width:880px;
font-size:14px;
}

table.tickets td{
border-bottom: solid 1px #333;
}

.even_tix{
background:#eee;
}

select.tickets{
margin-top:-2px;
}

.ticketsubmit{
width:auto;
margin-top:10px;
float:right; 
padding:7px 15px 7px 15px;
background:url('/images/navsub.png') #333;
font-family:helvetica, sans-serif;
font-size:12px;
color:#fff;
font-weight:bold;
border: 1px #999 solid;
cursor:pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
}

input.ticketsubmit:hover{
background:url('/images/nav.png');
}

select.category{
font-size:16px;
}

input.donatename{
height:22px;
width:280px;
margin-top:5px;
margin-left:40px;
padding:0px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
}

input.city{
height:22px;
width:165px;
margin-top:5px;
margin-left:40px;
padding:0px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
}

input.state{
height:22px;
width:30px;
margin-left:5px;
margin-top:5px;
padding:0px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
}

input.zip{
height:22px;
width:61px;
margin:5px 0px 10px 5px;
padding:0px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
}


#forgot{
position:relative;
left:345px;
}

/*Community*/

#post{
margin-top:20px;
padding:10px;
background: #eee;
}



.highlight{
color:#CC0000;
}

input.textrow{
height:22px;
width:250px;
margin-right:5px;
padding:4px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
}

input.login{
height:16px;
width:140px;
margin:0px 20px 0px 10px;
padding:5px 0px 2px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:12px;
}

input.tofrom{
height:22px;
width:230px;
margin-right:5px;
padding:0px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
display:inline;
}

input.text_title{
height:22px;
width:516px;
margin-right:5px;
padding:0px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
}

input.text_date{
height:22px;
width:80px;
margin-right:5px;
padding:0px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
}

input.text_time{
height:22px;
width:64px;
margin-right:5px;
padding:0px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
}

#last_post{
position:absolute;
margin-left:267px;
margin-top:0px;
font-size:10px;
}

#date_time{
position:absolute;
margin-left:98px;
margin-top:0px;
font-size:10px;
}

textarea.post{
padding:4px 0px 0px 5px;
border: 1px #999 solid;
font-family:Helvetica, sans-serif;
font-size:14px;
margin-left:0px;
margin-bottom:0px;
}

/*Bottom*/

#contact_us{
position:relative;
width:170px;
height:40px;
background:#ddd;
margin-left:40px;
padding:5px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px; 

}

#contact_us_text{
position:absolute;
margin-top:5px;
margin-left:50px;
font-family:helvetica, sans-serif;
font-size:24px;
}

#mailinglist{
position:relative;
width:646px;
height:30px;
margin-left:240px;
margin-top:-50px;
background:#666;
color:#fff;
padding:10px 0px 10px 20px;
font-family:Helvetica, sans-serif;
font-size:24px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px; 
}

#footer{
position:relative;
margin-top:10px;
width:930px;
font-size: 14px;
font-family:Helvetica, sans-serif;
color: #000;
background:#fffr;
height:20px;
text-align: center;
}


/*Overlay*/


#edit{
background: #273f99 url('http://notebleu.org/images/edit.png');
width:106px;
height:31px;
cursor:pointer;

}

#edit img{
border:none;
}

#edit:hover{
background:url('http://notebleu.org/images/edit_hover.png');
}

/* the overlayed element */
.apple_overlay {
display:none;
background:#fff;
width:640px;		
padding:15px;
font-size:11px;
border:1px solid #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
	
}



/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url('http://static.flowplayer.org/img/overlay/close.png');
	position:absolute; right:-18px; top:-18px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/*Input Label */

.inside {
	margin:0;
	padding: 3px 0 3px 0;
	background: #fff;
}
.inside span {
	position: absolute;
	padding: 8px;
	margin-left: 3px;
	color: #666;
	font-family:arial;
	font-size:16px;
}
.inside input.mailing_list_name{
	position: relative;
	margin: 0;
	padding: 6px;
	background: transparent;
	width:100px;
	border:1px solid #aaa;
	font-size:16px;
}

.inside input.mailing_list_email{
	position: relative;
	margin: 0;
	padding:6px;
	background: transparent;
	width:200px;
	border:1px solid #aaa;
	font-size:16px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .inside input.mailing_list_input{ padding: 5px; }
}