@charset "UTF-8";
/* CSS Document */


body {
color: rgb(0,0,0);
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: none;
margin: 25px;
	padding: 0;
	text-align: left; 
	color: #000000;
}



#ad-banner {
border: 0px;
width: 750px;
height: 95px;
}

#header {
height: 40px;

font-size: 24pt;
font-weight: bold;
color: #663399;
margin: 0em; 
padding: 0em; 
}

#navbar {
	height: 25px;
	width: 1000px;
	color: #663399;
	border-top: 6px #663399 solid;
padding-top: 0em;
padding-left: 0em;
padding-bottom: 0em;
}



#content {
position: absolute;
	top: 325px;
left: 25px;
}

#content2 {
	float: left;
	width: 635px;
	}
	
#content3 {
position: absolute;
	left: 25px;
	top: 1320px;
	width: 635px;
	}	

#right {position: absolute;
width: 353px;
	height: 70px;
	top: 390px;
	left: 685px;
	text-align: left;

}


#footer {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	width: 635px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer-index {
position: absolute;
top: 1250px;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	width: 635px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#book {
position: absolute;

height: 150px;
width: 313px;
top: 225px;
left: 685px;
 }

#mcman {
position: absolute;

height: 400px;
width: 313px;
top: 225px;
left: 685px;
 }

h1 {
color: #666666;
font-size: 16pt;
font-weight: normal;
margin-bottom: -0.4em;
 }

h2 {color: #663399;
font-size: 11pt;}
p.subhead {color: #666666;
font-weight: bold;
font-size: 11pt; } 

p.start {
word-spacing: 0.2em;
line-height: 1.6em;
font-size: 12pt; }

h3 {
color: #663399;
font-size: 9pt;
font-weight: bold;
margin-bottom: -0.8em; }

h4 {color: #663399;
font-size: 13pt;
font-weight: bold;}

p.subhead {color: #666666;
font-weight: bold;
font-size: 11pt;}

h5{color: #666666;
font-size: 16pt;
font-weight: normal;
margin-bottom: -0.4em;}

h6{color: #666666;
font-size: 16pt;
font-weight: normal;
margin-bottom: -0.4em;
}
p {}

a:link {
color: #663399;
text-decoration: none;
font-weight: normal; }
a:visited {color: #663399;
text-decoration: none;
font-weight: normal;}
a:hover {
color: #9966cc; }
a:active {}




.book {float: left;
width: 100px;
height: 150px;
background-image: url(book2.jpg);
margin-right: 1em;
background-repeat: no-repeat;
 }
 
.newsletter {float: left;
width: 53px;
height: 150px;
background-image: url(mcman_newsletter.jpg);
margin-right: 1em;
background-repeat: no-repeat;
margin-top: 0.5em; }

.right-ad {float: right;
width:125px;
height:600px;
background-image: none;
margin-right: 1em;
padding: 1em; }


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
p.left-ad {float: left;
width:125px;
height:600px;
margin-right: 1em;
 }

p.blurb1 {
color: #666666;
font-size: 10pt; }

p.blurb2 {
color: #993333;
font-size: 8pt; }

p.blurb3 {
font-weight: lighter;
font-size: 8pt;
color: #666666; }

p.byline {
font-size: 8pt; }

p.default {
font-size: 10pt;
color:#000000; }

#informed {
	position: absolute;
	width: 253px;
	height: 96px;
	top: 340px;
	left: 340px;
	text-align: left;
	border: 1px #CCCCCC solid;
	padding-left: 0.5em;
	padding-bottom: -0.5em;
	padding-top: -1em;
 }

#right-ad1 {left:680px;
top: 530px;
height: 610px;
width: 165px;
position: absolute; }

#bookLW {left:680px;
top: 1150px;
width: 165px;
padding: 1em;
position: absolute; }


#forum {left: 860px;
top: 530px;
height: 90px;
width: 140px;
padding: 0.7em;
position: absolute; }

#videos {left: 860px;
top: 780px;
height: 90px;
width: 140px;
padding: 0.7em;
position: absolute; }

#knowledge {width: 150px;
height: 20px; 
	position: absolute;
	left: 450px;
	top: 280px;

padding: 4em;

background-color: #ffecdf;
line-height: 0em;
letter-spacing: 0.6pt;
color: #663399;
border-bottom: solid; }

#preview1 {left: 133px;
top: 243px;
position: absolute;
height: 100px;
width: 200px;
}

#preview2 {left: 133px;
top: 434px;
position: absolute;
height: 100px;
width: 200px;
}

#preview3 {left: 133px;
top: 548px;
position: absolute;
height: 100px;
width: 200px;
}

#preview4 {left: 133px;
top: 662px;
position: absolute;
height: 100px;
width: 200px;
}



#previewa {left: 133px;
top: 777px;
position: absolute;
height: 100px;
width: 200px;
}

#previewb {left: 133px;
top: 1010px;
position: absolute;
height: 100px;
width: 200px;
}

#previewc {left: 133px;
top: 1117px;
position: absolute;
height: 100px;
width: 200px;
}

#previewd {left: 133px;
top: 886px;
position: absolute;
height: 100px;
width: 200px;
}

#previewe {left: 133px;
top: 1230px;
position: absolute;
height: 100px;
width: 200px;
}

