/*
Date:1/12/06
Author: Shakeel Quadri
Company: Quad Web Design Ltd
Version: Aqua
Copyright 2006
*/
/*divs*/
#tile_wrapper{
	width:760px; 
	margin:0px auto;
	background-color:#FFFFFF;
	}
#header{
	width:223px;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}
#header_contact_details{
	width:535px;
	float:left;
	}
/*The ticker has  a form ,  home page link and the quick links in*/
.tile_ticker_cell{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	height:22px;
	line-height:22px;
	vertical-align:middle;
}

.tile_ticker_cell input,.tile_ticker_cell select,.tile_ticker_cell form
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	margin:0px;
	padding:0px;
}

#ttc_home{
	width:70px;
	text-align:left;
	font-weight:bold;
	padding-left:14px;
}

#email{
	width:140px;
	margin:1px 4px 1px 20px;
	height:15px;
}

#email_button{
	width:38px;
	margin:1px 0px 1px 0px;
	color:#00AF9F;
}

#advert2{
	margin:3px 12px 3px 12px;
}

#links_selection{
	width:95px;
	margin:2px 0px 1px 0px;
}

#tile_ticker{
	border-bottom:1px dotted;
	border-top:1px dotted;
	border-color:#999999;
	height:23px;
	text-align:right;
	padding-right:10px;
	clear:both;
	}
#tile_content{
	width:600px;
	float:left;
	}
#tile_content_padding{
	margin-left:8px;
	margin-top:5px;
	}
/*The footer consits of 1 big footer div then 2 divs floating next to each other with padding divs indise each of those*/
#tile_footer{
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	border-top:1px dotted;
	border-color:#999999;
	}
#tile_footer_left{
	width:380px;
	float:left;
	}
#tile_footer_right{
	width:380px;
	float:left;
	}
.tile_footer_left_padding{
	text-align:left;
	padding:5px;
	background-color:#FFFFFF;
	}
.tile_footer_right_padding{
	text-align:right;
	padding:5px;
	background-color:#FFFFFF;
	}
a.footer_text:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-decoration:none;
	}
a.footer_text:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-decoration:none;
	}  
a.footer_text:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#B50D19;
	text-decoration:none;
	}  
a.footer_text:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-decoration:none;
	}
#main_text{
width:369px;
float:left;
height:250px;
}
.maintextpad
	{
	padding-right:5px;
	}
#slideshow{
width:200px;
float:left;
text-align:right;
height:250px;
}
#contact_text{
width:270px;
float:left;
padding-top:6px;
}
#contact_form{
width:300px;
float:left;
text-align:right;
height:255px;
padding:0px;
margin:0px;
}
#contact_form p{
padding:0px;
margin:0px;
}
/*Styles*/
body{
	background-image:url("../tile_images/background_mosaic.gif");
	}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	padding:0px;
	margin:0px;
	}
ul{
margin-top:2px;
margin-bottom:3px;
}
li{
list-style-image:url("../tile_images/mosaic.gif");
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:12px;
	color:#ffffff;
	padding:0px;
	padding-left:3px;
	padding-top:1px;
	margin:0px;
	}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	padding:0px;
	margin:0px;
	margin-left:3px;
	margin-top:1px;
	}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00AF9F;
	} 
.hide_mosaic{ visibility:hidden; }
.show_mosaic{ visibility:visible; }
.form_text{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
width:200px;
text-align:center;
}
/*menu styles*/
#tta
	{
	height:50px;
	padding-top:20px;
	}
.green_txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#00CC00;
	padding-left:5px;
	}
.green_txt a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#00CC00;
	line-height:17px;
	text-decoration:none;
}
.blue_txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#101273;
	}
.blue_txt a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#101273;
	text-decoration:none;
}
.menu_heading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00AF9F;
	padding-left:13px;
	margin-bottom:3px;
	margin-top:4px;
	font-weight:bold;
	}
/* The following is for the main menu link*/ 
a.tile_link_heading:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00AF9F;
	text-decoration:none;
	}
a.tile_link_heading:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00AF9F;
	text-decoration:none;
	}  
a.tile_link_heading:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#B50D19;
	text-decoration:none;
	}  
a.tile_link_heading:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00AF9F;
	text-decoration:none;
	}
a.menu:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	}
a.menu:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	text-decoration:none;
	}  
a.menu:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#990000;
	text-decoration:none;
	font-weight:bold;
	}  
