/*
-----------------------------------------------
Children's Commissioner for Wales  
Author:www.imaginet.co.uk 
Version:March 2010 
----------------------------------------------- */



/* Global Styles 
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
a {
   text-decoration:underline;
   color:#0099cc;
}
a:hover {
   color:#0099cc;
   text-decoration:none;
}
a img {
   border:none;
}

ul {
   list-style-type:none; 
}
table {

}
.breaker { 
   clear:both;
   height: 0px;
   line-height: 0px;
   font-size:1px;
}
.none {
   display:none;
}
.alert {
   color:#f00;
}
div#validation {
   padding:5em 0 1em 0;
   text-align:center;
}



/* Page Structure 
----------------------------------------------- */
html {
	background: #b0daf1 url(graphics/bg.gif) repeat-x;
}
html body.home {
	padding: 0;
	margin: 0;
	background: url(graphics/homebg.jpg) no-repeat center top;
	color: #000;
	width: 100%;
	display: table;
	font:81.25%  Arial, Verdana, Sans-serif;
}

html body {
	padding: 0;
	margin: 0;
	background: url(graphics/contentbg.jpg) no-repeat center top;
	color: #000;
	width: 100%;
	display: table;
	font:81.25%  Arial, Verdana, Sans-serif;
}

#page {
   width:992px;
   margin:0 auto;
   text-align:left;
   padding:0;
   font-size:1.1em;
   min-height:401px;
}

#access {
   background: url(graphics/accessbg.jpg) no-repeat center top;
   width:992px;
   height:20px;
   margin:0 auto;
   color:#000;
   text-align:center;
   padding:5px 0 0 0;
}


#access a{
   color:#0099cc;
   padding:0 8px 0 8px;
   font-weight:bold;
}

/* Left
----------------------------------------------- */

#left {
   float:left;
   width:214px;
   padding:0 0 0 24px;

}

.leftnav {
   width:214px;
}

.leftnav .top {
   background: url(graphics/side_top.gif) no-repeat center top;
   height:23px;
   width:214px;
}

.leftnav .mid {
   width:178px;
   background: url(graphics/sidebg.jpg) repeat-y center top;
   padding:0 18px;

}

.leftnav .bot {
   background: url(graphics/side_bot.gif) no-repeat center top;
   height:23px;
   margin:0 0 20px 0;
   width:214px;
}

.leftnav ul {
   width:178px;
}

.leftnav ul li {
   padding:0 0 0.8em 16px;
   background-image:url("graphics/leftnav_bullet.gif");
   background-repeat:no-repeat;
   background-position:0px 4px;
}

.leftnav ul li a.active {
   font-weight:bold;
   text-decoration:none;
}

.leftnav ul ul {
   padding:10px 0 5px 0;
   border-bottom:1px solid #999;
   width:150px;
}

.leftnav ul li li {
   padding:0 0 0.5em 20px;
   background-image:url("graphics/arrow.gif");
   background-repeat:no-repeat;
   background-position:2px 4px;
   font-size:0.9em;
}

.leftcont {
   margin:0 0 20px 0;
   width:214px;
}

.leftcont .top {
   background: url(graphics/side_top3.png) no-repeat center top;
   height:23px;
   width:214px;
}

.leftcont .top2 {
   background: url(graphics/side_top3.png) no-repeat center top;
   height:23px;
   width:214px;
}

.leftcont .mid {
   background: url(graphics/sidebg.jpg) repeat-y center top;
   padding:0 18px;
   width:178px;

}

.leftcont .mid p {
   padding:0 0 1em 0;
}

.leftcont .mid ul {
	width:178px;
}


.leftcont .mid ul li {
   padding:0 0 1em 24px;
   background-image:url("graphics/leftnav_bullet.gif");
   background-repeat:no-repeat;
   background-position:6px 4px;
}

.leftcont .mid ul li.twitter {
   padding:8px 0 1.2em 0px;
   background-image:url("graphics/twitter.png");
   background-repeat:no-repeat;
   background-position:0px 8px;
}

.leftcont .mid ul li.youtube {
   padding:8px 0 1.2em 0px;
   background-image:url("graphics/youtube.png");
   background-repeat:no-repeat;
   background-position:0px 8px;
}

