body{
 font-family:arial,helvetica,trebuchet,verdana,sans-serif;
 color:#000;
 background-color:#006;
 margin:0;
}

.leftbar{
 position:absolute;
 top:0;
 left:0;
 width:50%;
 height:125px;
 background-color:#8285b4;
 z-index:-1;
}

.rightbar{
 position:absolute;
 top:90px;
 right:0;
 width:50%;
 height:35px;
 background-color:#8285b4;
 z-index:-1;
}

.header{
 width:1000px;
 height:125px;
 margin-left:auto;
 margin-right:auto;
}

.headergraphic{
 position:absolute;
 top:0;
 left:0;
 margin:0;
 padding-top:9px;
 z-index:5;
}

.header h1{
 position:absolute;
 top:0;
 width:1000px;
 height:90px;
 margin:0;
 font-family:avenir,futura,euromode,eurotype,sans-serif;
 font-weight:normal;
 text-align:right;
 text-transform: uppercase;
 letter-spacing:10px;
 line-height:90px;
 background-image:url(/headergradient.png);
 background-color:#8285b4;
 z-index:4;
}

.header h1 a{
color:#000;
text-decoration:none;
}

.topnav{
 position:absolute;
 top:90px;
 width:1000px;
 height:35px;
 background-color:#8285b4;
 text-align:right;
 line-height:30px;
 z-index:4;
}

.topnav a{
 color:#fff;
 text-decoration:none;
 font-weight:bold;
 margin-left:20px;
}

.topnav a:hover{
 color:#f00;
 font-weight:bold;
 margin-left:20px;
}

.topnav a:visited{
 color:#fff;
 font-weight:bold;
 margin-left:20px;
}

.search{
 color:#fff;
 text-decoration:none;
 font-weight:bold;
 margin-left:20px;
}

.header form{
 display:inline;
}

.main{
 width:1000px;
 margin-left:auto;
 margin-right:auto;
 background-image:url(/twotone.gif);
}

.body{
 background-color:#fff;
 width:800px;
 height:675px;
 overflow:auto;
 float:left;
}

.breadcrumbs{
 font-size:8pt;
 color:#000;
 margin-left:50px;
}

.tfmenu{
 position:relative;
 top:-50px;
 font-size:8pt;
 font-weight:normal;
 color:#888;
 margin-top:0;
 margin-bottom:-1.5em;
 margin-left:50px;
 margin-right:50px;
 text-align:right;
}

.tfmenu a{
 color:#888;
 text-decoration:none;
}

.tfmenu a:hover{
 color:#009;
 text-decoration:underline;
}

.body h1{
 width:700px;
 font-family:euromode,eurotype,sans-serif;
 text-align:left;
 text-transform: uppercase;
 margin-top:0;
 margin-bottom:0;
 margin-left:50px;
 margin-right:50px;
}

.facebook{
 width:700px;
 margin-top:0;
 margin-bottom:0;
 margin-left:50px;
 margin-right:50px;
}

/*============================================

Color Codes for Headers:
.a=Autobot (red background)
.d=Decepticon (purple background)
.j=GI Joe (bright blue background)
.k=Black (black background)
.m1=MMPR Morphers (dark blue background)
.m2=MMPR Symbols (dark red background)
.m3=MMPR Weapons (yellow background)
.m4=MMPR Zords (dark green background)
.q=Quintesson (medium green background)
.u=Universal (gold background)
.v=Vehicon (dark blue background)
.w=Wreckers (teal background)
.z=Zoids (gray background)

============================================*/

.a{
 color:#fff;
 background-color:#f00;
}

.d{
 color:#fff;
 background-color:#808;
}

.j{
 color:#fff;
 background-color:#00f;
}

.k{
 color:#fff;
 background-color:#000;
}

.m1{
 color:#fff;
 background-color:#009;
}

.m2{
 color:#fff;
 background-color:#900;
}

.m3{
 color:#000;
 background-color:#ff0;
}

.m4{
 color:#fff;
 background-color:#090;
}

.n{
 color:#fff;
 background-color:#0c0;
}

.o{
 color:#000;
 background-color:#fc0;
}

.p{
 color:#fff;
 background-color:#006;
}

.q{
 color:#fff;
 background-color:#0c0;
}

.u{
 color:#000;
 background-color:#fc0;
}

.v{
 color:#fff;
 background-color:#006;
}

.w{
 color:#fff;
 background-color:#099;
}

.z{
 color:#fff;
 background-color:#999;
}

.body p{
 text-indent:10px;
 clear:right;
 margin-left:50px;
 margin-right:50px;
}

.body p.desc{
 width:250px;
 height:250px;
 float:right;
 margin-left:0;
}

.body embed{
 margin-left:50px;
}

.menu{
 width:200px;
 height:675px;
 background-color:#ccc;
 overflow:auto;
 float:right;
}

.menu p{
 clear:both
}

.menu a:link{
 color:#006;
 text-decoration:none;
}

.menu a:hover{
 color:#f00;
 text-decoration:underline;
}

.menu a:visited{
 color:#000;
 text-decoration:none;
}

.menu img{
 margin:3px;
 float:left;
 border:0;
}

.menu h6{
 margin-top:2px;
}