/* ------------------------| page elements |------------------------ */
* { 
    text-align: left; 
    font-family: arial, tahoma, verdana, sans-serif;    
    margin: 0;
    padding: 0;
    font-style: normal;
}

body {
    font-size: 1em;
    color: #fff;
    line-height: 1.5em;    
}

p, address	            { margin-bottom: 10px; font-size:0.75em; line-height:1.5em;  }

h1, h2, h3, h4, h5, h6  { color:#666666;}

h1                      { font-size: 1.4em; line-height:1.3em; padding-bottom:10px; color:#003399; font-weight:normal; }
h2                      { font-size: 105%; }
h3                      { font-size:0.8em; line-height:1em; padding-bottom:5px; color:#666666 }
h4                      { font-size:0.9em; padding-bottom:10px; }
h5                      { font-size:0.8em; }
h6                      {  }

a                       { color:#7088be; text-decoration:none; line-height:inherit; }
a img, img              { border:0; }
a:hover                 { color:#003399; }

a.pdf                   { background: url(/images/page_white_acrobat.gif) no-repeat; padding: 2px 0 2px 20px; margin: 1px; }
a.word                  { background: url(/images/page_white_word.png) no-repeat; padding: 2px 0 2px 20px; margin: 1px; }
a.excel                 { background: url(/images/page_white_excel.png) no-repeat; padding: 2px 0 2px 20px; margin: 1px; }

blockquote              { font-style: italic; margin: 0 0 0 20px;}

div.hr                  { border-top: 1px solid #003399; height: 1px; width: 97%; margin: 15px 0 15px 10px;}

ul                      {   }
li                      { list-style: none;}
ol                      {  }

img.left                { float: left; margin:5px; }
img.right               { float: right; margin:5px; }

/* ------------------------| colour attributes |------------------------ */
.grey                   { color: #666666; }
.lgrey                  { color: #999999; }
.dgrey                  { color: #333333; }
.lgreen                 { color: #99ff99; }
.llgreen                { color: #8fd641; }
.green                  { color: #67ad00; }
.lblue                  { color: #93aec6; }
.dblue                  { color: #2e476d; }
.black                  { color: #000000; }
.lred                   { color: #ffa8a8; }
.red                    { color: #ff0000; }
.blue                   { color: #2181be; }
.white                  { color: #ffffff; }
.orange                 { color: #ff6601; }

/* ------------------------| font styles |------------------------ */
.underlined             {text-decoration: underline;}
.bold                   { font-weight: bold; }
.italic                 { font-style: italic; }

.clear                  { clear: both; }
.float-left             { float: left; }
.float-right            { float: right; }

/* ------------------------| border styles |------------------------ */
.border                 { border: 1px solid #000; }
    .border-top         { border-top: 1px solid #000; }
    .border-right       { border-right: 1px solid #000; }
    .border-bottom      { border-bottom: 1px solid #000; }
    .border-left        { border-left: 1px solid #000; }

/* ------------------------| table elements |------------------------ */
table                   
{  margin:0px; border:none;
  }
thead                   {  }
tbody                   {  }
td                       
{ padding:3px;
     vertical-align:top;
     background:#d6dded; 
     border:#fff 1px solid;font-size:0.7em;}
     
  tr td p   {font-size:1em;}
         
  tr td h1  { font-size: 1.8em; color:#003399;}
  tr td h2  { font-size: 1.4em;}

/* ------------------------| input fields |------------------------ */
form                    { padding:0px; margin:0px; }
input                   { border: 1px solid #000; padding: 2px; }
textarea                { border: 1px solid #000; }

select optgroup         { font-weight: bold; font-style:normal; color:#000; background:#e5e5e5; }
select optgroup option  { font-weight: normal; background: #fff; }
select option           { font-weight: normal; background: #fff; }

.required               { color: #ff0000; font-weight: bold; font-size: 12px; }

/*-------------------------| admin edit |------------------------ */
#admin {
    color: #fff;
    background: #999;
    border-bottom: 1px solid #000;
    height: 19px;
    padding: 2px 0 2px 20px;
}
    #admin a { color: #fff; }
    #admin a.editPage { background: url(/images/application_edit.png) no-repeat; padding: 2px 0 2px 20px; margin: 1px; }
    #admin a.editTicker { background: url(/images/newspaper_add.png) no-repeat; padding: 2px 0 2px 20px; margin: 1px; }

/* ------------------------| containers |------------------------ */
#outer {
    background: #fff url(/images/bg.jpg) repeat-x;
    background-position: 0 5px;
}
#inner {
    background: url(/images/grad_outer_both.gif) repeat-y 0 -2px ;
    width: 865px;
    margin: 0px auto;
}
    
#mainContainer {
    position: relative;
    width: 845px;
    margin: 0px auto;
    background: #fff;
}    
    
/* ------------------------| header |------------------------ */
#header{
	background: #003399 ;
	height: 100px;
	width: 845px;
	}

	
a.logo{
	display:block;
	height: 100px;
	width:190px;
	background:navy url(../images/logo_header.jpg) no-repeat;
	float:left;
	}
#search{
	width: 250px;
	margin-left: 580px;
	padding-top: 65px; 
	padding-left: 50px;
	}
.text_search{
	margin-right: 5px;
	}
#txtSearch{
	border: 1px solid #666;
	width: 107px;
	padding: 3px;
	height:14px;
	}
#btnSearch{
	background: url(../images/btn_search.gif) no-repeat;   
	width: 20px;
	height: 20px;
	margin-left: 5px;
	position: relative;
	top: 0px;
	border: 0;
	cursor:pointer;
	}
#header_grey{
	background: #666;
	font-size:0.7em;
	text-align: right;
	padding: 0 20px;
	width: 805px;
	}
#index_bg h4, #page_bg h4{
	color:#fff;
	font-family: Helvetica 25 Light;
	font-weight: 500;
	position: relative;
	left: 30px;
	font-style: italic;
	font-size: 125%;
	}
/* afp index bg */
#index_bg{
	background: #fff url(../images/bg_content.jpg) no-repeat;
	height: 168px;
	padding-bottom: 2px;
	z-index: 1;
	} 
	      
    #index_bg h4
    {
    top: 60px;
    }

    #page_bg h4 
    {
    top: 12px !important;
    }

    #index_bg .disclosure, #page_bg .disclosure
    {
    position:relative;
    left:30px;
    font-family: Helvetica 25 Light;
    font-weight: 500;
    font-style: italic;
    font-size: 80%;
    }
    
    #index_bg .disclosure
    {top:105px;}
    
    #page_bg .disclosure
    {top:55px;}
    

/* same as above but smaller for content pages */
#page_bg {
background: #fff url(../images/bg_contentPage.jpg) no-repeat;
height: 120px;
padding-bottom: 2px;
z-index: 1;
}
#page_bg h4 {
top: 90px;
}
#grad_left {
background: url(/images/grad_bg_left.jpg) no-repeat 0 0;
width: 76px;
height: 600px;
position: absolute;
top: 123px;
left: -76px;
}

#grad_right {
background: url(/images/grad_bg_right.jpg) no-repeat 0 0;
width: 77px;
height: 600px;
position: absolute;
top: 123px;
right: -77px;
} 

/* ------------------------| menu |------------------------ */
#dd_navigation {
    height: 36px;
    background: #fff url(../images/navigation_off.gif) repeat-x;
    padding-bottom: 2px;
    color: #fff;
    z-index: 10;
}  

#dd_navigation a:hover{
	text-decoration: none;
	}  
#ul .sub span {
	background: url(../images/navigation_arrow.gif) no-repeat center left;
	padding: 0 0 0 20px;
	margin-left: -20px;
	  cursor:pointer;
	}
.active span {
	background: url(../images/navigation_arrow.gif) no-repeat left center;
	padding: 0 0 0 15px;
	margin-left: -20px;
	color: #FFFFFF;
	font-size:inherit;
	}
#nav{font-size:0.6em;}

/* ------------------------| content |------------------------ */
#float_left{
    width: 207px;        
    background: #fff;
    float: left;
    min-height:100%;
    height:100%;

	}
#leftNavigation {padding-right: 1px; font-weight: bold; font-size:0.6em; min-height:100%;
    height:100%;}
#leftNavigation span {padding-left: 30px; display:block;}
#leftNavigation a span {background: url(/images/navigation_arrow.gif) no-repeat 10px center;}

#leftNavigation a{
	text-decoration:none;
	display:block;
	border-bottom:#fff 1px solid;
	line-height:22px;
	background: #7088be;
	color: #FFFFFF;
	}   
#leftNavigation a:hover { background: #003399; }
#leftNavigation .left_sub { background: #a9badc url(/images/navigation_circle.gif) no-repeat 20px center; font-size:1em; }
        
#transact{
	padding: 14px 0 0 45px;
	background: #fff url(/images/dotted_line.gif) no-repeat 205px top;
	min-height: 240px;
	margin:0;
	}
	#transact a
	{

	    }
	
.right{
	float:right;
	}
#float_right{
    float: right;
    width: 638px;
    background: #fff;
	}
    /* main index content title area */
#welcome_afp_index {
	background: #002f8f url(../images/bg_content_bottom.jpg) no-repeat top right;
	width: 638px;
	height: 35px;
	font-size: 1.3em;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
	text-indent: 18px;
	line-height:24px;
	text-transform: capitalize;
	}
    /* same as above just applies different bg styling */
#welcome_afp_page{
	background: #002f8f url(../images/bg_content_bottomPage.jpg) no-repeat top right;
	width: 638px;
	height: 35px;
	font-size: 1.4em;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
	text-indent: 18px;
	line-height:100%;
	text-transform: capitalize;

	}
#welcome_grey {
	width: 638px;
	height: 23px;
	background: #ccc;
	}
#bodyHomepage{
	float: left;
	width: 425px;
	padding: 10px 10px 10px 20px;
	color: #000;
	height:100%;
	}
	/*
	IE.6 doesnt support min-height : this stops footer from jumping, 
	xsl makes this div only available to IE.6
	*/
#spacer_div{
	height: 500px;
	width: 1px;
	float: right;
	}
#bodyContent{
	float: left;
	width: 570px;
	padding: 10px 10px 30px 18px;
	color: #000;
	min-height: 100%;
	min-height: 400px;
	}

    #bodyHomepage p a, #bodyContent p a
    {
    font-size: 1em;
    }

    #bodyHomepage  a, #bodyContent  a
    {
    font-size: 0.8em;
    }
	
#bodyContent ul{
	padding-bottom:20px;
	}
#bodyContent ul li{
	padding-left:20px; 
	background:url(/images/bulletBlue.gif) 10px 7px no-repeat;
	font-size:0.75em;
	line-height:1.4em;
	padding-bottom:5px;
	}
#bodyContent ul li a, #bodyContent ol li a{
	font-size:100%;}
	
#bodyContent ul ul{
	padding-bottom:0px;
	padding-top:5px;}
		
