/* Copyrighted to the Disability Heroes, designed for the CP Superheroes*/


/*################################## EVERY PAGE #####################################*/

hr {display:none;}

h1 {display:none; font-family:Arial, Helvetica, sans-serif; font-size:28px;}

h2  {display:none; font-size:24px;}

h3 span  {display:none; font-size:26px;}

p {padding-left:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:300px;}

body {background-image:url(../images/bg.jpg); background-repeat:repeat; }

#container {width:818px;  margin: 0 auto; background: url(../images/conbg.png) repeat-y; }

#title { background-image:url(../images/title.png); background-repeat:no-repeat; width:730px; height:251px; margin: 0 auto; }

.clear{clear:both; padding:0; margin:0;}

#missingpage {
	position:absolute;
	background-image:url(../images/404.png);
	background-repeat:no-repeat;
	width:535px;
	height:541px;
	float:right;
	background-repeat:repeat-y;
	top: 251px;
	text-indent:-9000px;
}

/*################################# DISABILITY HEROES ACCOCIATION BADGE, TOP RIGHT ####################################*/


#dha{
display: inline;
float:right;
list-style:none;
margin:0;
z-index:2;
width:90px;
height:236px;
}

#dha  a span{
display:none;
}

#dha  a {
width:120px;
height:115px;
float:left;
}

#dha_badge a {
background:url(../images/dha.png); background-repeat:no-repeat;
}

#dha  a:hover {
background-position:0% -117px;
}

/*#################### CHAPTERS TITLE ####################*/

#chapters {
background-image:url(../images/chapters.png); 
background-repeat:no-repeat; 
width:169px; 
height:215px; 
margin-left:44px;
}

#chapters span {display:none;}

/*################################### NAVIGATION *******************************/

#nav_home {background-image:url(../images/nav_bg.png); width:239px; height:541px;  background-repeat:repeat-y;  }

#nav_whois {background-image:url(../images/nav_bg.png); width:239px; height:708px;  background-repeat:repeat-y; }

#nav_whatis {background-image:url(../images/nav_bg.png); width:239px; height:725px;  background-repeat:repeat-y; }

#nav_games{background-image:url(../images/nav_bg.png); width:239px; height:510px;  background-repeat:repeat-y; z-index:50; }

#nav_quiz {background-image:url(../images/nav_bg.png); width:239px; height:560px;  background-repeat:repeat-y; z-index:50; }

#nav_pairs {background-image:url(../images/nav_bg.png); width:239px; height:618px;  background-repeat:repeat-y; z-index:50; }

#nav_dl {background-image:url(../images/nav_bg.png); width:239px; height:460px;  background-repeat:repeat-y; }

#nav_contact {background-image:url(../images/nav_bg.png); width:239px; height:541px;  background-repeat:repeat-y; }


/*IE*/

html>body #nav { *height:447px } 

/*################################### NAVLIST *******************************/


#navlist  {
padding-left:15px; 
padding-top:125px; 
width:140px; 
float:left;
list-style:none;
display: inline;
}

#navlist li{
display:inline;
list-style: none;
margin-top: 1em;
}

#navlist li a span{
display:none;
}

#navlist li a{
width:150px;
height:17px;
float:left;
}


#navlist_home a
{
background: url(../images/home_link.png) no-repeat; margin-bottom:1em;
}

#navlist_whois a
{
background: url(../images/whois_link.png) no-repeat; margin-bottom:1em;
}

#navlist_whatis  a
{
background: url(../images/whatis_link.png) no-repeat; margin-bottom:1em;
}

#navlist_games a
{
background: url(../images/games_link.png) no-repeat; margin-bottom:1em;
}

#navlist_dl a
{
background: url(../images/dl_link.png) no-repeat; margin-bottom:1em;
}

#navlist_contact a
{
background: url(../images/contact_link.png) no-repeat; margin-bottom:1em;
}

#navlist li a:hover{

background-position:0% -18px;

}

/*################################## FOOTER #####################################*/


