/* Start of CMSMS style sheet 'clicker : clicker' */
/*  this css used for KidsNat lrj  */

body { margin:0; padding:0; font-size:12px; line-height:16px; font-family: Tahoma, Ariel;
background-color:rgb(0,0,0); }
/* a { color:#fe5800;}  */
a:hover { text-decoration:none;}
a:link {color:#008000; text-decoration:none;} a:visited {color:#008000;} a:active {color:#008000;} 
a {outline:none;}
a:active {outline:none;} 

.orange { color:#fe5800;}
.green { color:#008000;}


/* repeated header mini-image to fill width of page */
/*  z-index of -1 puts it underneath real header image */

#header1 { 
position:relative;
left:0px;
top:0px;
z-index:-1;
background: url(uploads/my_clicker/header_bckg_small.gif) repeat-x; height:150px; }

.header_img { 
position:absolute; top:0px; border: none; }
/* background: url(uploads/my_clicker/header_bckg_lrj.gif) no-repeat top center; height:170px; width:1000px; } */

.img_inpage {margin:20px;}

#logo { width:780px; margin:0 auto; padding:50px 0 0 20px; }
/* this not used - the font I want isn't available in most browers - so use an image instead */
#logo a{ color:#FFFFFF; text-decoration:none; height:12px; font-size:30px;
font family: "Basic Sans Light"; }
#logo a:hover { }

/* this menu style not used - see other style sheet
#menu {color:#fff; text-align:center; margin-top:22px;}
#menu ul{ width:780px; margin:0 auto;list-style:none; padding:0; text-align:left;}
#menu ul li{display:inline}
#menu ul a { display:block; float:left; font-weight:bold; font-size:13px; text-decoration:none; color:#fff; background:url(uploads/clicker/menu_enactive.gif) no-repeat bottom center; padding:8px 10px; width:118px; text-align:center; text-transform:uppercase;}
#menu ul a:hover { background:url(uploads/clicker/menu_over.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active { background:url(uploads/clicker/menu_active.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active:hover { background:url(uploads/clicker/menu_active.gif) no-repeat bottom center; color:#232323;}
*/

#main { width:100%; margin:10px 0 10px 0; }   /* was float:left */
#head_image { height:150px; background:url(uploads/clicker/head_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;}
#slogan { color:#fff; font-family: "Arial Narrow", Arial, Tahoma; font-size:21px; text-transform:uppercase; }
#under_slogan_text { color:#ffff00; font-size:10px; line-height:12px; padding-top:15px;}
/* */
#content { margin-top:30px; margin-left:auto; margin-right:auto; 
margin-bottom: 20px; width:100%;}
#content h1 { margin:20px 0 0 0; font-size:20px; color:#000; font-weight:normal;}
#text { width:85%;  margin-left:auto; margin-right:auto; color:rgb(255,255,255); 
font-size:12px; } /*padding-left:20px; padding-right:20px;    was float:left */

/* sidebar not used
#sidebar { background:url(uploads/clicker/sidebar_bckg.gif) repeat-x; margin:20px 0 0 560px; color:#6f6e6e; padding:20px; }
#sidebar h2 {color:#fe5800; margin:0 0 15px 0; font-size:14px; font-weight:bold; text-transform:uppercase;}
*/

#footer {background:url(uploads/my_clicker/footer_bckg.gif) repeat-x #3f3e3e 0 0px; height:46px; margin-top:10px; clear:both;}
#left_footer { float:left; padding:20px 0 0 30px; color:#FFFFFF; font-weight:normal; font-size:11px;}
#left_footer a { color:#FFFFFF;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right; padding:20px 30px 0 0; color:#FFFFFF; font-size:8pt; text-align:right;
text-decoration:none;}
#right_footer a {color:#ffffff;}
#right_footer a:hover { text-decoration:none;}
#right_footer a:link { text-decoration:none;}
#right_footer a:visited { text-decoration:none;}
#right_footer a:active { text-decoration:none;}
/* End of 'clicker : clicker' */