#bodyContent ul li ul li{
	font-size:1em;
	background:none;
	list-style:circle;
	margin-left:20px;
	text-indent:0px;
	padding-left:0px;
	}
	
#bodyContent ol li{
    padding:0 0 5px 0; 
	font-size:0.75em;
	line-height:1.4em;
	list-style-type:decimal;
	background:none;
	margin:0 0 0 30px;
	text-indent:0px;
    }
	
	
#profile_container{
	float: right;
	width: 178px;
	margin: 17px 5px 14px 0;
	font-style: italic;
	font-weight: 700;

	}
	
    #single_links
    {
    margin:0 0 0 20px;
    }
	
#profile_image{
	padding: 0px;
	/*background: #a9badc url(/images/profile_image_01.jpg) no-repeat;*/
	height:350px;
	width:178px;
	font-size:0.8em;
	margin:0 30px 10px 0;
	}
#profile_image h2:first-line{
	font-style: normal;
	}
#profile_image h2{
	color: #000;
	font-style: italic;
	padding-bottom: 2px;
	line-height: 20px;
	top: -3px;
	position: relative;
	padding:5px 0 5px 0;
	}
	
#sitemapContent h2{
	padding-left: 10px
	}
#sitemapContent li {
	margin-left: 20px;
	}

/* ------------------------| page dividers |------------------------ */
#divider {
    clear: both;
    width: 845px;
    margin: 0 auto;
    background: #fff;
}