.leftcont .mid ul li.beboicon {
   padding:8px 0 1.2em 0px;
   background-image:url("graphics/bebo.png");
   background-repeat:no-repeat;
   background-position:0px 8px;
}

.leftcont .mid ul li.blog {
   padding:8px 0 1.2em 0px;
   background-image:url("graphics/wordpress.png");
   background-repeat:no-repeat;
   background-position:0px 8px;
}

.leftcont  .mid ul li.noicon {
   padding:8px 0 1.2em 0px;
   background-image:url("graphics/leftnav_bullet.gif");
   background-repeat:no-repeat;
   background-position:12px 14px;
}

.leftcont .mid ul li.twitter a, .leftcont .mid ul li.youtube a, .leftcont .mid ul li.beboicon a, .leftcont .mid ul li.blog a, .leftcont .mid ul li.noicon a  {
   display:block;
   padding:0 0 0 40px;
}

.leftcont .bot {
   background: url(graphics/side_bot.gif) no-repeat center top;
   height:23px;
   width:214px;

}

/* Main
----------------------------------------------- */

#main {
   float:left;
   width:488px;
   margin:0 14px;

}

#main2 {
   float:right;
   width:726px;
   margin:0 14px;
}

#main2 .mid2 {
   background: url(graphics/main_bc.jpg) no-repeat center top;
   padding:4px 14px;

}

#main2 .mid2_no {
   background: url(graphics/main_bc_nobubble.jpg) no-repeat center top;
   padding:4px 14px;

}

#main2 .top {
   background: url(graphics/main_top_bc.jpg) no-repeat center top;
   height:19px;
}

#main2 .bot {
   background: url(graphics/main_bot_bc.jpg) no-repeat center top;
   height:19px;
}

#main2 .mid2b {
   background: url(graphics/main_bc2.jpg) no-repeat center top;
   padding:4px 14px;

}

#main2 .mid2b_no {
   background: url(graphics/main_bc2_nobubble.jpg) no-repeat center top;
   padding:4px 14px;

}

#main2 .topb {
   background: url(graphics/main_top_bc2.jpg) no-repeat center top;
   height:19px;
}

#main2 .botb {
   background: url(graphics/main_bot_bc2.jpg) no-repeat center top;
   height:19px;
}

#main2 .mid2c {
   background: url(graphics/main_bc3.jpg) no-repeat center top;
   padding:4px 14px;

}

#main2 .mid2c_no {
   background: url(graphics/main_bc3_nobubble.jpg) no-repeat center top;
   padding:4px 14px;

}

#main2 .topc {
   background: url(graphics/main_top_bc3.jpg) no-repeat center top;
   height:19px;
}

#main2 .botc {
   background: url(graphics/main_bot_bc3.jpg) no-repeat center top;
   height:19px;
}

#main2 .mid2d {
   background: url(graphics/main_bc4.jpg) no-repeat center top;
   padding:4px 14px;

}

#main2 .mid2d_no {
   background: url(graphics/main_bc4_nobubble.jpg) no-repeat center top;
   padding:4px 14px;

}

#main2 .topd {
   background: url(graphics/main_top_bc4.jpg) no-repeat center top;
   height:19px;
}

#main2 .botd {
   background: url(graphics/main_bot_bc4.jpg) no-repeat center top;
   height:19px;
}

#main .top {
   background: url(graphics/main_top.jpg) no-repeat center top;
   height:19px;
}

#main .mid {
   background-color:#fff;
   padding:4px 14px;
}


#main .bot {
   background: url(graphics/main_bot.gif) no-repeat center top;
   height:19px;
}



/* Right
----------------------------------------------- */

#rightasc {
   float:right;
   width:238px;
   margin:0 0 0 0;

}

.rightcont {
   margin:0 24px 20px 0;
   width:214px;
}

.rightcont .top {
   background: url(graphics/side_top2.jpg) no-repeat center top;
   height:23px;
   width:214px;
}

.rightcont .top2 {
   background: url(graphics/side_top3.png) no-repeat center top;
   height:23px;
   width:214px;
}

.rightcont .mid {
   background: url(graphics/sidebg.jpg) repeat-y center top;
   padding:0 18px;
	width:178px;
}