#break {
background-image:url(../images/div.png); 
width:818px; 
height:24px;
}

#footer {
width:818px; 
height:200px;   
padding-top:20px;  
}

#copyright {
background-image:url(../images/copyright.png); 
background-repeat:no-repeat;
width:708px; 
height:68px; 
margin:0 auto;
}

/*################################## DISABILITY HEROES BRAND #####################################*/


#disheroes {
z-index:2;
width:288px;
height:136px;
padding-top:15px;
margin-left:300px;
margin: 0 auto;
}

#disheroes  a span {
display:none;
}

#disheroes  a {
width:288px;
height:70px;
float:left;
}

#disheroes_badge a {
background:url(../images/disheroesbadge.png); background-repeat:no-repeat;
}

#disheroes a:hover {

background-position:0% -68px;
}

/*################### CONTENT CONTAINER #########################*/

#containcontent {width:579px; float:right;}

/*IE*/

html>body #content { *height:285px; } 

/*################################## BOTTOM FADE #####################################*/


#bottom {
background: url(../images/btm.png) repeat-x center bottom; 
height: 84px; 
position: fixed; 
bottom: 0; 
left: 0; 
width: 100%;
z-index: 50;
}

/*################################## EVERY PAGE END #####################################*/

/*################################## PAGE TITLES ########################################*/

.hometitle {background-image:url(../images/cpcooperprice.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px;}

.whoistitle {background-image:url(../images/whoistitle.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px;}

.whatistitle {background-image:url(../images/whatis_title.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px}

.downloadstitle {background-image:url(../images/download_title.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px;}

.gamestitle {background-image:url(../images/gamestitles.png); background-repeat:no-repeat; width:390px; height:56px; margin-top:15px; padding-bottom:10px;}

.contacttitle {background-image:url(../images/contact_title.png); background-repeat:no-repeat; width:450px; height:56px; margin-top:15px; padding-bottom:10px;}

.profiletitle {background-image:url(../images/profiletitle.png); background-repeat:no-repeat; width:420px; height:56px; margin-top:15px; padding-bottom:10px;}

.quiztitle {background-image:url(../images/quiztitles.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px;}

.pairstitle {background-image:url(../images/pairstitle.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px;}

.jigsawtitle {background-image:url(../images/jigsaw_title.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px;}

.lcptitle { position:absolute; background-image:url(../images/lcp_title.png); background-repeat:no-repeat; width:312px; height:56px; float:left; margin-left:51px; margin-top:65px;}

.howtotitle {background-image:url(../images/howtotitle.png); background-repeat:no-repeat; width:390px; height:56px; margin-top:15px; padding-bottom:10px;}

.missingtitle {background-image:url(../images/404titles.png); background-repeat:no-repeat; width:380px; height:67px; margin-top:15px; padding-bottom:10px;}

/*################### HOME PAGE CONTENT ########################*/

#homecontent {
background-color: #1060c7;
width:535px;
height:541px;
float:right;
position:absolute;
top: 251px;
background-image:url(../images/home_content.jpg);
background-repeat:no-repeat;
}

/*################### LEARN CP LINK ########################*/

#lcp{
	
display: inline;
float:left;
list-style:none;
margin:0;
z-index:2;
width:364px;
height:292px;
padding-top:65px;
}

#lcp {
display:inline;
}

#lcp  a span { 
display:none;
}

#lcp  a {
width:364px;
height:292px;
float:left;

}

#lcp_badge a { background:url(../images/learncp.png); 
background-repeat:no-repeat;
}

#lcp  a:hover {
background-position:0% -291px;
}

/*################### WHO IS COOPER PRICE CONTENT ########################*/

#content_whois {
	position:absolute;
	background-image:url(../images/content_whois_bg.png);
	background-repeat:no-repeat;
	width:535px;
	height:708px;
	float:right;
	background-repeat:repeat-y;
	top: 251px;
}

#content_whois_mov {padding-top:60px; }

/*################### COOPER PRICE PROFILE CONTENT ########################*/