#divider2 
{
    clear: both;
    width: 845px; 
    background: #fff;
    height:90px;
    margin:5px 10px 5px 10px;
}

#divider2 a
{
    margin:0 9px 0px 9px;
}

#divider_left {
    float: left;
    background: #fff url(/images/grad_footer_left.jpg) no-repeat left top;
    width: 207px;
    height: 21px;
}
#divider_right {
    float: left;
    background: #fff url(/images/grad_footer_right.gif) no-repeat left top;
    width: 638px;
    height: 21px;
}

/* ------------------------| footer |------------------------ */

* #footer{font-size: 0.65em; line-height:1.3em;}

#footer{
	width: 845px;
	margin: 0 auto 90px;
	background: #fff;
	height:30px;
  
    }

#footer a{font-size:inherit;}
.copyright {
float: left;
color: #333;
}
.sbSite {
float: right;
color: #7088be;
}
.sbSite:hover {
color: #003399;
}

/* ------------------------| border grads |------------------------ */
#grad_top {
    width: 865px;
    height: 10px;
    background: url(/images/grad_top.gif) repeat-x;
    clear: both;
    margin:1px auto 0;
}

#grad_bottom {
    width: 865px;
    height: 10px;
    background: url(/images/grad_bottom.gif) repeat-x;
    clear: both;
    margin:0 auto;
}    
        
    /* top */
    .grad_top_left { float: left; }
    .grad_top_right { float: right; }
    
    /* bottom */
    .grad_bottom_left { float: left; }        
    .grad_bottom_right { float: right; }
        
        