.rightcont .mid p {
   padding:0 0 1em 0;
}

.rightcont .mid ul {
	width:178px;
}

.rightcont .mid ul li {
   padding:0 0 1em 24px;
   background-image:url("graphics/leftnav_bullet.gif");
   background-repeat:no-repeat;
   background-position:6px 4px;
}

.rightcont .mid ul li.word {
   padding:8px 0 1em 24px;
   background-image:url("graphics/worddoc_bullet.jpg");
   background-repeat:no-repeat;
   background-position:0px 4px;
}

.rightcont .mid ul li.pdf {
   padding:8px 0 1em 24px;
   background-image:url("graphics/pdf_bullet.jpg");
   background-repeat:no-repeat;
   background-position:0px 4px;
}

.rightcont .mid ul li.page {
   padding:8px 0 1em 24px;
   background-image:url("graphics/webpage_bullet.jpg");
   background-repeat:no-repeat;
   background-position:0px 4px;
}


.rightcont .mid ul li.image {
   padding:8px 0 1em 24px;
   background-image:url("graphics/image_bullet.jpg");
   background-repeat:no-repeat;
   background-position:0px 4px;
}

.rightcont .mid ul li.twitter {
   padding:8px 0 1.2em 0px;
   background-image:url("graphics/twitter.png");
   background-repeat:no-repeat;
   background-position:0px 8px;
}

.rightcont .mid ul li.youtube {
   padding:8px 0 1.2em 0px;
   background-image:url("graphics/youtube.png");
   background-repeat:no-repeat;
   background-position:0px 8px;
}

.rightcont .mid ul li.beboicon {
   padding:8px 0 1.2em 0px;
   background-image:url("graphics/bebo.png");
   background-repeat:no-repeat;
   background-position:0px 8px;
}

.rightcont .mid ul li.blog {
   padding:8px 0 1.2em 0px;
   background-image:url("graphics/wordpress.png");
   background-repeat:no-repeat;
   background-position:0px 8px;
}

.rightcont .mid ul li.noicon {
   padding:8px 0 1.2em 0px;
   background-image:url("graphics/leftnav_bullet.gif");
   background-repeat:no-repeat;
   background-position:12px 14px;
}


.rightcont .mid ul li.twitter a, .rightcont .mid ul li.youtube a, .rightcont .mid ul li.beboicon a, .rightcont .mid ul li.blog a, .rightcont .mid ul li.noicon a  {
   display:block;
   padding:0 0 0 40px;
}

.rightcont .bot {
   background: url(graphics/side_bot.gif) no-repeat center top;
   height:23px;
	width:214px;
}

/* TopNav 
----------------------------------------------- */

#topnav {
   width:992px;
   height:134px;
   margin:0 auto;
   background:url(graphics/ulbg.jpg) bottom no-repeat;
}

#topnav ul li {
   display:inline;

}

#topnav li a:link, #topnav li a:visited {
   display:block; 
   float:left;
   height:75px;
   text-indent:-3000px;
   overflow:hidden;
   text-decoration:none;
} 

#topnav li.home a:link, #topnav li.home a:visited {
   background: url(graphics/nav_home.jpg) 0 0 no-repeat;
   width:100px;
   
   }
   
 #topnav li.home_cy a:link, #topnav li.home_cy a:visited {
   background: url(graphics/nav_home_cy.jpg) 0 0 no-repeat;
   width:100px;
   
   }
#topnav li.home a:hover, #topnav li.home_cy a:hover {
   background-position: -100px 0;
   width:100px;
   }
   
#topnav li.about a:link, #topnav li.about a:visited {
   background: url(graphics/nav_about.jpg) 0 0 no-repeat;
   width:104px;
   
   }
   
 #topnav li.about_cy a:link, #topnav li.about_cy a:visited {
   background: url(graphics/nav_about_cy.jpg) 0 0 no-repeat;
   width:104px;
   
   }
#topnav li.about a:hover, #topnav li.about_cy a:hover {
   background-position: -104px 0;
   width:104px;
   }
#topnav li.public a:link, #topnav li.public a:visited {
   background: url(graphics/nav_public.jpg) 0 0 no-repeat;
   width:132px;
   
   }
   
 #topnav li.public_cy a:link, #topnav li.public_cy a:visited {
   background: url(graphics/nav_public_cy.jpg) 0 0 no-repeat;
   width:132px;
   
   }
