﻿/** constants **/

a:link
{
	text-decoration: none;
	color: #002577;
	}
	
a:visited
{
	text-decoration: none;
	color: #002577;
	}
	
a:hover
{
	text-decoration: none;
	color: #1B5699;
	}
	
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	color: #596470;
	background-image: url(/images/bg.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	/*margin: 0 auto 20px auto;*/
	margin: 0;
	font-size: 75%;
	}
	
#container
{
	width: 970px;
	/*width: 100%;*/
	margin: 0 auto 0 auto;
	padding: 0 0 30px 0;
	}	

img
{
	display: inline;
	border: 0;
	}
	
td
{
	margin: 0;
	padding: 0;
	vertical-align: top;
	}	
	
.error
{
	color: #c00;
	}

.skip-nav 
{
	display: none;
	}
	    
.for-print
{
    display: none;
    } 		
	
h1, h2, h3, h4, h5, h6, p
{
	margin: 0;
	padding: 0;
	position: relative;
	}	
	
	
.center
{
	text-align: center;
	}
	
.bold
{
	font-weight: bold;
	}
	
.i
{
    font-style: italic;
    }	
	
.subtitle
{
	font-weight: bold;
	}
	
div
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	}
	
p
{   margin: 0 0 12px 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    }

.clear
{
	clear: both;
	font-size: 1px; 
	line-height: 1px;
	}
	
.clear-border
{
	clear: both;
	font-size: 1px; 
	line-height: 1px;
	border-bottom: 1px solid #ccc;
	}	
	
.hang
{
	text-indent: -9px;
	margin-left: 35px;
	}

.right
{
	text-align: right;
	}
	
.low
{
	text-transform: lowercase;
	}
	
.divider
{
	font-size: 1px; 
	line-height: 1px;
	border-bottom: 1px solid #efefef;
	margin: 0 15px 15px 0;
	}		
	
	
	

/** form stuff **/	

label
{
    color: #596470;
    font-size: .8em;
    margin: 0 5px 0 0;
    }
    
.contact-form
{
	padding: 0 0 0 25px;
	}
	
.contact-form table
{
	width: 350px;
	}
	
.contact-form h3
{
	background-color: #efefef;
	text-transform: uppercase;
	font-size: .9em;
	color: #596470;
	padding: 0;
	margin: 0 20px 5px 0;
	}		    

.form-field
{
	float: left;
	text-align: right;
	width: 30%;
	margin: 0px 5px 5px 0px;
	vertical-align: top;
	font-weight: bold;
	font-size: .8em;
	}
	
.form-field-alt
{
	vertical-align: top;
	font-weight: bold;
	font-size: .8em;
	}	
	
.form-field-colspan
{
	margin: 0px 5px 5px 0px;
	vertical-align: top;
	font-weight: bold;
	font-size: .8em;
	}	
	
.form-input
{
	float: left;
	width: 60%;
	}

.form-field-alt
{
	font-weight: bold;
	font-size: .8em;
	}		

.contact-form .form-field
{
    padding: 6px 0 0 0;
    }
		
form
{
	margin: 0;
	padding: 0;
	}
	
input
{
	font-weight: normal;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	}   

.txt-box
{
	width: 200px;
	}

input.submit
{
    width: 100px;
    }
       
select
{
	font-size: 10px;
	font-weight: normal;
	color: #333;
	margin: 5px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 200px;
	}	
	
input.radio
{
	padding: 2px 0 0 0;
    }    	