/* ------------------------| contact.aspx |------------------------ */
div.rows { 
/*    position: relative; */
    margin-bottom: 2px; 
    clear:both;
}

div.rows div p
{
     font-weight:normal;
    }

div.rows div { 
    width: 100px; 
    float: left; 
    font-weight: bold; 
}

div.rows input { 
    width: 160px; 
}
/*div.rows em { 
    position: absolute; 
    left: 23em; 
}*/

div.form_bottom
{
     clear:both;
    }

.ifaLog{
	display:block;
	padding:5px 0 0 0;
}



table.awards tr td{
background-color:#fff;
	width:50%}

table.awards tr td {
	padding:10px 0 20px 0;
	border-bottom:1px solid #CCCCCC;
	height:90px;
	margin-right:20px;
	}

table.awards tr td img{
	float:right; clear:both;
	vertical-align:top;
	margin:5px 0 10px 30px;
	}

table.awards tr td  p
{ font-size:1em;}

table.awards tr td  h3
{ font-size:1.3em;color:#999999;}

#txtArea, #txtName, #txtEmail, #txtPhone{
	border:1px solid #CCCCCC;}
.txtCenter{
	border-top:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-left:#999999 1px solid;
	border-bottom:#999999 1px solid;
	
	}
	
.txtCenter:HOVER{
	border-bottom:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	cursor:pointer;
	
	}
img.staff{
	
	float:right;
	margin:0 5px 10px 10px;
	border:#CCCCCC 1px solid;
	}
#staff div{clear:both;}
table.links{width:80%;}
table.links tr td{width:50%;}
table.links tr td a{
	clear:both;
	float:left;
	height:80px;
	display:block;
	}
#affiliates h2{
	padding-top:10px;
	padding-bottom:10px;
	color:#003399;}
#affiliates ul{
	padding-bottom:5px;}

#providers_table
{
    border:1px solid #ccc;
}

#providers_table tr td,  #onlineshop_table tr td

{
    font-size:.8em;
 text-align:center;
 vertical-align:middle;
 border:1px solid #ccc;
margin:0px;
padding:5px;
height:80px;
    }
  #providers_table tr th, #onlineshop_table tr th{  
    background-color:#d4dced;
        font-size:.8em;
 text-align:center;
 vertical-align:middle;
 border:1px solid #ccc;
margin:0px;
padding:5px;
color:#003399;
  }
    
#onlineshop_table
{
    border:1px solid #ccc;
}
    
    #assoc_companies
    {
    margin:0 ;
    padding:0 0 0 40px;
    }

    #assoc_companies p
    {
    font-size:.8em;
    font-weight:bold;
    color:#003399;
    margin:0;
    }

    #assoc_companies ul
    {
    margin:0 0 10px 0;
    }

    #assoc_companies ul li
    {
    line-height:100%;
    background:url(/images/bulletBlue.gif) 10px 8px no-repeat;
    padding:0 0 0 17px;
    }

    #assoc_companies ul li a
    {
    font-size:.7em;
    font-weight:normal;
    }

table#staff_table tr td p
{
color:#000;
font-size:1em;
font-weight:normal;padding:5px;
}

table#staff_table tr td h5
{
color:#666;
font-size:1em;
font-weight:bold;
padding:5px;
}

    table#staff_table tr td
    {
    padding:10px 0 10px 0;
    }	
	    
    #jumpmenu_sitemap .main
    {
    background-color:#7088be;
    color:#fff;
    }

    #jumpmenu_sitemap{
    border:#FFFFFF solid 1px;
    width: 150px; 
    font-size:70%;
    margin:0 0 0 0px;
    }

    #search_text
    {
    float:left;
    font-weight:bold;
    font-size:1em;
    text-align:right;
    padding:2px 10px 0 5px;	    
    }

    #search_div
    {
    float:left;
    margin:0 43px 0 0px;   
    }
    
    #reg_details
    {
    clear: both;
    width: 845px;
    margin: 0 auto;
    height:40px;
    }

    #reg_details p
    {
    color:#000;
    margin:0 0 0 230px;
    }
    
    
    a.agent_link
    {
    clear:both; 
    display:block; 
    height:100%; 
    width:118px; 
    background:#ffe615; 
    margin:10px 0 10px 0; 
    font-size:0.8em; 
    text-align:center;
     line-height:150%;
     padding:5px 0 5px 0;
      font-weight:bold;
    }