#topnav li.public a:hover, #topnav li.public_cy a:hover {
   background-position: -132px 0;
   width:132px;
   }

#topnav li.rights a:link, #topnav li.rights a:visited {
   background: url(graphics/nav_rights.jpg) 0 0 no-repeat;
   width:81px;
   
   }
   
 #topnav li.rights_cy a:link, #topnav li.rights_cy a:visited {
   background: url(graphics/nav_rights_cy.jpg) 0 0 no-repeat;
   width:81px;
   
   }
#topnav li.rights a:hover, #topnav li.rights_cy a:hover {
   background-position: -81px 0;
   width:81px;
   }

#topnav li.logo a:link, #topnav li.logo a:visited {
   width:110px;
   background:url(graphics/nav_logo.jpg) 0 0 no-repeat;
}

#topnav li.presscentre a:link, #topnav li.presscentre a:visited {
   background: url(graphics/nav_presscentre.jpg) 0 0 no-repeat;
   width:132px;
   
   }
   
 #topnav li.presscentre_cy a:link, #topnav li.presscentre_cy a:visited {
   background: url(graphics/nav_presscentre_cy.jpg) 0 0 no-repeat;
   width:132px;
   
   }
#topnav li.presscentre a:hover, #topnav li.presscentre_cy a:hover {
   background-position: -132px 0;
   width:132px;
   }

#topnav li.info a:link, #topnav li.info a:visited {
   background: url(graphics/nav_info.jpg) 0 0 no-repeat;
   width:125px;
   
   }
   
 #topnav li.info_cy a:link, #topnav li.info_cy a:visited {
   background: url(graphics/nav_info_cy.jpg) 0 0 no-repeat;
   width:125px;
   
   }
#topnav li.info a:hover, #topnav li.info_cy a:hover {
   background-position: -125px 0;
   width:125px;
   }

#topnav li.contact a:link, #topnav li.contact a:visited {
   background: url(graphics/nav_contact.jpg) 0 0 no-repeat;
   width:87px;
   
   }
   
 #topnav li.contact_cy a:link, #topnav li.contact_cy a:visited {
   background: url(graphics/nav_contact_cy.jpg) 0 0 no-repeat;
   width:87px;
   
   }
#topnav li.contact a:hover, #topnav li.contact_cy a:hover {
   background-position: -87px 0;
   width:87px;
   }
   
#topnav li.cymraeg a:link, #topnav li.cymraeg a:visited {
   background: url(graphics/nav_cymraeg.jpg) 0 0 no-repeat;
   width:121px;  
   }
   
#topnav li.english a:link, #topnav li.english a:visited {
   background: url(graphics/nav_english.jpg) 0 0 no-repeat;
   width:121px;
   
   }

#topnav li.cymraeg a:hover, #topnav li.english a:hover {
   background-position: -121px 0;
   width:121px;
   }


/* Homepage Feature 
----------------------------------------------- */

#feat {
   width:715px;
   height:280px;
   float:left;
   padding:0 0 0 24px;

}

#feat h2 {
   color:#000;
   font-size:1.2em;
   margin:0 0 0.2em 0;
}

#feat a {
   color:#000;
}

#container{       
    
width: 715px;   }   
#container ul{       
list-style: none;       
list-style-position: outside;   } 
#container .left {       
float: left; 
width:59px;} 
#container .right {       
float: right; 
width:656px;}  

#container .right .bar {
background-color:#e6149a;
float:left;
width:10px;
height:280px;
}
#container .right .bar2 {
background-color:#f59005;
float:left;
width:10px;
height:280px;
}
#container .right .bar3 {
background-color:#f8cc1e;
float:left;
width:10px;
height:280px;
}
#container .right .bar4 {
background-color:#92b32c;
float:left;
width:10px;
height:280px;
}
#container .right .pic {
float:left;
width:419px;
background-color:#e6149a;
height:280px;
}
#container .right .pic2 {
float:left;
width:419px;
background-color:#f59005;
height:280px;
}
#container .right .pic3 {
float:left;
width:419px;
background-color:#f8cc1e;
height:280px;
}
#container .right .pic4 {
float:left;
width:419px;
background-color:#92b32c;
height:280px;
}

