



/*///////////////////////////////            MarkusSpeaks Styles        /////////////////////////////////////////////

green: #B2D11B
navy blue: #3B4257
blue: #5A87AA
*/


#BANNER {
	margin: 0px;
	padding: 0px;
	width: 916px;
	height: 135px;
	background-image:   url("../images/bg_header.jpg");
	background-repeat: no-repeat;
}

#nav{
	background-image:url(../images/button_banner_over.gif);
	background-repeat:no-repeat;
	width:100%;
	height:35px;
	padding-top:10px;
	text-align: center;
	color: #B2D21A;
	font-size: 12px;
	font-weight: bold;
}

#nav a{
	color:#3B4257;
	text-decoration: none;
	padding:0px 5px 0px 5px;	
}

#nav a:hover{
	color:#5A87AA;;	
}

#LINKS, #TEXT_WITH_LINKS, #TEXT_WITHOUT_LINKS {
	display: inline;
	float: left;
}
#marquee{

	height:35px;
	}
#LINKS {
	margin: 0px 20px 0px 20px;
	padding: 10px;
	width: 235px;
	color: #333355;
	font-size: 9pt;
	font-weight: normal;
	background-color:#EDEDED;
}
#LINKS .TITLE {
	margin: 0px;
	padding: 0px;
	width: 190px;
	color: #222E51;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;
}
#LINKS UL{
	margin: 15px 0px 0px 15px;
	padding: 0px;
	list-style-image:   url("../images/bullet.gif");
}
#LINKS UL LI A {
	margin: 0px;
	padding: 0px;
	color: #5A87AA;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
}
#LINKS UL LI A:HOVER {
	color: #227E0D;
}
#TEXT_WITHOUT_LINKS {
	
}
#TEXT {
margin: 0px 50px 0px 50px;
	padding: 0px;
	/*width: 815px;*/
	text-decoration:none;
	color: #666666;
	font-size: 12px;
	line-height: 22px;
}
#TEXT A {
	color: #5A87AA;
}
#TEXT A:HOVER {
	color: #227E0D;
}
#TEXT H1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;
	color: #5A87AA;
	font-size: 14pt;
}
#TEXT H2 {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	color: #222E51;
	font-size: 14px;
	font-weight: bold;
}
#TEXT H3 {
	margin: 0px;
	padding: 0px;
	color: #5A87AA;
	font-size: 12px;
	font-weight: bold;
}
#TEXT UL {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	/*color: #B2D21A;*/
	font-weight: bold;
}
#TEXT UL LI SPAN {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}
.IMAGE {
	float: left;
	margin: 0px 30px 20px 0px;
	padding: 0px;
}
#COLUMN {
	margin: 0px 0px 0px 250px;
	padding: 0px;
	width: 565px;
}
#COLUMN H1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #B2D21A;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;
}
.TEXT_FORM {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/*///////////////////////////////            Global Styles                 /////////////////////////////////////////////*/
BODY {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:   url("../images/background.gif");
	background-repeat: repeat;
	text-decoration:none;
	color: #666666;
	font-size: 12px;
	line-height: 22px;
	
}

div{
text-decoration:none;
}
img{
border:none;
}



H1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;
	color: #5A87AA;
	font-size: 14pt;
}
H2 {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	color: #222E51;
	font-size: 14px;
	font-weight: bold;
}
H3 {
	margin: 0px;
	padding: 0px;
	color: #5A87AA;
	font-size: 12px;
	font-weight: bold;
}

/*///////////////////////////////            # IDs               /////////////////////////////////////////////*/
#TOP {
	margin: 0px;
	padding: 0px;
	height: 135px;
	background-image:   url("../images/top_background.gif");
	background-repeat: repeat-x;
}

#WRAPPER {
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 0px 0px 0px -458px;
	padding: 0px;
	width: 916px;
	background-color: #FFFFFF;
	border-left: 1px solid #858585;
	border-right: 1px solid #858585;
	border-bottom: 10px solid #B2D11B;
}

#FOOTER {
	clear: both;
	margin: 0px 50px 50px 270px;
	padding: 25px 0px 0px 0px;
}

#flash
{
	width:646px;
	height:550px;
	background-image:url(../images/bg_ebook.jpg);	
}

#video
{
	width:336px;
	height:271px;
	background-image:url(../images/bg_video.jpg);	

}
/*///////////////////////////////            . Classes              /////////////////////////////////////////////*/
.FORM {
	margin: 0px 10px 0px 5px;
	color: #FFFFFF;
	background-color: #858585;
	border: 1px solid #CBD4A7;
}
.CLEARER {
	margin: 0px;
	padding: 0px;
	height: 30px;
}
.COPYRIGHT {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	color: #CCCCCC;
	font-size: 11px;
	border-top: 1px dotted #CCCCCC;
}
.red {
	color: #D52034;
}
.input{
	size:30;
}
.ContentBox {
	float: left;
	position: relative;
	margin: 5px;
}
.error {
	color: #D52034;
}

a.bloglink {
	float:right;
	font-size: 11px;
	font-weight:bold;
	color:#333366;
	margin-right:20px;
	margin-top:-10px;
}

a.bloglink:hover {
text-decoration:none;
}

.floatleft {
	float: left;
	margin: 20px 20px 20px 0px;
	padding:0px;
}
.floatright {
	float: right;
	margin: 20px 0px 20px 20px;
	padding: 0px;	
}

.imageleft {
	float: left;
	margin: 20px 20px 20px 0px;
	padding:0px;
	border: solid 2px #5A87AA;
}
.imageright {
	float: right;
	margin: 20px 0px 20px 20px;
	padding: 0px;
	border: solid 2px #5A87AA;
}

.Head2 {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	color: #222E51;
	font-size: 14px;
	font-weight: bold;
}
.Head3 {
	margin: 0px;
	padding: 0px;
	color: #5A87AA;
	font-size: 12px;
	font-weight: bold;
}
.Head2 {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	color: #222E51;
	font-size: 14px;
	font-weight: bold;
}

.bigtext2 {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	color: #5A87AA;
	font-size: 14.5pt;
	font-weight: bold;
}

/*///////////////////////////////            Misc Styles                 /////////////////////////////////////////////*/


/******** Needs to be below #WRAPPER **********/
HTML, BODY, #WRAPPER  {
	min-height: 100%;
	height: 100%;
	text-decoration:none;
}
HTML>BODY, HTML>BODY #WRAPPER {
	height: auto;
	text-decoration:none;
}
/******** Needs to be below #WRAPPER **********/