/*
CSS Base for Children's Lifeline
*/

div#preload { display: none; }

html, body {
	text-align:center;
	margin:0;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #525252;
	/* background: url(http://www.saus.com/vcl/images/solar_bg.jpg) top no-repeat; */
	background: #F4F4F4; /* url(http://www.varietychildrenslifeline.org/images/childrens-lifeline-top-2-240-temp.jpg) repeat-x; */
}

/* Wrapper & Header */

#wrapper {
	position:relative;
	width:960px;
	margin: 0 auto;
}

#headertop {
	width: 960px;
	height: 40px;
	margin: 5px 0px -2px 0px;
	background: url(http://www.varietychildrenslifeline.org/images/childrens-lifeline-top-white.png) no-repeat right;
}

#header {
	width: 960px;
	height: 129px;
	margin: 0px 0px 0px 0px;
	background: url(http://www.varietychildrenslifeline.org/images/childrens-lifeline-mast-960-129.jpg) no-repeat;
}

/* Form styles */


#adform1 {
	margin:0;
	padding:0;
	background-color:#2B2B2B;
	width:600px;
	height:650px;
	text-align:left;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

input, textarea {
	padding: 5px;
	border: 1px solid #626262;
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h1 a, h2, h2 a, h3, h3 a {
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	color: #525252;
}

h1 {
	letter-spacing: -3px;
	font-size: 2.6em;
	color: #F43032;
}

h2 {
	letter-spacing: -2px;
	font-size: 2em;
}

h3 {
	margin-bottom: 2em;
	font-size: 1em;
	font-weight: bold;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	color: #333;
}

p, ol, ul {
	margin: 0 0 2em 0;
	line-height: 140%;
}

blockquote {
	margin: 0 0 0 1.5em;
	padding-left: 1em;
	border-left: 5px solid #DDDDDD;
}

a {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #F43032;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 8px 20px 0px 0px;
	border: 2px solid #434343; 
}

img.right {
	float: right;
	margin: 8px 0px 0px 20px;
	border: 2px solid #434343; 
}


/* RSS */

#rss {
	padding: 30px 39px 20px 0;
	text-align: right;
}

#rss a {
	padding: 0 0 3px 24px;
	text-decoration: none;
	font-weight: bold;
	color: #F43032;
}

#rss a:hover {
}

/* Search */

#search {
	float: right;
	width: 200px;
	height: 25px;
	background: #FFFFFF;
}

#search #x {
	display: none;
}

#search #s {
	padding: 6px 5px 5px 35px;
	width: 160px;
	height: auto;
	background: none;
	border: none;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #000;
}

#search br {
	display: none;
}

/* Menu */


/* Nav */

#adnav {
width:100%; 
height:30px; 
background-color:#999;
}

#adnav ul {
margin:0px;
padding:0px;
}

#adnav ul li {
display:inline;
height:30px;
float:left;
list-style:none;
margin-left:15px;
position:relative;
}

#adnav li a {
color:#fff; text-decoration:none;
}

#adnav li a:hover {
color:#fff; text-decoration:underline;
}

#adnav li ul {
margin:0px; 
padding:0px; 
display:none;
position:absolute;
left:0px;
top:20px;
background-color:#999;
}

#adnav li:hover ul {
display:block; 
width:160px;
}

#adnav li li {
list-style:none;
display:list-item;
}

#adnav li li a {
color:#fff;
text-decoration:none;
}

#adnav li li a:hover {
color:#fff;
text-decoration:underline;
}



/* Page */

#page {
	width: 960px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	text-align:justify;
	background:#F4F4F4 url(../images/semiclear-1.png) repeat-y right top;
}


/* Ads */

#ads {
	float: right;
	width: 160px;
	padding: 0 0 0 20px;
}

/* Content */

#contenttop {
	float: left;
	width: 960px;
	padding:15px 0px 0px 0px;
	background-color:#FFF;
}

#contentback {
	width:760px;
	padding-top:25px;
	float: left;
	background:#FFF url(../images/variety_lifeline_childrens_charity_water.jpg) no-repeat center top;
}

#content1 {
	float: left;
	width: 730px;
	padding:10px 15px 15px 15px;
	
}

/* Content2 for 2 column - content + ads*/


#content2 {
	float: left;
	width: 730px;
	padding:0px 15px 15px 15px;
}

#contentleft {
	float: left;
	width: 329px;
	height: 100%;
	padding-right:15px;
	padding-left:10px;
	border-right-color:#F43032;
	border-right-style:dotted;
}

#contentright {
	float: right;
	width: 329px;
	padding-right:15px;
	padding-left: 20px;
	border-left-color:#F43032;
	border-left-style:dotted;
}