#container .right .text {
float:right;
width:227px;
background:url(graphics/pinkbg.jpg) 0 0 no-repeat;
height:280px;
}

#container .right .text2 {
float:right;
width:227px;
background:url(graphics/orangebg.jpg) 0 0 no-repeat;
height:280px;
}

#container .right .text3 {
float:right;
width:227px;
background:url(graphics/yellowbg.jpg) 0 0 no-repeat;
height:280px;
}
#container .right .text4 {
float:right;
width:227px;
background:url(graphics/greenbg.jpg) 0 0 no-repeat;
height:280px;
}

#container .col {
   padding:10px;
}

#container ul.menu li{            
margin: 0;              
display: block;           
background: #efefef;                         
color: #898989;   
text-indent:-3000px;    
  }   
#container ul.menu li.active{       
background: #fff;       
top: 1px;       
border-bottom: 0;       
color: #5f95ef;   }   
#container ul.menu li#one{       
background: #fff url(graphics/1off.jpg) no-repeat 0 0;       
height:70px;      
border-bottom: 0;       
color: #5f95ef;   }  

#container ul.menu li#one.active{       
background: #fff url(graphics/1on.jpg) no-repeat 0 0;       
height:70px;      
border-bottom: 0;       
color: #5f95ef;   }  
#container ul.menu li#two{       
background: #fff url(graphics/2off.jpg) no-repeat 0 0;       
height:70px;      
border-bottom: 0;       
color: #5f95ef;   } 
#container ul.menu li#two.active{       
background: #fff url(graphics/2on.jpg) no-repeat 0 0;       
height:70px;      
border-bottom: 0;       
color: #5f95ef;   }   
#container ul.menu li#three{       
background: #fff url(graphics/3off.jpg) no-repeat 0 0;       
height:70px;      
border-bottom: 0;       
color: #5f95ef;   }  
#container ul.menu li#three.active{       
background: #fff url(graphics/3on.jpg) no-repeat 0 0;       
height:70px;      
border-bottom: 0;       
color: #5f95ef;   }  
#container ul.menu li#four{       
background: #fff url(graphics/4off.jpg) no-repeat 0 0;       
height:70px;      
border-bottom: 0;       
color: #5f95ef;   }  
#container ul.menu li#four.active{       
background: #fff url(graphics/4on.jpg) no-repeat 0 0;       
height:70px;      
border-bottom: 0;       
color: #5f95ef;   }  
.content{       
margin: 0pt auto;                  
text-align: left;                 
font-size: 1em;   }   



.content.tutorials{       display: none;   }     
.content.links{       display: none;   } 
.content.four{       display: none;   }    




/* BackChat
----------------------------------------------- */

#backchat, #backchat_cy {
   float:right;
   width:253px;
   height:280px;
   text-indent:-3000px;
   background:url(graphics/backchat.jpg) 0 0 no-repeat;
}
#backchat a {
   display:block;
   background:url(graphics/backchat.jpg) 0 0 no-repeat;
   width:253px;
   height:280px;  
}

#backchat_cy a {
   display:block;
   background:url(graphics/backchat_cy.jpg) 0 0 no-repeat;
   width:253px;
   height:280px;
}
  
#backchat a:hover, #backchat_cy a:hover {
   display:block;
   background-position: -253px 0;
   width:253px;
   height:280px;
}

#backchat2, #backchat2_cy {
   width:238px;
   height:260px;  
   text-indent:-3000px;
   background:url(graphics/backchat2.jpg) 0 0 no-repeat;
}

#backchat2 a {
   display:block;
   background:url(graphics/backchat2.jpg) 0 0 no-repeat;
   width:238px;
   height:260px;   
}

#backchat2_cy a {
   display:block;
   background:url(graphics/backchat2_cy.jpg) 0 0 no-repeat;
   width:238px;
   height:260px;   
}
  
#backchat2 a:hover, #backchat2_cy a:hover {
   display:block;
   background-position: -238px 0;
   width:238px;
   height:260px;
   }

/* Homepage Boxouts
----------------------------------------------- */