textarea
{
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	


/** standard layout stuff **/

.header
{
    width: 976px;
    margin: 0;
    height: 84px;
    background-image: url(/images/header/header_bg.gif);
    background-repeat: no-repeat;
    }
    
.header h1
{
    border: 0;
    float: left;
    padding: 26px 0 0 22px;
    }
    
.header h2
{
    border: 0;
    display: inline;
    float: right;
    padding: 32px 61px 0 0;
    }
    
.header img
{
    border: 0;
    }    

.header h2
{
    margin: 0 0 0 300px;
    }

.header h3
{
    float: left;
    display: inline;
    font-size: 1.0em;
    font-weight: normal;
    }

.header .contact
{
    float: right;
    /**margin: 3px 10px 0 0;**/
    margin: -10px 10px 0 0;
    text-align: right;
    display: inline;
    color: #9c751c;
    }
    
.header .contact a
{
    color: #9c751c;
    }    
    
.contact-icon
{
    float: left;
    margin: 0 0 0 6px;
    display: inline;
    }
    
.header .txt-size
{     
    text-transform: uppercase;
    float: right;
    margin: 20px 10px 0 0;
    }
    
.breadcrumb
{
    padding: 0 0 8px 220px;
    font-size: .8em;
    }
    
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active
{
    color: #555;
    text-decoration: underline;
    padding: 0 8px 0 8px;
    }
    
.breadcrumb a:hover
{
    color: #17569b;
    text-decoration: underline;
    padding: 0 8px 0 8px;
    }            
    
.top
{
	padding: 0 0 0 10px;
	margin: 0 auto 0 auto;
	width: 100%;
	}
	
#flash 
{
	
	border-top: 1px solid #b4cce6;
	border-right: 1px solid #b4cce6;
	border-left: 1px solid #b4cce6;
	border-bottom: 0;
	display: block;
	width: 659px;
	height: 307px;
	text-align: center;
	}

#imageContainer 
{ 
    position:relative; 
    width: 659px; 
    height:307px; 
    }
	 
#imageContainer img 
{ 
	display: none; 
    position: absolute; 
    top: 0; 
    left: 0;
    }	
	
td.news-bg
{
	background-image: url(/images/home/news/news_bg.gif);
	background-repeat: no-repeat;
	/*background-color: #fff;*/
	width: 273px;	
	margin: 0;
	padding: 0 14px 0 0;
	}
	
.news
{
	padding: 7px 7px 0 7px;
	margin: 0;
	}
	
.news ul
{
	list-style-type: none;
	font-size: .8em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0;
	margin-top: 12px;
	padding: 0 5px 0 30px;
	}
	
.news li
{
	padding: 0;
	margin: 0;
	}
	
.news li.date
{
	margin: 0;
	}
	
.news li.details
{
	margin: 0 0 18px 0;			
	}
	
.news li a:link, .news li a:visited, .news li a:active
{
	font-weight: normal;
	color: #596470;
	text-transform: uppercase;
	}
	
.news li a:hover
{
	font-weight: normal;
	color: #1B5699;
	text-transform: uppercase;
	}				
	
.news-bg img.div
{
	padding: 8px 0 0 2px;
	margin: 0;	
	}	
	
.main .newsroom
{
	/*text-align: right;
	font-size: .8em;*/
	padding: 6px 15px 3px 0;
	margin: 0 !important;
	}
	
.newsroom-link
{
	text-align: right;
	padding: 6px 30px 0 0;
	}
	
.newsroom-link a:link, .newsroom-link a:visited, .newsroom-link a:active
{
	font-size: .8em;	
	font-weight: bold;
	color: #596470;
	}
	
.newsroom a:link, .newsroom a:visited, .newsroom a:active
{
	font-weight: bold;
	color: #596470;
	text-decoration: none;
	}
	
.newsroom a:hover
{
	font-weight: bold;
	color: #17569b;
	text-decoration: none;
	}
	
.newsroom-link a:hover
{
	font-weight: bold;
	color: #17569b;
	text-decoration: none;
	}	
	
.newsroom ul
{
	list-style-type: none;
	text-align: left;
	margin-left: 0;
	padding-left: 0;
	}
	
.newsroom li
{
	font-weight: normal;
	margin-left: 0;
	padding-left: 0;
	}			 	

.newsroom li.date
{
	font-weight: bold;
	margin-left: 0;
	padding-left: 0;
	}
	
.newsroom li.details
{
	text-transform: uppercase;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 22px;
	}	
	
.newsroom ul a:link, .newsroom ul a:visited, .newsroom ul a:active
{
	font-weight: normal;
	color: #596470;
	text-decoration: none;
	}
	
.newsroom li.details a:link, .newsroom li.details a:visited, .newsroom li.details a:active
{
	font-weight: bold;
	color: #596470;
	text-decoration: none;
	}
	
.newsroom li.details a:hover
{
	font-weight: bold;
	color: #17569B;
	text-decoration: none;
	}	
	
	
img.btm
{
	margin: 0;
	padding: 0;
	display: block;
	}
	
img.events-btm
{
	margin: 0;
	padding: 0 0 0 12px;
	display: block;
	}	
	
.dq-bg
{
	background-color: #dde8f4;
	border: 1px solid #b7cee7;
	width: 967px;
	padding: 12px 0 12px 10px;
	}

td.demo
{
	background-image: url(/images/home/middle/demo_bg.jpg);
	background-repeat: no-repeat;
	height: auto;
	}
	
td.quote	
{
	background-image: url(/images/home/middle/quote_bg.jpg);
	background-repeat: no-repeat;
	}

.demo
{
	width: 278px;
	}
	
.demo-txt
{
	padding: 12px 0 10px 92px;
	}	
	
.demo-txt p
{
	padding: 8px 22px 0 0;
	font-size: .8em;
	line-height: 1.4em;
	color: #454545;
	}
	
.demo-txt h4
{	
	text-align: right;
	display: block;
	font-size: .8em;
	color: #333;
	font-weight: bold;
	padding: 0 35px 0 0;
	margin: 0;
	}
	
/* view demo PAGE css */

.demo-pos, .demo-launch
{
	float: left;
	margin: 0 0 0 25px;
	width: 40%;
	}
	
.main .demo-launch p
{
	margin: 0;
	padding: 0 0 8px 6px;
	float: left;
	}	
	
	
h4 a:link, h4 a:visited, h4 a:active	
{
	color: #333;
	}
	
h4 a:hover
{
	color: #17569b;
	}	
	
.quote
{
	width: 673px;
	}		
 
.quote-txt
{
	padding: 0 0 0 192px;
	}  		

td.quote p
{
	padding: 22px 32px 12px 0;
	margin: 0;
	font-size: .8em !important;
	line-height: 1.4em;
	color: #454545;
	}
	
.events
{
	float: left;
	margin: 10px 0 0 0;
	background-image: url(/images/home/bottom/events_bg.gif);
	background-repeat: repeat-y !important;
	width: 501px;
	padding: 38px 22px 35px 38px;
	font-size: .8em;
	border-left: 12px solid #fff;
	}
	
.events ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	
.events li
{
	background-image: url(/images/home/bottom/cal.gif);
	background-repeat: no-repeat;
	background-position: 0 0 0 16px;
	padding-left: 16px;
	}
	
.events li a:link, .events li a:visited, .events li a:active
{
    color: #525a61;
    }
    
.events li a:hover
{
    color: #19579c;
    }    	
	
.events li.date
{
	font-weight: bold;
	background-image: none;
	}	
	
.b-a
{
	float: left;
	margin: 18px 0 0 22px;
	width: 365px;
	}
	
.b-a h3
{
	display: inline;
	font-size: .8em;
	font-weight: normal;
	color: #4173b8;
	margin: 0;
	padding: 0 18px 0 0;
	}
	
.b-a h4
{
	display: inline;
	font-size: .8em;
	font-weight: normal;
	color: #4173b8;
	margin: 0;
	}	

.b-a p
{
	padding: 16px 0 0 0;
	font-size: .8em;
	}					
	
	


        
.footer
{
    width: 953px;
    border: 1px solid #b6cde5;
    background-color: #dde8f4;
    color: #666;
    line-height: .8em;
    padding: 7px 0 7px 0;
    text-align: center;
    margin: 10px 0 0 11px;
    font-size: .8em;
    }
    
.footer ul
{
	list-style-type: none;
	margin: 0;
	}
	
.footer li
{
	display: inline;
	margin: 0 auto 0 auto;	
	}	    
    
.footer a
{
    padding: 0 8px 0 8px;
    color: #666;
    }    
    
.footer a:link, .footer a:visited, .footer a:active
{
    padding: 0 8px 0 8px;
    color: #666;
    }
    
.footer a:hover
{
	padding: 0 8px 0 8px;
	color: #17569b;
	}    
    
.copyright
{
	width: 100%;
	color: #999;
	margin: 3px auto 0 auto;
	font-size: .8em;
	font-weight: bold;
	text-align: center;
	}
	
.copy-div
{
    border-top: 1px solid #40598b; 
    width: 38%; 
    margin: 12px auto 12px auto;
    }	
	
.float-left
{
	float: left;
	padding: 0 0 0 5px;
	}
	
.float-right
{
	float: right;
	padding: 0 10px 0 0;
	}
	
.header-contact
{
    float: left;
    padding: 10px 0 0 0;
	
    }	

.header-contact a:link, .header-contact a:visited, .header-contact a:active
{
	color: #474c52;
	}            
	
.header-contact a:hover
{
	color: #1b549b;
	}            	            
    
 
 
/* LEFT COLUMN */    

.left-col
{
    float: left;
    width: 205px;
    margin: 20px 0 0 0;
    }
    
.leftnav
{
    width: 205px;
    background-image: url(/images/leftnav/ln_bg.gif);
    background-repeat: no-repeat;
    }
    
    
.leftnav h1, .arrow-box h1
{
    color: #393f45;
    font-size: 1.1em;
    font-weight: bold;
    padding: 7px 0 4px 9px;
    text-transform: uppercase;
    }
    
.arrow-box h1 a:link, .arrow-box h1 a:visited, .arrow-box h1 a:hover 
{
	color: #393f45;
	text-decoration: none;
	}   
    
.arrow-box	
{
	background-image: url(/images/leftnav/ln_bg.gif);
    background-repeat: no-repeat;
	width: 202px;
	margin: 0;
	padding: 1px 1px 0 2px;
	}

.arrow-box ul
{
	width: 198px;
	background-color: #f0f5fa;
	margin: 0;
	padding-left: 0;
	list-style: none;
	font-size: .8em;
	border-right: 1px solid #d3dfec;
	border-left: 1px solid #d3dfec;
	}
	
.arrow-box ul li
{
	border-top: 1px solid #fff;
    padding: 5px 8px 5px 6px;	
	}
	

.arrow-box ul li a:link, .arrow-box ul li a:visited, .arrow-box ul li a:hover
{
	display:block;
	padding-left:30px;
	padding-bottom:0;
	line-height:1.2em;
	font-weight:normal;
	text-decoration:none;
	color:#596470;
	}

.arrow-box ul li a:hover
{
	background-image: url(/images/leftnav/arrow.gif);
	background-repeat: no-repeat;
	background-position: 14px 3px;
	color:#1b5699;
	}
	
.banner
{
    width: 186px;
    background-image: url(/images/leftnav/banner_bg.gif);
    background-repeat: no-repeat;
    background-color: #d3dfec;
    text-align: center;
    line-height: 1.2em;
    font-size: .8em;
    padding: 20px 10px 6px 10px;
    }
    
.banner p
{   
	padding: 8px 20px 0 20px;
	}
	
.banner a:link, .banner a:visited, .banner a:active
{
	color: #3f4145;
	text-decoration: underline;
	}	
	
.banner a:hover
{
	color: #17569b;
	text-decoration: underline;
	}		
	

    
/* START new main styles */

/* CENTER column */

.main
{
    border: 1px solid #adbad4;
    width: 518px;
    float: left;
    margin: 2px 14px 6px 14px;
    display: inline;
    padding: 0 0 25px 0;
    }
    
.main h1
{
    color: #555;
    font-size: 1.1em;
    padding: 20px 0 12px 25px;
    }
    
.main h3
{
    color: #555;
    font-size: .9em;
    padding: 12px 0 12px 25px;
    }
    
.main h4
{
    color: #555;
    font-size: .8em;
    font-weight: bold;
    padding: 0 0 0 25px;
    }        
    
.main p
{
    color: #555;
    padding: 0 25px 6px 25px;
    font-size: .8em;
    line-height: 1.6em;
    }
    
.main a:link, .main a:visited, .main a:active
{
	color: #555;
	text-decoration: underline;
	}
	
.main a:hover
{
	color: #1d569a;
	text-decoration: underline;
	}
	
.main ul
{
	padding: 3px 15px 0 25px;
	margin-left: 30px;
	margin-top: 0;
	width: 430px;
	font-size: .8em;
	}
	
.main table
{
	padding: 0 25px 0 25px;
	}
	
.main table p, .main table p a
{
	padding: 0;
	/*font-size: .8em;*/
	padding: 0 0 0 25px;
	}		
	
.main table a:link, .main table a:visited, .main table a:hover, .main table a:active
{
	}	


	
.main-contact
{
    margin: 0;
    display: inline;
    padding: 0;
    }
    
.main-contact h1
{
    color: #555;
    font-size: 1.1em;
    padding: 20px 0 12px 24px;
    }
    
.main-contact h3
{
    color: #555;
    background-color: #efefef;
    font-size: 1.0em;
    /*padding: 20px 0 12px 24px;*/
    padding: 4px;
    margin: 5px 25px 5px 25px;
    line-height: 1.5em
    }    
    
.main h5
{
    background-color: #efefef;
    color: #555;
    font-size: .9em;
    padding: 3px;
    margin: 5px 25px 5px 0;
    }
    
.main-contact ul.contact
{
	list-style-type: none;
	}
	
.pdf ul
{
	list-style-type: none;	
	}

.pdf ul li
{
	padding-left: 20px;
	padding-bottom: 12px;
	line-height: 1.2em;
	background-image: url(/images/rightcol/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	}



.folders ul
{
	list-style-type: none;	
	}

.folders ul li
{
	padding-left: 20px;
	padding-bottom: 12px;
	line-height: 1.2em;
	background-image: url(/images/leftnav/foldi.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
	}

.videos ul
{
	list-style-type: none;	
	}

.videos ul li
{
	padding-left: 20px;
	padding-bottom: 12px;
	line-height: 1.2em;
	background-image: url(/images/leftnav/vid.jpg);
	background-repeat: no-repeat;
	background-position: 0 1px;
	}


	
.event ul
{
	list-style-type: none;	
	}

.event ul li
{
	padding-left: 20px;
	padding-bottom: 12px;
	line-height: 1.2em;
	background-image: url(/images/home/cal.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	}	
	
		
	    

/* end new main styles */    	    

.leadership
{
	padding: 0 8px 0 25px;
	}
	
.bio h3
{
    color: #555;
    font-size: .9em;
    padding: 0 0 0 25px;
    }
  
.leadership .photo
{
	float: left;
	width: 100px;
	display: inline;
	}
	
.leadership .bio
{
	float: left;
	width: 378px;
	padding: 0;
	}
    

/* RIGHT column */

.right-col
{
    float: left;
    width: 205px;
    }
    
.cred-box
{
    width: 205px;
    background-image: url(/images/leftnav/ln_bg.gif);
    background-repeat: no-repeat;
    }
    
.cred-box h1
{
    color: #393f45;
    font-size: 1.1em;
    font-weight: bold;
    padding: 6px 0 3px 7px;
    text-transform: uppercase;
    }	
      
.pdf-box
{
	width:178px;
	border:1px solid #d3dfec;
	border-bottom: 0;
	background-color:#eef3f8;
	padding:10px 10px 1px 10px;
	margin: 0 0 0 2px;
	margin-bottom: 0;
	}
	
.event-box
{
	width:178px;
	border:1px solid #d3dfec;
	border-bottom: 0;
	background-color:#eef3f8;
	padding:10px 10px 1px 10px;
	margin: 0 0 0 2px;
	margin-bottom: 0;
	}
	
.home-events td
{
	font-size: .8em;
	color: #596470;
	font-weight: bold;
	font-family: Verdana, Arial, helvetica, Times New Roman;
	}		
	
.cred-box ul
{
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}

.cred-box ul li
{
	padding-left: 20px;
	padding-bottom: 12px;
	line-height: 1.2em;
	background-image: url(/images/rightcol/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-color: #eef3f8;
	}
	
.event-box ul li
{
	padding-left: 20px;
	padding-bottom: 3px;
	line-height: 1.2em;
	background-image: url(/images/home/bottom/cal.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-color: #eef3f8;
	font-size: .8em;
	}
	
.event-box ul li.date
{
	padding-left: 20px;
	padding-bottom: 12px;
	line-height: 1.2em;
	font-size: .8em;
	background-image: none;
	}
	
.event-table td, .event-table td.date
{
	font-size: .8em;
	font-family: Verdana, Arial, helvetica, Times New Roman;
	}			

.cred-box ul li a:link, .cred-box ul li a:visited, .cred-box ul li a:hover
{
	font-weight:bold;
	font-size:.8em;
	text-decoration:none;
	color:#4c6583;
	}

.cred-box ul li a:hover
{
	color:#12569d;
	} 
	
.pdf-pos
{
	padding: 0 0 0 4px;
	margin: 0 0 -10px 0;
	}
	
.pdf-pos p
{
	font-size: .8em;
	}
	
		

	   
    
    
    
    
/* horizontal nav menu stuff */

/* ================================================================ 
	This copyright notice must be untouched at all times.

	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/final_drop.html
	Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */

.menu 
{
	float: left;
	/*width: 745px;*/
	width: 570px;
	/*height: 32px;*/
	position: relative; 
	z-index: 100;
	border-top: 1px solid #Transparent;
	border-bottom: 1px solid #Transparent; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
/* hack to correct IE5.5 faulty box model */
* html .menu 
{
	/*width: 746px; 
	w\idth: 745px;*/
	}
	
/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
{
	padding: 0; 
	margin: 0;
	list-style-type: none;
	}
	
.menu ul ul 
{
	/*width: 149px;*/
	}
	
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	













.menu li.inf
{
	float: left;
	/*width: 149px;*/
	width: 70px;
	position: relative;
	border-right: 1px solid #c2daf5;
	border-left: 1px solid #c2daf5;
	padding: 1px 0 0 0;
	}	




.menu li.home
{
	float: left;
	/*width: 149px;*/
	width: 58px;
	position: relative;
	border-right: 1px solid #c2daf5;
	border-left: 1px solid #c2daf5;
	padding: 1px 0 0 0;
	}	

.menu li.choose, .menu li.about
{
	float: left;
	/*width: 149px;*/
	width: 135px;
	position: relative;
	border-right: 1px solid #c2daf5;
	padding: 1px 0 0 0;
	}		

.menu li.company
{
	float: left;
	/*width: 149px;*/
	width: 82px;
	position: relative;
	border-right: 1px solid #c2daf5;
	padding: 1px 0 0 0;
	}			
	
.menu li.contact
{
	float: left;
	/*width: 149px;*/
	width: 92px;
	position: relative;
	border-right: 1px solid #c2daf5;
	padding: 1px 0 0 0;
	}			
	
/* style the links for the top level */
.menu a, .menu a:visited 
{
	display: block;
	text-decoration: none; 
	color: #3c4048; 
	/*width: 138px;*/
	/*height: 26px;*/
	border: 1px solid #Transparent; 
	border-width: 1px 0 1px 1px; 
	background: #Transparent; 
	/*padding-left: 10px;*/
	padding: 1px 0 0 10px;
	/*line-height: 29px;*/
	line-height: 27px;
	font-weight: bold;
	}
	
	
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited 
{
	/*width: 149px; 
	w\idth: 138px;*/
	}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited 
{
	background: #cbd8e9;
	}
	
/* style the second level hover */
.menu ul ul a.drop:hover
{
	background: #c9ba65;
	}
	
.menu ul ul :hover > a.drop 
{
	background: #c9ba65;
	}
	
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited 
{
	background: #e2dfa8;
	}
	
/* style the third level hover */
.menu ul ul ul a:hover 
{
	background: #b2ab9b;
	}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul 
{
	visibility: hidden; 
	position: absolute;
	/*height: 0;*/
	/*top: 31px;*/
	top: 29px;
	left: 0; 
	width: 148px;
	/*border-top: 1px solid #000;*/
	border: 1px solid #e5ecf4;
	}
	
/* another hack for IE5.5 */
* html .menu ul ul 
{
	/*top: 30px;
	t\op: 31px;*/
	top: 28px;
	t\op: 29px;
	}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table 
{
	position: absolute; 
	top: 0; 
	left: 0; 
	border-collapse: collapse;
	}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited 
{
	background: #cbd8e9; 
	color: #3c4048; 
	/*height: auto;*/
	line-height: 12px;
	/*line-height: 1em;*/
	padding: 5px 10px 5px 10px; 
	/*width: 128px;*/
	/*border-width: 0 1px 1px 1px;*/
	border: 1px solid #e5ecf4;
	border-width: 0 0 1px 0;
	font-size: .8em;
	}
	
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited 
{
	width: 150px;
	w\idth: 128px;
	}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover
{
	color: #3c4048; 
	background: #88a7cd;
	}
	
.menu :hover > a, .menu ul ul :hover > a 
{
	color: #3c4048; 
	background: #88a7cd;
	}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul
{
	visibility: visible; 
	}

