/* MAIN STYLES */

BODY {font: 0.8em "Courier New", Courier, monospace; background: white; padding: 0; margin: 0;}
TABLE {border-collapse:collapse;}
TD {vertical-align:top; font-size:0.8em; line-height:1.3em;}
INPUT, SELECT {}

A {color:#0049AF; text-decoration:underline;}

/*
A:HOVER {color:#015EE0;}
A:VISITED {color:#0049AF;}*/

A IMG {border:0;}

.title_link{text-decoration:none; color:#000;}
.title_link:HOVER{text-decoration:underline;}

P, .left UL{font: 0.9em Verdana; line-height: 1.5em;}

H1 {font-size:18px; line-height: 19px;}
H1 IMG {text-align:left; margin-right:5px;}
H2 {font-size:1.3em; font-weight:normal; color:#666;}
H3 {font-size:1.2em;}
H5 {font-size:1em; margin:0; padding:0;}

.w100{width: 100%;}
.h100{height:100%;}
.w200{width: 200px;}

.black TABLE, .purple  TABLE, .red  TABLE,  .green  TABLE{background:#FFF;} 

.black .footer, .black .left_menu{background:#000;} 
.black .logo IMG, .purple .logo IMG, .red .logo IMG, .green .logo IMG {width:229px; height:72px;}
.black .right IMG, .purple .right IMG, .red .right IMG, .green .right IMG {width:303px; height:500px;}

.black .logo{width:229px; background:white url(../i/logo_black.gif) no-repeat;}
.black .right{background:white url(../i/collage.jpg) no-repeat 100% 150px; width:306px;}

.black .abouts{background:white url(../i/collage_abouts.jpg) no-repeat 100% 150px; width:303px;}
.black .abouts IMG, .black .saad IMG, .black .graeme IMG, .black .harry IMG {width:303px; height:500px;}
.black .saad{background:white url(../i/collage_saad.jpg) no-repeat 100% 150px; width:303px;}
.black .graeme{background:white url(../i/collage_graeme.jpg) no-repeat 100% 150px; width:303px;}
.black .harry{background:white url(../i/collage_harry.jpg) no-repeat 100% 150px; width:303px;}



.purple, .purple .footer, .purple .left_menu{background:#339;} 
.purple .logo{width:229px; background:white url(../i/logo_purple.gif) no-repeat;}
.purple .right{background:white url(../i/collage.jpg) no-repeat 100% 150px; width:306px;}

.red, .red .footer, .red .left_menu{background:#900;} 
.red .logo{width:229px; background:white url(../i/logo_red.gif) no-repeat;}
.red .right{background:white url(../i/collage.jpg) no-repeat 100% 150px; width:306px;}

.green, .green .footer, .green .left_menu{background:#063;}
.green .logo{width:229px; background:white url(../i/logo_green.gif) no-repeat;}
.green .right{background:white url(../i/collage.jpg) no-repeat 100% 150px; width:306px;}

.people TD P{font: 0.8em Tahoma; line-height: 1.3em; padding:0; margin:150px;}
.people TD H3 {font-size:14px; padding:0; margin:0;}
.people TD IMG {margin:0 7px 7px 0;}

/* left_menu */
.left_menu{width:110px; border-right: 15px solid white;}
.left_menu IMG{width:110px; height:148px !important; height:143px;}
.left_menu A, .left_menu SPAN{color:white; text-decoration:none; font-size:12px; font-weight:bold; display:block; padding:7px 15px; line-height:1em;}
.left_menu A:HOVER{color:white;}
.left_menu SPAN{color:silver;}
.left_menu A:VISITED{color:white;}

/* menu */
.menu{padding-top: 16px; width: 100%; height: 17px; margin-top: 27px;}
.menu TD{width:20%; font-size:12px; text-align:center;}
.menu TD.over A, .menu TD.over SPAN{border:1px solid black;}
.menu TD.out A, .menu TD.out SPAN{border:1px solid white;}
.menu TD A, .menu TD SPAN{text-decoration:none; color:black; display:block; width:100%; border:1px solid white;}
.menu_line{background:black; height:1px; position:relative; margin-top:-2px;}

/* submenu */
.submenu{position:absolute; border:1px solid white; display:none;}
.submenu A, .submenu SPAN{background:#808285; color:white; font-size:12px; line-height:1.3em; text-align:left; width:14em !important; width:15em; text-decoration:none; border-bottom:1px solid #fff; padding:3px 10px; display:block;}
.submenu A.parent_open{background:#eee;}
.submenu A.opener{background:#000;}
.submenu SPAN.open{background:#eee; color:#000;}
.submenu A:HOVER{background-color:#000;}
.submenu SPAN{color:#fff; background:#000;}

#sub_m2 A, #sub_o2 A, #sub_o2 SPAN{width:120px !important; width:140px;}

A.purple{background:#339;}
A.red{background:#900;}
A.green{background:#063;}

.mites TD{padding:20px 0 10px; font-size:11px;}
.mites TD A, .mites TD SPAN{font: 11px Tahoma; text-decoration:none; color:gray;}
.mites TD A:HOVER, .mites TD SPAN{color:black;}

.left{width:90%; padding:0 10px 50px 13px;}
.center_block{width:770px; text-align:center; padding-top:25px;}

.contact{font: 0.8em Tahoma; line-height: 1.4em;}
.form{width: 250px; font:1.1em Arial;}
.form TD{vertical-align:middle;}
.form TD.vtop{vertical-align:top; padding-top:5px;}