#boxouts {
   padding:22px 0 0 0;
   background:url(graphics/boxouts_bg.jpg) 0 0 no-repeat;
   
}

#boxouts h2 {
   margin:0;
   padding:0;
}

#boxouts p {
   margin:0;
   padding:0;
}

#boxouts .wrapper {
   background:#fff url(graphics/cont_bg.jpg) top left repeat-y;
   height:100%;

}

#pink {
   float:left;
   width:254px;

}

#pink h2 {
   display:block; 
   height:73px;
   text-indent:-3000px;
   overflow:hidden;
   text-decoration:none;
   background:url(graphics/adgroups.jpg) 0 0 no-repeat;
}
#pink h2.cy {
   display:block; 
   height:73px;
   text-indent:-3000px;
   overflow:hidden;
   text-decoration:none;
   background:url(graphics/adgroups_cy.jpg) 0 0 no-repeat;
}

#pink .cont {
   padding:0 30px 0 38px;
   
}

#pink .cont a {
   color:#9a0d56;
   text-decoration:underline;
  
}
#pink .cont a:hover {
   color:#9a0d56;
   text-decoration:none;
  
}

#orange {
   float:left;
   width:242px;

}

#orange h2 {
   display:block; 
   height:73px;
   text-indent:-3000px;
   overflow:hidden;
   text-decoration:none;
   background:url(graphics/advice.jpg) 0 0 no-repeat;
}

#orange h2.cy {
   display:block; 
   height:73px;
   text-indent:-3000px;
   overflow:hidden;
   text-decoration:none;
   background:url(graphics/advice_cy.jpg) 0 0 no-repeat;
}

#orange .cont {
   padding:0 25px 0 28px;
   
}

#orange span.number, #orange a  {
   color:#c65204;
}

#pink .cont p, #orange .cont p, #yellow .cont p, #green .cont p {
   padding:0 0 0.5em 0;
   
}


#yellow {
   float:left;
   width:243px;

}

#yellow h2 {
   display:block; 
   height:73px;
   text-indent:-3000px;
   overflow:hidden;
   text-decoration:none;
   background:url(graphics/games.jpg) 0 0 no-repeat;
}

#yellow h2.cy {
   display:block; 
   height:73px;
   text-indent:-3000px;
   overflow:hidden;
   text-decoration:none;
   background:url(graphics/games_cy.jpg) 0 0 no-repeat;
}

#yellow .cont {
   padding:0 25px 0 29px;

}



#green {
   float:right;
   width:253px;

}

#green h2 {
   display:block; 
   height:73px;
   text-indent:-3000px;
   overflow:hidden;
   text-decoration:none;
   background:url(graphics/ambassador.jpg) 0 0 no-repeat;
}

#green h2.cy {
   display:block; 
   height:73px;
   text-indent:-3000px;
   overflow:hidden;
   text-decoration:none;
   background:url(graphics/ambassador_cy.jpg) 0 0 no-repeat;
}


#green .cont {
   padding:0 35px 0 29px;

}


#boxouts .bot {
   background:url(graphics/boxes_bot.jpg) 0 0 no-repeat;
   height:29px;
}

/* Footer 
----------------------------------------------- */

#footer {
   width:100%;
   background:#acda37 url(graphics/foot_bg.jpg) 0 0 repeat-x;
   height:290px;


}

#footer .col {
   background:url(graphics/footer_bg.jpg) top center no-repeat;
   height:290px;
   width:992px;
   margin:0 auto;
}

#footer .col_cy {
   background:url(graphics/footer_bg_cy.jpg) top center no-repeat;
   height:290px;
   width:992px;
   margin:0 auto;
}

#footer .footnav {
   text-align:center;
   margin:0 0 20px 0;
   
}

#footer .bebo, #footer .bebo_cy {
   float:left;
   width:156px;
   padding:60px 0 0 406px;
   text-indent:-3000px;
}

#footer .bebo a {
   display:block;
   width:156px;
   height:120px;
   background:url(graphics/bebo.jpg) 0 0 no-repeat;
}

#footer .bebo_cy a {
   display:block;
   width:156px;
   height:120px;
   background:url(graphics/bebo_cy.jpg) 0 0 no-repeat;
}