.post {
	margin-bottom: 0px;
	border-bottom: #3B3B3B double;
}

.post li {
	padding-left:10px;
}

.post .top {
	padding-left:15px;
	padding-right:15px;
}

.post .title {
}

.post .title h2 {
	font-size: 2.2em;
	color: #3B3B3B;
}

.post .title p {
	margin: 0;
	line-height: normal;
	color: #F43032;
}

.post .title p a {
	color: #F43032;
}

.post .entry {
	padding-top:15px;
}

.post .bio {
	padding-top:30px;
	line-height: normal;
}

.post .links {
	width: 410px;
	height: 29px;
	margin: 0;
	padding: 6px 0 0 20px;
}

.post .links a {
	padding: 0 23px;
	text-decoration: none;
	font-weight: bold;
	color: #F43032;
}

.post .links a:hover {
	text-decoration: underline;
	color: #880A0B;
}

.post .links .more {
	background: url(.../images/img07.gif) no-repeat;
}

.post .links .comments {
	background: url(.../images/img08.gif) no-repeat;
}

.leader {
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
}


/* advertising and bioimage - column 2*/

#advertising {
	float: right;
	padding:20px 0 20px 0;
	width: 190px;
}

#advertising ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#advertising li {
	margin-bottom: 20px;
}

#advertising li ul {
	padding: 15px 20px;
	line-height: 200%;
}

#advertising li li {
	margin: 0;
	padding-left: 15px;
	padding-bottom: 5px;
	background: url(/images/img04.gif) repeat-x left bottom;
}

#advertising h2 {
	width: 160px;
	height: 30px;
	padding: 5px 0 0 30px;
	background: url(/images/ad-bullet.gif) no-repeat left 60%;
	border-bottom: 1px #3B3B3B dotted;
	letter-spacing: -1px;
	font-size: 1.3em;
	color: #FFFFFF;
}

#advertising a {
	color:#666;
}

#advertising a:hover {
	color:#F43032;
}

#advertisingdisplay {
	float: left;
	width: 190px;
	height: 200px;
	padding:5px;
	background-color:#FBFBFB;
}

#advertisingdisplay ul {
	list-style: square;
	line-height: normal;
}

div#box{width: 16em;padding: 20px  0;margin:0 auto;
    text-align:left;background: #9CC0FF url(images/gradient.png) repeat-x 0 -5px}
	
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #303F6E}

h1,p{
	margin:0 20px;
}

ol{margin:10px 40px;padding:0}
ol li{margin:0;padding:0}


#bioimage {
	float: right;
	width: 190px;
	margin:inherit;
	padding:inherit;
}

#bioimage h2 {
	width: 160px;
	height: 30px;
	padding: 5px 0 0 30px;
	border-bottom: 0px #3B3B3B solid;
	letter-spacing: -1px;
	font-size: 1.3em;
	color: #FFFFFF;
}

/* Site Info STyles - bottom links */

#siteInfo{
	clear: both;
	/* border-top: 3px solid #3B3B3B;  */
	background-color:#000;
	/* border-top: 1px solid #3B3B3B;  */
	color:#F7F7F7;
	font-size: .9em;
	padding: 10px 10px 5px 10px; /*TOP, RIGHT, BOTTOM, LEFT */
	margin: 0px;
	height: 60px;
	text-align:center;
	text-decoration: none;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo a {
	padding: 2px 2px 2px 2px;
	color:#F7F7F7;
	text-decoration:none;
	font-weight:normal;
}

#siteInfo a:hover{
	padding: 2px 2px 2px 2px;
	color:#F4F4F4;
	text-decoration: overline;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

/* Footer */

#footer {
	clear: both;
	bottom: 0px;
	font-size: smaller;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	border-bottom: 2px solid #3B3B3B;
	background: #fff url(http://www.varietychildrenslifeline.org/images/img-footer.gif) repeat-x;
	color:#000000;
	/* border-top: 1px solid #3B3B3B;  */
}

#footer p {
	margin: 5px 0 5px 0;
	line-height: normal;
	color:#000000;
}

#footer a {
	text-decoration: none;
	color:#000000;
}

#footer a:hover {
	color:#FFFFFF;
	text-decoration: none;
}


#box1, #box2, #box3, #box4, #box5, #box6, #box7 {
  display: none;
}

#shadowed-border {
	float: right;
	padding: 10px;
	width: 190px;
	height: 215px;
	margin: 0;
	color:#ECECEC;
}

#shadowed-border .sb-inner {
  background:#880A0B;
}

#shadowed-border .sb-border {
  background:#fff;
}