#preview5 {left: 133px;
top: 1345px;
position: absolute;
height: 100px;
width: 200px;
}

#list {left: 300px;
top: 216px;
position: absolute;
width: 300px;
padding: 0em;
border-bottom: 1px #663399 solid;
 }
 
 #list2 {left: 380px;
top: 316px;
position: absolute;
width: 200px;
padding: 0.5em;
 }

p.prev {color:#666666;}

p.list {font-size: 9pt;}

p.first {font-size: 13pt;
color: #663399;
font-weight: bolder;
line-height: 0em;}

p.second {font-size: 11pt;
color: #663399;
font-weight: bold;
line-height: 0em;}


p.knowledge {font-size: 10pt; }

p.nav {font-size: 11pt;
 margin-top: -0.3em;}
 

p.footer {font-size: 8.5pt;
}
p.footer2 {font-size: 10pt;
}

p.search {}

#image {width: 350px;
top: 245px;
position: absolute;
padding: 0em;}

#concepts {left: 410px;
top: 240px;
position: absolute;
width: 170px}





#thumbnail {left: 410px;
top: 470px;
position: absolute;
width: 80px


}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#thumbnail2 {left: 500px;
top: 470px;
position: absolute;
width: 90px}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 #welcome {width: 340px;
top: 470px;
position: absolute;}

#welcome {width: 340px;
top: 470px;
position: absolute;}

.style1 {
	color: #663399;
	font-weight: bold;
	}
	
	
.style2 {font-size: 11pt;}
	
#thumbnaila {left: 410px;
top: 470px;
position: absolute;
width: 240px
}
#thumbnailb {left: 410px;
top: 555px;
position: absolute;
width: 240px
}
#thumbnailc {left: 410px;
top: 640px;
position: absolute;
width: 240px
}
#thumbnaild {left: 410px;
top: 725px;
position: absolute;
width: 240px
}
#thumbnaile {left: 410px;
top: 810px;
position: absolute;
width: 240px
}
#thumbnailf {left: 410px;
top: 895px;
position: absolute;
width: 240px
}
#thumbnailg {left: 410px;
top: 980px;
position: absolute;
width: 240px
}
#thumbnailh {left: 410px;
top: 1065px;
position: absolute;
width: 240px
}
#thumbnaili {left: 410px;
top: 1150px;
position: absolute;
width: 240px
}
#blog {left: 410px;
top: 1245px;
position: absolute;
width: 240px;
}

#prev1 {left: 25px;
top: 439px;
position: absolute;
height: 100px;
width: 310px;
}

#prev2 {left: 25px;
top: 553px;
position: absolute;
height: 100px;
width: 310px;
}

#prev3 {left: 25px;
top: 667px;
position: absolute;
height: 100px;
width: 310px;
}



#prev4 {left: 25px;
top: 781px;
position: absolute;
height: 100px;
width: 310px;
}

#prev5 {left: 25px;
top: 895px;
position: absolute;
height: 100px;
width: 310px;
}

#prev6 {left: 25px;
top: 1010px;
position: absolute;
height: 100px;
width: 310px;
}

#prev7 {left: 25px;
top: 1125px;
position: absolute;
height: 100px;
width: 310px;
}



#prev8 {left: 25px;
top: 1240px;
position: absolute;
height: 100px;
width: 310px;
}

#prev9 {left: 25px;
top: 1355px;
position: absolute;
height: 100px;
width: 310px;
}

.floatleft 
{
float: left;
margin-right: 10px;}



#knowledge-necessity3 {top: 786px;
position: absolute;
height: 100px;
width: 635px;
}

#knowledge-necessity4 {top: 889px;
position: absolute;
height: 100px;
width: 635px;
}

#knowledge-necessity5 {top: 1015px;
position: absolute;
height: 100px;
width: 635px;
}



#knowledge-necessity6 {top: 1130px;
position: absolute;
height: 100px;
width: 635px;
}

#knowledge-necessity7 {top: 1233px;
position: absolute;
height: 100px;
width: 635px;
}

#knowledge-necessity9 {top: 1475px;
position: absolute;
height: 100px;
width: 635px;
}

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


ul#navlist li a
{
float: left;
font-size: 11pt;
padding: 4px 12px 0px 0px;}

#col1 {top: 300px;
left: 25px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col2 {top: 300px;
left: 175px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col3 {top: 300px;
left: 325px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col4 {top: 300px;
left: 485px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col1b {top: 540px;
left: 25px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col2b {top: 540px;
left: 175px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col3b {top: 540px;
left: 325px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col4b {top: 540px;
left: 485px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col1c {top: 780px;
left: 25px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col2c {top: 780px;
left: 175px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col3c {top: 780px;
left: 325px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col4c {top: 780px;
left: 485px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col1d {top: 1020px;
left: 25px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col2d {top: 1020px;
left: 175px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col3d {top: 1020px;
left: 325px;
width: 140px;
padding: 0.7em;
position: absolute; }

#col4d {top: 1020px;
left: 485px;
width: 140px;
padding: 0.7em;
position: absolute; }#mcman #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent TabbedPanelsContentVisible .style1 img {
	padding: 3px;
	float: right;
}
#mcman #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent TabbedPanelsContentVisible .list {
	padding: 3px;
	float: left;
}
#mcman #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent TabbedPanelsContentVisible .list img {
	clear: left;
	float: left;
}