#footer .bebo a:hover, #footer .bebo_cy a:hover {
   display:block;
   background-position: -156px 0;
   width:156px;
   height:120px;
}

#footer .sign, #footer .sign_cy  {
   width:110px;
   height:125px;
   float:right;
   padding:85px 135px 0 0;
   text-indent:-3000px;
   background:url(graphics/sign.jpg) 85 135 no-repeat;
}

#footer .sign a {
   display:block;
   width:110px;
   height:125px;
   background:url(graphics/sign.jpg) 0 0 no-repeat;
}

#footer .sign_cy a {
   display:block;
   width:110px;
   height:125px;
   background:url(graphics/sign_cy.jpg) 0 0 no-repeat;
   
}
  
#footer .sign a:hover, #footer .sign_cy a:hover {
   display:block;
   background-position: -110px 0;
   width:110px;
   height:125px;
}


#footer a {
   color:#333;
   text-decoration:underline;
}

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

#footer .left {
   float:left;
   width:450px;

}

#footer .right {
   float:right;
   width:450px;

   text-align:right;

}

#footer .right img {
   float:left;
}

/* News   
----------------------------------------------- */

div.content span.date {
   font-size:0.9em;
   font-weight:bold;
   color:#666;
   margin:0 0 0.5em 0;
   padding:0 0 1em 0;
   border-bottom:1px solid #999;
   display:block;
}

#news h2 {
   font-size:1.2em;
   margin:0 0 0.3em 0;
}
#news p {
   margin:0 0 1em 0;
}
#news p.date {
   font-size:0.85em;
   color:#666;
   margin:0 0 0.3em 0;
   border-top:dashed medium #ccc;
   padding:1em 0 0 0;
   font-weight:bold;
}




/* Listing
----------------------------------------------- */

div.listing {
   margin:0 0 1em 0;
}
div.listing ul {
   margin:0 0 1em 0;
   border-bottom:dashed medium #ccc;
}
div.listing ul li a {
   text-decoration:none;
}
div.listing ul li a:hover {
   text-decoration:underline;
}

div.listing ul li {
   padding:0 0 1em 24px;
   background-image:url("graphics/leftnav_bullet.gif");
   background-repeat:no-repeat;
   background-position:6px 4px;
}

div.listing ul li li {
   padding:0 0 1em 24px;
   background-image:url("graphics/arrow.gif");
   background-repeat:no-repeat;
   background-position:6px 4px;
}

div.listing ul li.word {
   padding:0 0 0.5em 24px;
   background-image:url("graphics/worddoc_bullet.jpg");
   background-repeat:no-repeat;
   background-position:0px 0px;
}

div.listing ul li.pdf {
   padding:0 0 0.5em 24px;
   background-image:url("graphics/pdf_bullet.jpg");
   background-repeat:no-repeat;
   background-position:0px 0px;
}

div.listing ul li.page {
   padding:0 0 0.5em 24px;
   background-image:url("graphics/webpage_bullet.jpg");
   background-repeat:no-repeat;
   background-position:0px 0px;
}


div.listing ul li.image {
   padding:0 0 0.5em 24px;
   background-image:url("graphics/image_bullet.jpg");
   background-repeat:no-repeat;
   background-position:0px 4px;
}



/* Pagenav 
----------------------------------------------- */

div.pagenav {
   margin:1em 0 1em 0;
   padding:20px 0 0 0;
   border-top:1px solid #999;
}
div.pagenav strong {
   color:#000;
}

/* Forms 
----------------------------------------------- */

#form {
   border-top:dashed medium #00acd5;
   border-bottom:dashed medium #00acd5;
   margin:20px 20px 0 20px;
   background-color:#d2efff;
   padding:0 10px;
}
#form form {
  padding:20px 0px 15px 0px;
}

#form p {
   line-height:1.3em;
   margin:0 0 0.6em 0;
}
#form fieldset {
   border:none;
}
#form input {
}
#form label {
   margin:0;
   padding:0;
   color:#0090b3;
}
#form form table {
border:none;
background-color:#d2efff;
}
#form form table td {
   padding:10px 10px 5px 0px;
   border:none;
   background-color:#d2efff;
}

#form h2 {
   margin:10px 0 0 0;
}