#content_profile {
	position:absolute;
	background-image:url(../images/content_profile_bg.jpg);
	background-repeat:no-repeat;
	width:535px;
	height:541px;
	float:right;
	background-repeat:repeat-y;
	top: 251px;
	text-indent:-9000px;
}

#content_profile ul span {
display:none;
}

/*################### LINK TO  COOPERS PROFILE ########################*/

#gsp{
display: inline;
float:right;
list-style:none;
margin:0;
z-index:2;
width:120px;
height:236px;
padding-top:0px;
}

#gsp  a span {
display:none;
}

#gsp  a {
width:120px;
height:115px;
float:left;
}

#gsp_badge a {
background:url(../images/gsp.png); background-repeat:no-repeat;
}

#gsp  a:hover {
background-position:0% -118px;
}

/*################### WHAT IS CEREBRAL PALSY PAGE ########################*/

#content_whatis {
	position:absolute;
	background-image:url(../images/content_whatis_bg.png);
	background-repeat:no-repeat;
	width:535px;
	height:726px;
	float:right;
	background-repeat:repeat-y;
	top: 251px;
	}

#slider1 h3 {display:none;}

#content_whatis p {font-size:14px;}

#content_whatis_mov {
padding-top:42px;
}


/*################### CONTACT US LINK ON WHAT IS CP PAGE  ########################*/


#cun{
display: inline;
float:right;
list-style:none;
margin:0;
z-index:2;
width:120px;
height:236px;
padding-right:60px;
}
	
#cun  a span {
display:none;
}

#cun  a {
width:120px;
height:115px;
float:left;
}

#cun_badge a {
background:url(../images/cun.png); background-repeat:no-repeat;
}

#cun  a:hover {
background-position:0% -118px;
}

/*################### DOWNLOADS PAGE ########################*/

#content_downloads {
background-image:url(../images/content_downloads_bg.png);
background-repeat:no-repeat;
background-color: #1060c7;
width:535px;
height:460px;
float:right;
position:absolute;
top: 251px;
}
	
.paddingleft {
padding-left:15px;
}

	

#desktop_links_container {
padding-top:45px;
}

#desktop_links  {
padding-left:15px; 
padding-top:125px; 
width:140px; 
float:left;
list-style:none;
display: inline;
}

#desktop_links2  {
padding-left:15px; 
padding-top:125px; 
width:140px; 
float:left;
list-style:none;
display: inline;
}

#desktop_links3  {
padding-left:15px; 
padding-top:125px; 
width:140px; 
float:left;
list-style:none;
display: inline;
}

#desktop_links li {
display:inline;
list-style: none;
margin-top: 1em;
}

#desktop_links2 li {
display:inline;
list-style: none;
margin-top: 1em;
}

#desktop_links3 li {
display:inline;
list-style: none;
margin-top: 1em;
}

#desktop_links li a span {
display:none;
}

#desktop_links2 li a span {
display:none;
}

#desktop_links3 li a span{
display:none;
}
 
#desktop_links li a {
width:90px;
height:20px;
float:left;
}

#desktop_links2 li a {
width:90px;
height:20px;
float:left;
}

#desktop_links3 li a{
width:90px;
height:20px;
float:left;
}

#desktop1_links_1 a {
background: url(../images/800x600.png) no-repeat; margin-bottom:1em;
}

#desktop1_links_2 a {
background: url(../images/1024x768.png) no-repeat; margin-bottom:1em;
}

#desktop1_links_3 a {
background: url(../images/1280x968.png) no-repeat; margin-bottom:1em;
}

#desktop2_links_1 a {
background: url(../images/800x600.png) no-repeat; margin-bottom:1em;
}

#desktop2_links_2 a {
background: url(../images/1024x768.png) no-repeat; margin-bottom:1em;
}

#desktop2_links_3 a {
background: url(../images/1280x968.png) no-repeat; margin-bottom:1em;
}

#desktop3_links_1 a {
background: url(../images/800x600.png) no-repeat; margin-bottom:1em;
}