#mContainer {
	position:relative;
	margin:0 auto;
	width:404px;
	height:25px;
	border-top:1px solid #638DA1;
	border-bottom:1px solid #638DA1;
	background-color:#F2F5F6;
	padding:5px 0 0 0;
	z-index:0;
}

#mContainer li {
	position:relative;
	display:inline;
	margin:0 10px 0 10px;
	font:0.8em arial,verdana;
	padding:0;
	z-index:20;
}

#mContainer li a {
	text-decoration:none;
	color:#000000;
}

#slider {
	position:absolute;
	background-color:#98B4C1;
	border:1px solid #78919B;
	width:74px;
	height:20px;
	padding:0;
	z-index:1;
}

#info {
	line-height: normal;
	clear: both;
	padding-left: 23px;
	color: #030;
}

/************* FAQ and NEWS styles ***************/

.faq li {
	margin-left:15px;
	list-style-position: inside;
	list-style-type:circle;
}

.clear {
  clear: both;
}

.newsright {
	background-color:#F4FFDD;
	border: solid 1px #030;
	width: 690px;
	margin-top: 10px;
	padding: 0px 5px 0px 5px;
}

.newsright img {
  float: left;
  padding: 10px 0px 10px 10px; /*TOP, RIGHT, BOTTOM, LEFT */
}

.newsright p {
  float: right;
  width: 440px;
  margin: 0;
  padding: 10px 10px 10px 10px;
  line-height: normal;
  vertical-align:top;
}

.newsleft {
	background-color:#FFC;
	border: solid 1px #030;
	width: 690px;
	margin-top: 10px;
	padding: 0px 5px 0px 5px;
}

.newsleft img {
  float: right;
  padding: 10px 10px 10px 0px;
}

.newsleft p {
  float: left;
  width: 440px;
  margin: 0;
  padding: 10px 10px 10px 10px;
  line-height: normal;
}

.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}


.question {
	color: #8FA827;
	font-weight:bold;
	font-style:italic;
}

.contentnewsletter{
	float:left;
	font-size:x-small;
	font-weight:bold;	
	/* background-color:#BCBCBC;  was ECECEC */
	padding: 0 10px 0 10px;
	border-bottom-color:#000000;
	border-bottom-style: none;
	border-bottom-width:medium;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 0;
	color:#FFFFFF;
}

.processing {
margin:0px;
height:20px;
border:0;
width:80px;
background: transparent url("../images/submit_newsletter.gif") no-repeat;
color:#003366;
}

.email {
margin:0px;
height:20px;
border:0;
width:125px;
background: transparent url("../images/textfield_news_email.gif") no-repeat;
color:#003366;
}

.highlight{
	color:#F43032;
	font-style:italic;
	font-weight:bold;
}

div.player {
	height:290px;
	width:390px;
	border:2px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:right;
	text-align:center;
	margin-right:0px;
	margin-left:15px;
}

/* play button */
div.player img {
	margin-top:90px;
}

/* info area */
div.player div.info {
	height:45px;
	background:#000 url(images/gradient/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;
	margin-top:45px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:13px;
	border-top:1px solid #ccc;
	margin-top:40px;
}

/* duration data inside info area */
div.player div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}

#missions {
	padding: 0px 0px 0px 0px; /*TOP, RIGHT, BOTTOM, LEFT */
}

/* temp board style for old page style */
.style3 {
	color: #660000;
	font-style: italic;
}

/* Tables */

table {
	border-collapse:collapse;
	width:48em;
	border: 1px solid #666;
	margin-left:2.5em;
}

th, td {
	padding:0.4em 1em;
}

caption {
	font-size:1.7em;
	font-weight: normal;
	margin:1em 0 .5em 0;
}

col {
	border-right:1px solid #ccc;
}


col#Titlecol {
	border:none;
}

thead {
	background: #ccc url(images/bar.gif) repeat-x left center;
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
}

th {
	font-weight:normal;
	text-align:left;
}

#list {
	text-indent:-11em;
}

.odd {
	background-color: #FCF0F0;
}

tr:nth-child(odd) {
	background-color:#edf5ff;
}

tr:hover {
	background-color:#CCF;
	color:#777;
}

thead tr:hover {
	background-color:transparent;
	color:inherit;
}

.haiti {
	background: transparent url("../images/haiti-2.jpg") no-repeat bottom;
}

/* #containertest{position:relative;width:1155px;min-height:900px;margin:0 auto;background-image:url(/themes/paon/images/peacock.jpg);background-repeat:no-repeat;background-position:right top;}  */
.big14 {
	font-size: 15px;
	color: #0F0F0F;
}