/* Quiz 
----------------------------------------------- */

#quizhed h1 {
   width:678px;
   margin:0;
   padding:10px 0 0 20px;
   border:none;
   color:#00abd5;
}
#quiz01 {
   width:698px;
   height:320px;
   overflow:visible;
   color:#000;
}
#quiz02 {
   width:698px;
   height:156px;
   overflow:visible;
}
#quiz03 {
   width:698px;
   height:195px;
   background-image:url("graphics/quiz03bg.jpg");
   background-repeat:no-repeat;
   background-position:0 0;
   overflow:visible;
}
#quiz01a {
   width:540px;
   float:left;

}
#quiz01a .pad {
   padding:10px 0 0 20px;
}
#quiz01b {
   width:125px;
   float:right;
   text-align:center;
   color:#008ecc;
}
#quiz01b span {
   font-size:4em;
   font-weight:900;
   color:#54549d;
}
#quiz01 table {
   border:none;
   
}

#quiz01 table td {
   border:none;
   background-color:#d2efff;
}

#quiz01 table.b td {
   border:none;
   background-color:#ffd4ff;
}

#quiz01 table.c td {
   border:none;
   background-color:#e6ffd7;
}

#quiz01 table.d td {
   border:none;
   background-color:#ffd9d9;
}

#quiz01 table tr td.number {
   font-weight:900;
   color:#00abd5;
   padding:5px 10px;
}
#quiz01 table tr td.answer {
   padding:5px 10px;
}
#quiz01 table tr td.radios {
   padding:5px 10px;
}
#quiz01 table tr td.submit {
   padding:5px 10px;
}
#quiz01 table tr td.result span {
   padding:10px 10px;
}
#quiz02 .pad {
   padding:8px 80px 0 180px;
}



/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   margin:0 10px 5px 0;
}
img.right1, img.right2 {
   float:right;
   margin:0 0 5px 10px;
}
img.left2, img.right2 {
   border:1px solid #bac4ce;
}
img.none2 {
   float:none;
   border:1px solid #bac4ce;
}
img.none1 {
   float:none;
   border:none;
}


/* Content   
----------------------------------------------- */


div.content hr {
   height:1px;
   font-size:0.01em;
   color:#fff;
   border-color:#c0ddb1;
   border-width:1px 0 0 0;
   border-style:solid;
   overflow:hidden;
   margin:0 0 1em 0;
}
p strong span {
   color:#61ab3b;
}
h1, h2 {
   color:#00acd5;
}
h1 {
   font-size:2.2em;
   font-weight:bold;
   font-family:Arial, Verdana, Sans-serif;
   margin:0 0 0.5em 0;
   padding:0 0 0.3em 0;
   border-bottom:1px solid #999;
}
h1 a {
   color:#00acd5;
}
div.content h2 a, div.content h3 a {
   color:#;
   text-decoration:underline;
}
div.content h2 a:hover, div.content h3 a:hover {
   color:#00acd5;
   text-decoration:none;
}
h2 {
   font-size:1.3em;
   margin:0 0 0.8em 0;
}
h3 {
   font-size:1em;
   margin:0 0 1em 0;
}
h4 {
   font-size:1em;
   margin:0 0 1em 0;
}
div.content p {
   margin:0 0 1em 0;
   line-height:1.2em;
}
div.content ul {
   list-style-type:none; 
   line-height:1.5em;
   margin:0 0 1em 0;
}


div.content ul li {
   background-image:url("graphics/leftnav_bullet.gif");
   background-repeat:no-repeat;
   background-position:22px 6px;
   padding:0 10px 0 40px;
   margin:0 0 1em 0;
}
div.content table {
  border-color:#86b9de;
  border-style:solid;
  border-width:1px 1px 0 0;
  margin:0 0 1em 0;
}
div.content table th, div.content table thead td {
   color:#fff;
   padding:5px;
   background-color:#61ab3b;
   border-color:#c0ddb1;
   border-width:0 0 0 1px;
}
div.content table td {
  padding:5px;
  background-color:#fff;
  border-color:#86b9de;
  border-style:solid;
  border-width:0 0 1px 1px;
}

ol {
   padding:0 0 0 26px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:lower-alpha
}