body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:15px;
	background-color:#000000;
	margin:0;
	text-align:justify;
}

td { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height:17px; }

a:link {color:#fff; text-decoration: none}
a:visited {color:#fff; text-decoration: none}
a:active {color:#fff; text-decoration: none}
a:hover {color:#fff; text-decoration: underline}

a.footer:link {color: #666666; text-decoration: none;}
a.footer:visited {color: #666666; text-decoration: none; }
a.footer:active {color: #666666; text-decoration: none;}
a.footer:hover {color: #333333; text-decoration: none;}

div { border:solid 0px red;}
span { display:none; }

p { font-size:11px; margin:0 0 10px 0; padding:0;}

.red 		{ color:#dc2128; }
.orange 	{ color:#ff6600; }
.yellow	{ color:#ffcc00; }
.green 	{ color:#669933; }
.blue 	{ color:#007dae; }
.indigo	{ color:#0066cc; }
.violet	{ color:#996699; }
.white	{ color:#ffffff; }

h1 { background-image:url('images/header.jpg'); width:900px; height:125px; margin:0; padding:0 }
h2 { background-image:url('images/logo.gif'); width:196px; height:54px; margin:0; padding:0}
h3 { font-size:16px; margin:0 0 5px 0; padding:0;}
h4 { font-size:14px; margin:15px 0 3px 0; padding:0;}
h5 { width:188px; text-align:right; font-size:11px; font-weight:100; color:#444; margin:6px 0 0 0; }
h5.lhm { width:188px; text-align:right; font-size:11px; font-weight:100; color:#444; margin:0px 0 0 0; }
h6 { font-size:11px; margin:0 0 2px 0; padding:0;}

#container { width:900px; display:block; }

#navi { float:left; width:196px; }
#navi ul { list-style:none; margin:0; padding:0; text-align:right; }
#navi ul li { background-color:#2f2f2f; text-align:right; color:#CCCCCC; margin:0 0 2px 0; padding:0; }
#navi ul li a { background-color:#343434; display: block; text-decoration: none; margin:0; padding:4px 8px 4px 0; }
#navi ul li a:hover { background-color: #444;}
#navi ul li.sub a { background-color:#212121; display: block; text-decoration: none; margin:0; padding:2px 8px 2px 0; }
#navi ul li.sub a:hover { background-color: #2d2d2d;}

#right { float:left; width:700px; }
#right.bg-blue { background:url('images/blue.jpg') no-repeat; }
#right.bg-green { background:url('images/green.jpg') no-repeat; }
#right.bg-indigo { background:url('images/indigo.jpg') no-repeat; }
#right.bg-orange { background:url('images/orange.jpg') no-repeat; }
#right.bg-red { background:url('images/red.jpg') no-repeat; }
#right.bg-violet { background:url('images/violet.jpg') no-repeat; }
#right.bg-yellow { background:url('images/yellow.jpg') no-repeat; }

#home { width:520px; margin:440px 0 0 0; }

/* teams */
#home { width:520px; margin:50px 0 0 100px; }
#home img { float:left; margin-right:9px; }
#home img.end { float:left; margin-right:0; }

#home  h3 { color:#ffff00; }
#home  h3.blue { color:#007dae; }
#home  h3.green { color:#274b01; }

#home ul { list-style:none; padding:0; margin:15px 0 0 0; }
#home ul li	{ width:123px; height:170px; float:left; margin:0 9px 9px 0; }

/* teams */
#text { width:520px; margin:440px 0 0 100px; }
#text img { float:left; margin-right:9px; }
#text img.end { float:left; margin-right:0; }

#text  h3 { color:#ffff00; }
#text  h3.blue { color:#007dae; }
#text  h3.green { color:#274b01; }

#text ul {  width::520px; list-style:none; padding:0; margin:15px 0 15px 0; overflow/**/:/**/hidden; height: 1%; }
#text ul li	{ width:123px; height:170px; float:left; margin:0 15px 15px 0; padding:2px; border:solid #333 1px; }

/* blue team */
#text ul li.bluespell1 { background:url('images/blue_spell01.jpg') no-repeat 50% 50%; }
#text ul li.bluespell2 { background:url('images/blue_spell02.jpg') no-repeat 50% 50%; }
#text ul li.bluespell3 { background:url('images/blue_spell03.jpg') no-repeat 50% 50%; }
#text ul li.bluespell4 { background:url('images/blue_spell04.jpg') no-repeat 50% 50%; margin:0 }

/* green team */
#text ul li.greenspell1 { background:url('images/green_spell01.jpg') no-repeat 50% 50%; }
#text ul li.greenspell2 { background:url('images/green_spell02.jpg') no-repeat 50% 50%; }
#text ul li.greenspell3 { background:url('images/green_spell03.jpg') no-repeat 50% 50%; }
#text ul li.greenspell4 { background:url('images/green_spell04.jpg') no-repeat 50% 50%; }
#text ul li.greenspell5 { background:url('images/green_spell05.jpg') no-repeat 50% 50%; }

/* indigo team */
#text ul li.indigospell1 { background:url('images/indigo_spell01.jpg') no-repeat 50% 50%; }
#text ul li.indigospell2 { background:url('images/indigo_spell02.jpg') no-repeat 50% 50%; }
#text ul li.indigospell3 { background:url('images/indigo_spell03.jpg') no-repeat 50% 50%; }
#text ul li.indigospell4 { background:url('images/indigo_spell04.jpg') no-repeat 50% 50%; }

/* orange team */
#text ul li.orangespell1 { background:url('images/orange_spell01.jpg') no-repeat 50% 50%; }
#text ul li.orangespell2 { background:url('images/orange_spell02.jpg') no-repeat 50% 50%; }
#text ul li.orangespell3 { background:url('images/orange_spell03.jpg') no-repeat 50% 50%; }
#text ul li.orangespell4 { background:url('images/orange_spell04.jpg') no-repeat 50% 50%; }
#text ul li.orangespell5 { background:url('images/orange_spell05.jpg') no-repeat 50% 50%; }

/* red team */
#text ul li.redspell1 { background:url('images/red_spell01.jpg') no-repeat 50% 50%; }
#text ul li.redspell2 { background:url('images/red_spell02.jpg') no-repeat 50% 50%; }
#text ul li.redspell3 { background:url('images/red_spell03.jpg') no-repeat 50% 50%; }
#text ul li.redspell4 { background:url('images/red_spell04.jpg') no-repeat 50% 50%; }
#text ul li.redspell5 { background:url('images/red_spell05.jpg') no-repeat 50% 50%; }
#text ul li.redspell6 { background:url('images/red_spell06.jpg') no-repeat 50% 50%; }

/* violet team */
#text ul li.violetspell1 { background:url('images/violet_spell01.jpg') no-repeat 50% 50%; }
#text ul li.violetspell2 { background:url('images/violet_spell02.jpg') no-repeat 50% 50%; }
#text ul li.violetspell3 { background:url('images/violet_spell03.jpg') no-repeat 50% 50%; }
#text ul li.violetspell4 { background:url('images/violet_spell04.jpg') no-repeat 50% 50%; }
#text ul li.violetspell5 { background:url('images/violet_spell05.jpg') no-repeat 50% 50%; }

/* yellow team */
#text ul li.yellowspell1 { background:url('images/yellow_spell01.jpg') no-repeat 50% 50%; }
#text ul li.yellowspell2 { background:url('images/yellow_spell02.jpg') no-repeat 50% 50%; }
#text ul li.yellowspell3 { background:url('images/yellow_spell03.jpg') no-repeat 50% 50%; }
#text ul li.yellowspell4 { background:url('images/yellow_spell04.jpg') no-repeat 50% 50%; }
#text ul li.yellowspell5 { background:url('images/yellow_spell05.jpg') no-repeat 50% 50%; }
#text ul li.yellowspell6 { background:url('images/yellow_spell06.jpg') no-repeat 50% 50%; }
#text ul li.yellowspell7 { background:url('images/yellow_spell07.jpg') no-repeat 50% 50%; }
#text ul li.yellowspell8 { background:url('images/yellow_spell08.jpg') no-repeat 50% 50%; }


#footer { width:100%; height:30px; text-align:center; margin:25px 0 15px 0; float:left; }

/* =float clearing */
#text, #footer { display : inline-block; height : 1%; }
#text, #footer  { display: block; }
#text:after, #footer:after  { content : "."; display : block; height : 0; clear : both; visibility : hidden; }