/*####################
##### HTML, BODY #####
#####################*/ 

body {
	font-family				: "Trebuchet MS";
	font-size				: 11px;
	color					: #000000;
	text-align				: center;
	margin					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
	background				: #FFFFFF;
}


/*###################
##### CONTAINER #####
###################*/ 

#container{
	width					: 830px;
	height					: auto;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	text-align				: left;
	float					: left;
	display					: block;
}


/*###############
##### FONTS #####
###############*/ 

p{
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-size 				: 105%;
	line-height				: 1.6em;
}


h1{  /*  Main Title */
	margin					: 0px 0px 0px 0px;
	padding		 			: 8px 0px 5px 0px;
	font-weight				: normal;
	font-size 				: 250%;
}


h2{  /*  Secondary title */
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-weight				: normal;
	font-size 				: 180%;
}

.txtSpan{  
	font-size				: 130%; 
	font-weight				: bold; 
	color					: #565EA6
}

#content a{
	color					: #565EA6;
	text-decoration			: none;
	font-weight				: bold;
}

#content a:hover {
	color					: #565EA6;
	text-decoration			: underline;
}

#content ul li{
	font-size				: 100%;
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
}

/*##############
#### HEADER ####
#############*/ 
	
#header{
	display 				: block;
	width					: 830px;	
	height					: 120px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	background				: url('../images/bkgrndHeader.gif') top left no-repeat;
}




/*##################
#### NAVIGATION ####
##################*/ 

/* ---- MAIN NAV ---- */
/*#info {background:#f8f8f8; border:0;}*/
.menu {
	margin				: 0px 0px 0px 0px;
	padding				: 90px 0px 0px 160px;
	height				: 30px; 
	position			: relative; 
	z-index				: 100;
	font-family			: arial, sans-serif;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
	padding				: 95px 0px 0px 160px;
	width				: 601px; 
	w\idth				: 600px;
}

/* 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 {
	float				: left;
	position			: relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display				: block;
	float				: left;
	font-size			: 11px;
	text-decoration		: none; 
	color				: #000; 
	height				: 30px; 
	padding				: 0px 12px 0px 0px; 
	line-height			: 2.8em; 
	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;*/
	height				: 25px; 
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background			: #FFDF39 url('../images/arrow.gif') no-repeat 130px center;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
	background			: #FFC729 url('../images/arrow.gif') no-repeat 130px center;
}

.menu ul ul :hover > a.drop {
	background			: #FFC729 url('../images/arrow.gif') no-repeat 130px center;
}
/* 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			: #FFC729
}


/* 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					: 30px;
	left				: 0; 
	width				: 149px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top					: 25px;
	t\op				: 25px;
}

/* position the third level flyout menu */
.menu ul ul ul{
	left				: 156px; 
	top					: -1px; 
	width				: 149px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left				: -149px;
}

/* style the table so that it takes no part 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			: #FFDF39;
	color				: #000; 
	height				: auto; 
	line-height			: 1em; 
	padding				: 5px 10px; 
	width				: 128px;
	border-top			: 1px solid #F0B500;
	border-left			: 8px solid #000;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width				: 150px;
	w\idth				: 128px;
}

/* style the third level links */
.menu ul ul ul a{
	background			: #FFDF39 !important;
	border-left			: 8px solid #000;
}

.menu ul ul ul a:hover{
	background			: #FFC729 !important;
}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{
	color				: #000; 
	background			: #FFC729
}

.menu :hover > a, .menu ul ul :hover > a {
	color				: #000; 
	background			: #FFC729;
}


/*
.menu ul ul a:hover{
	color				: #000; 
	background			: #b7d186;
}

.menu :hover > a{
	color				: #000; 
	background			: url('../images/menuPoint.gif') left center no-repeat; 
}
.menu ul ul :hover > a {
	color				: #000; 
	background			: #b7d186; 
}
*/

/* 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; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility			: hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility			: visible;
}




/*###############
#### CONTENT ####
###############*/ 

#content{
	display 				: block;
	min-height				: 300px;
	margin					: 0px 0px 0px 0px;
	padding					: 10px 20px 10px 20px;
}

*html #content{
	height					: 300px;
}


/*################
##### FOOTER #####
################*/ 

#footer{
	clear					: both;
	width					: 810px;
	height					: 30px;
	background				: url('../images/bkgrndFooter.gif') top right no-repeat;
	margin					: 0px 0px 0px 0px;
	padding					: 125px 0px 0px 20px; 
	line-height				: 1.8em;
	font-size				: 11px;
	color					: #000000;
}

#copyright{
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	float					: left;
	text-align				: left;
}


#copyright a {
	text-decoration			: none !important;
	color					: #666666;
}

#copyright a:hover{
	color					: #000000;
	text-decoration			: underline !important;
}




/*###############
##### MISC. #####
###############*/ 


/* ---- VARIOUS TABLES ---- */
.tblContact, .tblAbout{
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 110%;
}

.tblAbout{
	width					: 550px;
}

.tblAbout h2{
	font-size				: 120%;
}


.tblContact td, .tblAbout td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 5px 5px 0px;	
	vertical-align			: top;
}