/* CSS Document */


/************* LAYOUT ****************/
body { text-align: center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
background: #a3c9e4 url(images/bgstrip.jpg) 0 0 repeat-x;
margin:0;
padding:0;
 }
 
  
#wrap {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background: #233a73;
}

a.noul{
position:absolute;
top: 500px;
left: 30px;
text-decoration:none;
font-weight:bold;
font-size:22px;
}

a.noul:hover , a.noul.selected{
color: #ee3424;
text-decoration:none;
}

#header { 
height: 95px;
background: url(images/afta_header.jpg) 0 0 no-repeat;
}

#contentbox{
background: #233a73;
}

#contentpad{
padding:0 20px;
}

#topmenu{ 

}

#topmenu ul{
list-style:none;
padding:0;
margin:0;
}

#topmenu ul li {
display:inline;
padding:0;
margin:0;
}

#topmenu ul li a{
	background: url("images/tab_b.gif") 0 0 no-repeat;
	text-decoration:none;
	font-weight:bold;
	float:left;
	width:109px;
	height:25px;
	display:inline;
	padding: 10px 0px 0px 0;
	font-size: 13px;
}



#topmenu ul li a.about{
background: url("images/white_t_centre.gif") 0 0 no-repeat;
width:100px;
text-indent: 10px;
}

#topmenu ul li a.service{
background: url("images/white_t_centre.gif") 0 0 no-repeat;
width:100px;
text-indent: 2px;
}

#topmenu ul li a.links{
background: url("images/white_t_centre.gif") 0 0 no-repeat;
width:100px;
text-indent: 25px;
}

#topmenu ul li a.contact{
background: url("images/white_t_end.gif") 0 0 no-repeat;
width:100px;
text-indent: 12px;
}

#topmenu ul li a.homebutton{
background: url("images/white_t_home.gif") 0 0 no-repeat;
width:108px;
text-indent: 30px;
}



#contentleft{
	background: url("images/bg_diamond4.jpg") top right no-repeat #fff; 
	height: 500px;
	margin: 0;
	padding:20px 20px 0px 20px;
	clear: left; 
	position: relative;
}

#contentleft.faded{
	background: url("images/bg_diamond8.jpg") top right no-repeat #fff; 
	height: 500px;
	margin: 0;
	padding:20px 10px 0px 20px;
	clear: left; 
}

#contentleft table{

}

#contentleft ul li{
font-size: 14px;
}


#contentleft table td{
	padding: 5px;
}



#boxend {
background: url("images/bottom_footer.gif") bottom right no-repeat #fff; 
	margin: 0 auto;
	height: 40px;
}

#footer{
text-align: center;
font-size: 11px;
color:#fff;
padding: 20px;
}


/************* STYLES ****************/


h1 {
font-family:"Bell MT", Arial, sans-serif;
font-size: 30px;
color: #233a73;
margin:0;
padding: 40px 0;
}



h2{
font-family:"Bell MT", Arial, sans-serif;
font-size: 22px;
color: #ee3424;
}


h2.strap {
color: #fff;
font-size: 26px;
margin:0px 0px 0 210px;
padding: 40px 20px 0 0;
font-style:italic;
font-family:"Corbel", Arial, sans-serif;
text-align: right;
font-weight:normal;
text-transform:uppercase;
}

p, pre{
font-family: "Trebuchet MS", Arial;
font-size: 14px;
line-height: 17px;
margin-right: 10px;
}

a{
color: #777575;
}

a:hover , a.selected{
color: #ee3424;
}



#numbersmenu {
clear:both;
position:absolute;
top: 490px;
left: 650px;
}

ul{
margin-right: 10px;
}


ul li.break {
margin-bottom: 7px;
}

#numbersmenu ul {
margin:0;
padding: 10px;
}

#numbersmenu li{
margin:0;
padding:2px 0px;
display: inline;
border-right: 1px solid #000;

}

#numbersmenu li a {
font-weight:bold;
font-size: 15px;
text-decoration:none;
padding: 0px 15px 0px 15px;
margin: 0;
color: #20336b;
}

#numbersmenu li a:hover, #numbersmenu li a.selected {
color: #f15131;
}

div.aboutleft {
clear:both;
float:left;
width: 150px;
}

div.aboutleft p{
margin:0;
padding:0;
}

div.aboutleft h2{
font-size: 18px;
margin: 0;
padding:0;
}

div.aboutright {
float:left;
margin-left: 10px;
width: 500px;
}

div.aboutright ul{
padding:0 0 0 20px;
margin: 0 0 10px 0;
}