/*
SpeedLearning
#############################
GENERAL STYLES
#############################
*/

body{
color: #000;
background-color: #fff;
font-size: 62.5%;
}

#container{
font-size: 1.3em;
}

input, select, textarea{
font-size: 1em;
}

*{
font-family: arial, verdana, tahoma, helvetica, sans-serif;
}

p{
line-height: 1.4em;
}

img, a img{
border: 0;
}

input, select, textarea{
max-width: 100%;
}

h1,h3,h4,h5,h6{
margin-top: 0;
padding-top: 0;
}

a:link,
a:visited{
color: #09c;
background-color: transparent;
}

a:hover,
a:active{
color: #c0f;
background-color: transparent;
}


/*
#############################
LAYOUT STYLES
#############################
*/

body{
text-align: center;
margin: 0;
padding: 0;
}

#container{
width: 760px;
margin: auto;
text-align: left;
}

/*** header ***/

#header{
position: relative;
padding: 10px 0 0;
}

#header h1{
margin: 0;
padding: 0;
}

/*** header extras - use this for adding extra elements to header like promos etc ***/

.header-extras{
position: absolute;
top: 0;
right: 0;
}

/*** header navigation ***/

#header-nav{
text-align: left;
}

#header-nav ul{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
background-image: none;
display: list-item;
}

#header-nav li{
margin: 0;
padding: 0;
display: inline;
background-image: none;
list-style-type: none;
list-style-image: none;
background-image: none;
line-height: auto;
}

/*** content sections ***/

#content{
	height: 1%;
}

*>#content{
height: auto;
}

#content:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.toptext {
	text-align:center;
	font-size:2em;
	font-weight:bold;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.toptext p {

}
	.toptext .grey {color:#7f7f7f; font-style:italic; font-size:0.5em;}
	.toptext .emt{ font-size:0.6em; font-style:normal; background:none; font-weight:normal; line-height:1.9em;} 
	.toptext span{ text-transform:uppercase;}
.content-section{
clear: both;
padding-left: 15px;
margin-bottom: 10px;
}

.wide{
clear: both;
}

.right,
.left,
.center{
width: 600px;
}

.right{
float: right;
}

.left{
float: left;
}

.center{
margin-left: 65px;
clear: both;
}

/*** sidebar ***/

.sidebar-left,
.sidebar-right{
width: 200px;
}

.sidebar-section{
margin-bottom: 20px;
}

.sidebar-left{
}

.sidebar-right{
margin-left: 547px;
background-color: #EFF1F5;
}

/*** footer navigation ***/

#footer-nav{
clear: both;
text-align: center;
}

/*** footer ***/

#footer,
#footer *{
clear: both;
text-align: center;
}

#footer *{
margin: 0;
}

/*
#############################
PRESENTATIONAL STYLES
#############################
*/

body{
background: #3489B1 url(images/background.gif) repeat-y center;
}

/*** header ***/

#header {
height: 76px;
padding: 0px;
color: #000;
}


/*** header navigation ***/

#header-nav {
color: #fff;
background: #090fa1 url(images/header-navigation-bg.png) repeat-x bottom;
height: 1%;
padding-bottom: 11px;
zoom: 1;
}

*>#header-nav{
height: auto;
}

#header-nav:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#header-nav ul{
padding-left: 1em;
padding-right: 170px; 
}

#header-nav li{
padding: 0px; 
padding-left: 0px;
}

#header-nav a:link,
#header-nav a:visited,
#header-nav a:hover,
#header-nav a:active{
float: left;
display: block;
padding: .3em .8em;
color: #fff;
background-color: transparent;
text-decoration: none;
margin: 0;
text-align: left;
font-weight: normal;
font-style: normal;
font-size: 0.8em;
}

#header-nav a:hover,
#header-nav a:active{
background: #3d6bc2 url(images/header-navigation-bg.png) repeat-x top;
}


/*** footer navigation ***/

#footer-nav{
color: #555753;
background-color: #f2fafc;
border-top: 3px solid #e7f6fb;
padding: 1em;
}

#footer-nav ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#footer-nav ul li{
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
background: none;
}

#footer-nav ul li a:link,
#footer-nav ul li a:visited{
padding: 1em;
text-decoration: none;
color: #09c;
background-color: transparent;
margin: 0;
text-align: left;
font-weight: normal;
font-style: normal;
background-image: none;
}

#footer-nav ul li a:hover,
#footer-nav ul li a:active{
color: #c0f;
background-color: transparent;
text-decoration: underline;
}

/*** footer ***/

#footer{
font-size: .9em;
color: #555753;
background-color: #f2fafc;
padding: 5px 10px;
}

.footer-message{
font-size: 1.2em;
padding: 0 0 1em 0;
color: #666;
}

.footer-copyright-text {
font-size: 0.8em;
padding: 0 0 1em 0;
color: #666;
}





/*
#############################
CONTENT STYLES
#############################
*/

/*** image and captions ***/
.flashinn {width:606px; text-align:left; margin:0 auto; text-align:justify; }
.imgleftfl {float:left; margin:5px 0 29px 5px;}
.flsleft {
	float:left;
	width:370px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 1px;
}

.image{
display: block;
padding: 10px;
text-align: center;
}

.img-right{
float: right;
clear: right;
margin: 0 0 10px 10px;
}

.img-left{
float: left;
clear: left;
margin: 0 10px 10px 0;
}

.image-caption{
padding-top: 5px;
display: block;
color: #666;
text-align: center;
}

.img-right,
.img-left{
height: 1%;
}

*>.img-right,
*>.img-left{
height: auto;
}

.img-right:after,
.img-left:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.review-box { float:left; padding:10px; margin: 10px; border: 2px solid #ccc; }
.whiteBox { background: url(img/box_white3.gif) repeat-y #fff; width:500px; margin:0 auto; text-align:justify; margin-bottom:15px;}

	.whiteBox a{ text-decoration:none;}
	.whiteBox .box1 { background:url(img/box_white1.gif) no-repeat top left; width:500px;}
	.whiteBox .box2 {background:url(img/box_white2.gif) no-repeat bottom left; padding:20px 15px; width:500px; width/**/:/**/470px; font-size:15px; font-style:italic;}