a.menu:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	text-decoration:none;
	}
/*Box2 link styles*/
.box2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}
a.box2_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:none;
	}
a.box2_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	text-decoration:none;
	}  
a.box2_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#990000;
	text-decoration:none;
	}  
a.box2_link:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	text-decoration:none;
	}
a.box2_small_text:link{
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:4px;
	}
a.box2_small_text:visited{
	color: #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:4px;
	}  
a.box2_small_text:hover{
	color:#B50D19;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:4px;
	}  
a.box2_small_text:active{
	color: #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:4px;
	}
/*Box4 link styles*/
.box4 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00AF9F;
	text-decoration:none;
	}
a.box4_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00AF9F;
	text-decoration:none;
	}
a.box4_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #00AF9F;
	text-decoration:none;
	}  
a.box4_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#990000;
	text-decoration:none;
	}  
a.box4_link:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #00AF9F;
	text-decoration:none;
	}
.box4 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	padding-top:5px;
	padding-left:5px;
	}
/*classes*/
/*menu classes*/
.tile_menu{
	width:160px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	padding-top:3px;
	}
.tile_link{
	border-bottom:1px dotted;
	border-color:#999999;
	margin-top:2px;
	}
.tile_link_noline{
	padding:0px;
	}
/*main content classes*/
/*generic classes*/
.video_wrapper
	{
	width:155px;
	height:167px;
	float:left;
	}
.tile_description{
    display:none;
	background-color:#CCCCCC;
	}
.data_table{
	width:100%;
	}	
.data_table_cell_bottom p{
	color:#00AF9F;
	}
.data_table_cell_top{
	height:18px;
	background-image:url(../tile_images/table_fade_up.gif);
	text-align:center;
	vertical-align:top;
	}
.data_table_cell_bottom{
	background-color:#FFFFFF;
	text-align:center;
	}
.spacer_bar{
	height:5px;
	width:500px;
	clear:both;
	}
.tile_padding{
	padding:5px;
	}
.tile_mosaic{
	width:53px;;
	height:19px;
	float:left;
	background-color:#00AF9F;
	}
.box_link_padding{
	padding-top:3px;
	padding-right:3px;
	padding-left:20px;
	text-align:left;
	}
/*Red boxes - Full width content box1*/
.box1{
	width:581px;
	}
.box1_padding{
	}
.red_box1{
	border:1px  solid;
	border-color:#00AF9F;
	height:100%;
	min-height:100%;
	}
/*red box for the homepage*/
.homepage_red_box1{
border:1px  solid;
border-color:#00AF9F;
height:285px;
}
.box1_title{
	width:526px;;
	height:19px;
	float:left;
	background-color:#00AF9F;
	}
/*the right hand side of the title uses the mosaic gif and the generic '.tile_mosaic' class*/
/*Red boxes - Half width content box2*/
.box2{
	width:293px;
	float:left;	
	}
.box2_padding{
	padding-right:5px;
	padding-top:5px;
	}
.red_box2{
	border:1px  solid;
	border-color:#00AF9F;
	height:93px;
	}
.box2_title{
	width:233px;;
	height:19px;
	float:left;
	background-color:#00AF9F;
	}
/*the right hand side of the title uses the mosaic gif and the generic '.tile_mosaic' class*/
/*Red boxes - inner content*/
.box2_picture{
	width:100px;
	float:left;
	}
.box2_text{
	width:175px;
	float:left;
	}
.box2_text_padding{
padding-left:5px;
padding-top:1px;
}
/*Red boxes - 'Third' width content box3*/
.box3{
	width:195px;
	float:left;
	}
.box3_padding{
	padding-right:5px;
	padding-top:5px;
	}
.red_box3{
	border:1px  solid;
	border-color:#00AF9F;
	height:107px;
	}
.box3_title{
	width:135px;;
	height:19px;
	float:left;
	background-color:#00AF9F;
	}
.box3_text_padding{
padding-left:5px;
padding-top:1px;
}
/*Red boxes - 'Forth' content box3*/
.box4{
	width:390px;
	float:left;
	}
.box4_padding{
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	}
.red_box4{
	border:1px  solid;
	border-color:#00AF9F;
	height:107px;
	}
.box4_title{
	width:330px;;
	height:19px;
	float:left;
	background-color:#00AF9F;
	}
.box4_block{
	width:124px;
	float:left;
	}