/*	GeneralS
---------------------------------------------*/

*		{margin: 0; padding: 0; border: 0; }
body	{color: #333; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; text-align:left; background:url(/images/bg.jpg) repeat-y center top; margin:0 auto;width:1000px; background-color: #D8EFFF;}

h1, h2, h3, h4, h5	{font-family: "Myriad Pro", Arial, Verdana, Helvetica, sans-serif; text-align:left; }
h1 		{font-size: 120%; padding: 10px 5px 5px 18px; color:#063273;}
h2 		{font-size: 100%;}
h3 a 	{font-size: 95%; padding: 5px 5px 5px 15px; color:#0A477E;}
h4 		{font-size: 95%; padding: 10px 5px 5px 18px; color:#333;}
h5 		{font-size: 70%; color:#333; text-decoration:none; padding: 0px 0px 0px 10px;}

h6 		{font-size: 70%; color:#000; text-decoration:none; font-weight:normal;}

p  		{font-size: 75%; line-height: 1.5em; padding: 5px 5px 5px 20px; margin-right:5px; color: #666; text-align:left;}
p a 		{line-height: 1.5em; color: #6294BD; text-align:left;}

.clear {clear:both;}

.header_stripe {background-image:url(/images/header_stripe.gif); background-color: #87B6D0; height: 5px; background-repeat:no-repeat; }
.footer_stripe {background-color: #ECECEC; height: 1px;}

.nav {padding-left: 200px; padding-top: 60px; background-image:url(/images/clear-learning_logo.jpg); background-repeat:no-repeat; height: 40px;}

.container_home {width:1000px; background-image: url(/images/container_bg.jpg); height:429px; border-left: #ECECEC; border-right: #ECECEC;}
.container {width:1000px; background-image: url(/images/container_bg.jpg); background-repeat:no-repeat; height: 100%;}
.hero_left {width: 725px; float:left; padding-left: 20px; padding-top: 33px;}
.hero_right {width: 240px; float:right; padding-left: 3px;}

.container2 {width:1000px; background-image: url(/images/container2_bg.gif);}
.content_left {width: 470px; float:left; padding-left: 20px;}
.content_right {
	width: 470px;
	float:right;
	padding-left: 20px;
	background-image:url(/images/content-right_bg.jpg);
	background-repeat:no-repeat;
	height: 376px;
	margin-right: 5px;
}

#calendar {width:250px; background-image: url(/images/cal_bg.gif); color:#003366; font-size: 11px; padding: 45px 20px 10px 20px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.5em; float:right;}

#survey {color:#0099CC; font-size: 13px; padding: 45px 20px 10px 20px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.5em; float:left;}

#top	{font-size: 70%; color:#333; text-decoration:none; font-weight:normal; margin-left: 650px;
}

#top a {text-decoration: none;
color: #666;
}

#content
{
    BORDER-BOTTOM: 0px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 0px solid;
	border-color:#ccc;
	width:982px;
	background-color:#FFFFFF;
}


.basecurve {
	background-image:url(/images/base_curve_bg.jpg);
	width:984px;
	height:87px;
	font-size:75%;
	color: #333;
	text-align:left;
	padding-bottom:3px;
}

.baseshadow {
	background-image:url(/images/base_shadow.jpg);
	width:984px;
	height:101px;
}

.headerbox {
	background-image:url(/images/header_bg.gif);
	width:984px;
	height:99px;
	text-align: right;
	font-size: 70%;
	}

.scroll {
font-size: 70%; color:#333; text-decoration:none; font-weight:normal; padding-left: 8px;
}	
		
	
.TextBox
{
	BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; BORDER-RIGHT: 1px solid;	BORDER-TOP: 1px solid;	border-color:#666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;	FONT-SIZE: 80%; 	FONT-STYLE: normal;	COLOR: #333;	FONT-WEIGHT: normal;	padding: 3px;	margin: 3px;
}	
	
/* ===== FORM ====*/
form#contact				{}
form#contact fieldset		{border: 0;}
form#contact label, form#contact input, form#contact textarea	{margin: 10px;}
form#contact label			{width: 200px; font-size: 13px; padding: 3px 0x; float: left; display: inline; }
form#contact label span 	{color: #99CC01;}
form#contact input			{width: 380px; border: 1px solid #BBB; padding: 3px; font-size: 12px;}
form#contact textarea		{width: 380px; height: 100px; border: 1px solid #BBB; padding: 3px; font-size: 13px;}
form#contact text		{margin-left: 289px; width: 100px; border: 1px solid #ccc; background: #99CC01; color: #000000; font-size: 11px; padding: 1px;}

input
{
color: #333;
background: #fff;
border: 1px solid #ccc
}

textarea
{
color: #333;
background: #fff;
border: 1px solid #ccc
}
	
.breadcrumbtext {font-size: 75%; text-decoration:none; padding-left:10px; color:#00498E;}	

.footerbox, A.footerbox {
	width:868px;
	height:31px;
	font-family: Arial, Verdana, Helvetica, sans-serif; text-align:left;
	font-size: 75%; line-height: 2.2em; text-decoration:none; color: #00498E;
	}	
	
.imprint, A.imprint {font-size: 70%; color:#333; text-decoration:none; font-weight:normal; margin-left: 800px;}	

.subnav {font-size: 70%; line-height: 2.3em; text-decoration:none; color: #666;}
.hotproducts {font-size: 70%; line-height: 1.5em; text-decoration:none; color: #666; padding: 0px 0px 0px 5px;}

.arquo {font-size:: 50%; color:#FF6600;}
.error {font-size:: 50%; color:#CC0000;}

/* HOME ROTATING IMAGES */
#banner		{width: 703px; height: 397px; overflow: hidden;}

ul#portfolio	{margin: 0; padding: 0;}
ul#portfolio li	{list-style: none;}

/* NAVIGATION */
#dropmenudiv{
position:absolute;
border:1px solid #ECECEC;
border-bottom-width: 0;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ECECEC;
padding: 1px 0;
text-decoration: none;
color: #666666;
text-align:left;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #E5ECF3;
}