
body{
margin-top: 20px;
margin-bottom: 20px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 80%; 
text-align:left;
background : #ffffff ;
}

#container{
display:block;
width:775px;
margin:0px auto;
padding:0px 20px 20px 20px;
text-align:left;
background:#dcd8f3;
color:#000000;
border:2px solid #4131a1;
height: 100%;
overflow:hidden;
}

#container_playinaday{
display:block;
width:775px;
margin:0px auto;
padding:0px 20px 20px 20px;
text-align:left;
background:#dcd8f3;
background-image: url(cssimages/bg_container_playinaday.jpg);
background-position: top left;
background-repeat: no-repeat;
color:#000000;
border:2px solid #4131a1;
height: 100%;
overflow:hidden;
}

#container_creative{
display:block;
width:775px;
margin:0px auto;
padding:0px 20px 20px 20px;
text-align:left;
background:#dcd8f3;
background-image: url(cssimages/bg_container_creative.jpg);
background-position: top left;
background-repeat: no-repeat;
color:#000000;
border:2px solid #4131a1;
height: 100%;
overflow:hidden;
}

#container_philosophy{
display:block;
width:775px;
margin:0px auto;
padding:0px 20px 20px 20px;
text-align:left;
background:#dcd8f3;
background-image: url(cssimages/bg_container_philosophy.jpg);
background-position: top left;
background-repeat: no-repeat;
color:#000000;
border:2px solid #4131a1;
height: 100%;
overflow:hidden;
}

#container_playinaweek{
display:block;
width:775px;
margin:0px auto;
padding:0px 20px 20px 20px;
text-align:left;
background:#dcd8f3;
background-image: url(cssimages/bg_container_playinaweek.jpg);
background-position: top left;
background-repeat: no-repeat;
color:#000000;
border:2px solid #4131a1;
height: 100%;
overflow:hidden;
}

/* ================================================================ 
TOP MENU STYLES START HERE
=================================================================== */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/fly_drop.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#headlogo {width:745px; background:transparent; background-image: url(cssimages/header_logo2.jpg);background-position:center;background-repeat:no-repeat;height:120px; margin:20px auto; margin-bottom:0; padding:0 10px; border:none; }
#headcontainer {width:745px; background:#4131a1 url(cssimages/header_bg.jpg); margin:20px auto; margin-top:0; padding:10px; border-bottom:1px solid #4131a1;}
#headcontainer_playinaday {width:745px; background:#4131a1 url(cssimages/header_bg_playinaday.jpg); margin:20px auto; margin-top:0; padding:10px; border-bottom:1px solid #4131a1;}
#headcontainer_creative {width:745px; background:#4131a1 url(cssimages/header_bg_creative.jpg); margin:20px auto; margin-top:0; padding:10px; border-bottom:1px solid #4131a1;}
#headcontainer_philosophy {width:745px; background:#4131a1 url(cssimages/header_bg_philosophy.jpg); margin:20px auto; margin-top:0; padding:10px; border-bottom:1px solid #4131a1;}
#headcontainer_playinaweek {width:745px; background:#4131a1 url(cssimages/header_bg_playinaweek.jpg); margin:20px auto; margin-top:0; padding:10px; border-bottom:1px solid #4131a1;}
#headcontainer_aimhigher {width:745px; background:#4131a1 url(cssimages/header_bg_aimhigher.jpg); margin:20px auto; margin-top:0; padding:10px; border-bottom:1px solid #4131a1;}

#headcontainer_past {width:745px; background:#4131a1 url(cssimages/header_bg_past.jpg); margin:20px auto; margin-top:0; padding:10px; border-bottom:1px solid #4131a1;}
.menu {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; width:161px; height:320px; position:relative; margin:0; font-size:11px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; width:150px; height:30px; border:1px solid #fff; border-width:0px 0px 1px 0; background:#4131a1; line-height:29px; font-size:11px; padding-left:10px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

.menu table {border-collapse:collapse; border:0; margin:0; padding:0;}
 
.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background:#6f60ce;}

.menu ul li:hover ul,
.menu ul li a:hover ul {display:block; position:absolute; top:0; left:161px; width:565px; background: transparent;}

.menu ul li:hover ul li,
.menu ul li a:hover ul li {float:left;}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; color:#fff; width:130px; float:left; background:#4131a1; border-bottom:none;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#6f60ce color:#fff; border:none;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#9e94de; color:#fff; border:none;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; width:300px; border:none;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; left:-1px; top:30px; color:#fff; border:none;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {display:block; width:300px; background:#b2a9e4; color:#fff; border:none;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#6f60ce; color:#fff; border:none;}



/* ================================================================ 
TOP MENU STYLES END HERE
=================================================================== */



img {
	border: none;
}


#maincontent {
background-color: transparent;
padding: 3px;
}




#leftcontent {
display: block;
float: left;
width:500px;
background-color: transparent;
color: #000000;
font-size: 100%; 
line-height:2em;
height: 100%;
	}
	
#leftcontent h1 {
	color: #4131a1;
	font-size: 140%;
	background-image: url(cssimages/h1_bg.gif);
	background-position: top left;
	padding-left: 35px;
	margin-bottom: 20px;
}

#leftcontent h2 {
	color: #4131a1;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px solid #4131a1;
	margin-bottom:-8px;
	}
	
#leftcontent ul {  
	list-style-image : url(cssimages/bullet.jpg);
	margin-left : 15px;
	padding-top : 0px;
					}

		
#leftcontent li {
  padding-left : 5px;
  margin-left : 20px;
 	}

#leftcontent a {
	color: #4131a1;
	text-decoration: none;
	border-bottom: 1px dotted #4131a1;
}

#leftcontent a:hover {
	color: #4131a1;
	text-decoration: none;
	border-bottom: 1px solid #00d502;
}

.img_left {
float : left;
margin-right : 10px;
margin-top : 10px;
border: 2px solid #4131a1;
}	

.img_left_noborder {
float : left;
margin-right : 10px;
margin-top : 10px;
border: none;
}	

.img_right {
float : right;
margin-left : 10px;
margin-top : 10px;
border: 2px solid #4131a1;
}	


#rightcontent {
margin-left:550px;
width:220px;
background-color: transparent;
}

#rightcontent a {
	border: none;
	text-decoration: none;
}

.quotebox {
	padding: 0 10px;
	margin: 0 10px;
	background-color: #ecffd0;
	border: 1px solid #4131a1;
}

.quoter {
	color: #4131a1;
	font-style: italic;
	text-align: right;
	margin-top:-18px;
	}
	
.highlighted {
	font-weight:bold;
	color:#00d502;
}

.faq {
	padding: 0 30px 0 30px;
	color:#4131a1;
	font-style: italic;
}

.forminput
{  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 100%;
	color : #4131a1;
	background-color : #ffffff;
	font-style : normal;
	border-style : solid;
	border-color : #4131a1;
	border-width : 2px;
	}
	



#footer{
clear:both;
width:795px;
margin:10px auto;
padding: 10px;
text-align:center;
background:#dcd8f3;
color:#000000;
border:2px solid #4131a1;
}