#desktop3_links_2 a {
background: url(../images/1024x768.png) no-repeat; margin-bottom:1em;
}

#desktop3_links_3 a {
background: url(../images/1280x968.png) no-repeat; margin-bottom:1em;
}

#desktop_links li a:hover {
background-position:0% -20px;
}

#desktop_links2 li a:hover {
background-position:0% -20px;
}

#desktop_links3 li a:hover {
background-position:0% -20px;
}

/*################### WALLPAPER PAGES ########################*/


#wallpaperscontain {
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
}

#wallpaperscontain span {
display:none;
}

#wallpapers {
width:800px; 
font-family:Geneva, Arial, Helvetica, sans-serif; 
font-size:14px; 
color:#FFFFFF; 
padding-left:30px;
}

#wallpapers img {
border:solid #000000 2px;
}

#wallpapers span {
display:none;
}

/*################### GAMES PAGE ########################*/

#content_games {
position:absolute;
background-image:url(../images/content_games_bg.png);
background-repeat:no-repeat;
width:535px;
height:510px;
float:right;
background-repeat:repeat-y;
top: 251px;
}

#games_links_container {
width:550px; 
height:350px; 
padding-top:15px;
}

#games_links  {
padding-rght:0px;
padding-top:40px; 
width:172px; 
float:left;
list-style:none;
display: inline;
}

#games_links li{
display:inline;
list-style: none;
margin-top: 1em;
}

#games_links li a span{
display:none;
}

#games_links li a{
width:172px;
height:350px;
float:left;
}

#games_links_1 a {
background: url(../images/quizhover.png) no-repeat; margin-bottom:1em;
}

#games_links li a:hover {
background-position:0% -348px;
}

#games_links2  {
padding-left:20px; 
padding-top:40px; 
width:172px; 
float:left;
list-style:none;
display: inline;


}

#games_links2 li {
display:inline;
list-style: none;
margin-top: 1em;

}

#games_links2 li a span{
display:none;
}

#games_links2 li a{
width:172px;
height:350px;
float:left;
}

#games_links_2 a
{
background: url(../images/pairshover.png) no-repeat; margin-bottom:1em;
}

#games_links2 li a:hover{
background-position:0% -348px;

}


/*################### PAIRS PAGE ########################*/

#content_pairs {
position:absolute;
background-image:url(../images/content_pairs_bg.png);
background-repeat:no-repeat;
width:535px;
height:618px;
float:right;
background-repeat:repeat-y;
top: 251px;
}
	
#pairs {
padding-top:53px;
}


/*################### QUIZ PAGE ########################*/

#content_quiz {
position:absolute;
background-image:url(../images/content_quiz_bg.png);
background-repeat:no-repeat;
width:558px;
height:811px;
float:right;
background-repeat:no-repeat;
top: 251px;
}

#quiz {
padding-top:75px; 
}


/*################### CONTACT PAGE ########################*/


#content_contact {
position:absolute;
background-color: #1060c7;
background-image: url(../images/bg_contact.jpg);
background-repeat:no-repeat;
width:535px;
height:541px;
background-repeat:repeat-y;
top: 251px;
float:right;
}

#content_contact p {
width:290px;
}

#sayhello {
background-image:url(../images/sayhello.png); 
background-repeat:no-repeat; 
width:109px; 
height:101px; 
float:right; 
padding-right:70px;
}

#sayhello span {display:none;}

#learnabout {background-image:url(../images/learnabout.png); background-repeat:no-repeat; width:109px; height:101px; float:right; padding-right:70px;}

	.contactcontainer {  width:548px;padding-top:30px;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
	fieldset { border:0;margin:0;padding:0; }
	label { display:block; }
	input.text,textarea { width:300px;font:12px/12px 'Tahoma',Tahoma,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
	input.submit { padding:2px 5px; font:bold 12px/12px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
	
	#contactFormArea {  width:448px; padding-left:20px;
	color: #fff;
}
