html, body, #branding, #headerBox  { 
margin:0; 
padding:0; 
}

/* HTML elements */
html {
  font-size:75%; /* 16px x 75% = 12px */
}
body {
line-height:1.5;
colors: #555;
background: #FEF7E5 url(http://www.kidlink.org/images/drupal/site/about/bg-wall.png) repeat-x left top;
}

h1 {
font-family: Arial, Verdana;
font:bold;
color: #002D59;
}

h2,h3,h4 {
font-family: Arial, Verdana;
color: #002D59;
}

p {
font-family: Arial, Verdana;
font-size:1.067em;
}


img { border:0; }

a, a:visited { 
color:#0066CC; 
text-decoration:none; 
}

a:hover { 
color:#002D59; 
}


/* CSS for editor window */
#containerBox {  
min-height:400px; 
height:auto !important; 
text-align:center; 
background: #FFF;
}

#headerBox { background-color:#DFF891; text-align:center; vertical-align= middle; border-bottom:1px solid #002D59;
                                min-height:7%; height:75px; text-align:center; font-size:14px; font-weight:bold; }
#headerBox select { background-color:#EFEFEF; font-size:14px; color:#002D59; vertical-align:middle;
                                        width:85px; }
/* CSSS for main page and nodes */

#kidspacecontainer {  
width:1020px;
position:relative;
margin: 0 auto;
box-shadow: 0 0 10px rgba(76, 76, 76, 0.7);
background: #fff;
}

#kidspaceheader { 
margin: 0px;
padding: 0px;
height: 158px;
background-image: url('http://www.kidlink.org/images/drupal/Kidlink-WAI.jpg');
overflow:hidden;
}

.brand {
float: left;
height: 158px;
width: 1020px; /* Adjust this if you have a very long site name or large logo */
}

.logo {
display: block;
float: left;
margin: 75px 0 0 30px;
overflow: hidden;
padding: 0;
overflow:hidden;
image-shadow: rgba(0,0,0,20.9) 2px 2px 5px;
}

.slogan {
font-family: Arial, Verdana;
font-size: 2.5em;
font:bold;
margin: 110px 0px 15px 160px;
text-shadow: rgba(0,0,0,20.9) 2px 2px 5px;
overflow:hidden;
color:#f7b42b;
}

#menubar
{
clear: both;
line-height: 28px;
padding: 0px 10px;
position: relative;
/* background-color:#f7b42b;  */
color:rgba(255,0,0,0.5);
font-size: 1em;
font-weight:normal;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
width: 1020px;
background: url(http://www.kidlink.org/images/drupal/site/about/menu-tile.png) repeat-x 0 0 #F7B836;
}

#menubar a {
color: #FFFFFF;
}

#menubar a:hover {
color:#FFFF00;
}



#columnright {
float: right;
position: relative;
padding:8px;
}

#kidspacelogin {
float:right;
position: relative;
padding: 20px; 
background-color: #fde9c0;
}

#marqueecontainerLong{
position: relative;
width: 250px; /*marquee width */
height: 500px; /*marquee height */
_height: 500px;
background-color: white;
overflow: hidden;
padding:5px;
border: 3px solid #fde9c0;
background: #fde9c0;
}

#marqueecontainer{
position: relative;
width: 250px; /*marquee width */
height: 200px; /*marquee height */
_height: 200px;
background-color: white;
overflow: hidden;
padding:5px;
border: 3px solid #fde9c0;
background: #fde9c0;
}

#rightColumnContainer{
width: 250px;
height: 1450px;
padding:8px;
background: #fde9c0;
overflow: hidden;
}


/*#kidspacewelcomemessage {
width: 680px;
height: 500px;
}*/

#footerBox { 
background-color:#EFEFEF; 
text-align:center; 
/* border-top:1px solid #002D59;*/
min-height:5%; 
height:8%; 
text-align:center; 
font-size:12px; 
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e0a00b));
}

/* #footerBox,#headerBox p { 
line-height:25px; 
} */

/* Changed width to 720 by Stellan 20090917 */
#descriptionBox { 
margin:20px 20px; 
font-size:12px; 
width:680px; 
text-align:left; 
}

#kidspacewelcomemessage {
margin:20px 70px;
font-size:12px;
width: 510px;
height: 500px;
}



#navigationBox { 
font-weight:bold; 
width:auto; 
text-align:left; 
margin-top:10px;
margin-bottom:10px; 
}

#navigationBox select { 
font-size:12px; 
color:#002D59; 
}

.nodeContributor { font-weight:bold; }
#actionBarBox { margin:10px; width:auto; text-align:center; }
.button { margin-top:5px; border:1px solid #002D59; background-color:#CCE6FF; margin-right:4px;
			font-weight:bold; color:#0066CC; }

/* Changed width to 720 by Stellan 20090917 */
#nodeCommentsBox { border-top:2px dotted #002D59 !important; border-top:2px dashed #002D59; font-size:12px; width:680px; text-align:left; }

#nodeCommentsBox p { margin-top:5px; margin-bottom:5px; }
#newsBox { position:absolute; top:35%; left:24%; right:2% border:1px solid #002D59; width:680px; text-align:left; }
#loginBox { valign:top; width:175px; border:1px solid #002D59; font-size:10px; text-align:center; }
#loginBox form { margin-top:10px; margin-bottom:10px; }
#messageBox { width:auto; margin:20px auto; text-align:center; font-size:15px; color:#FF0000; font-weight:bold; }
#previewBox { visibility:hidden; margin-bottom:10px; }

/* Changed width to 720 by Stellan 20090917 */
#editBox { visibility:visible; width:680px; align="center";}