/* --------------------------------------------/ UNIVERSAL CLASSES \-------------------------------------------- */

/* --------------------------------------------*/




/* --------------------------------------------/ BROWSER INITIALIZATION \-------------------------------------------- */

	* { margin : 0; padding : 0; }
	h1,h2,h3,h4,h5,h6 { font-size : 100%; }
	ol,ul { list-style : none; }
	table { border-collapse : collapse; border-spacing : 0; }
	fieldset,img { border : 0; }
	caption,th { text-align : left; }
	
	body {  
	color:#000; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#042663;
	}

/* --------------------------------------------*/




/* --------------------------------------------/ HEADER \-------------------------------------------- */


		.bottom-header { 
		position:relative; 
		width:904px;
		height:67px;
		margin:auto;
		background-image:url(images/bottom-header-bg.jpg); 
		}
		
			.bottom-header-left { position:relative; float:left; width:280px; height:67px;  }
			
			.bottom-header-left a{ display:block; height:67px; width:275px;}
			
			.bottom-header-middle { position:relative; float:left; width:200px; height:67px;  }
			
			.bottom-header-middle a{ display:block; height:67px; width:195px;}
			
			.bottom-header-right { position:relative; float:left; color:#FFFFFF; width:424px; height:52px; padding-top:15px;  }
		
		.header { 
		position:relative; 
		width:902px;
		height:188px;
		margin:auto;
		background-image:url(images/header.jpg); 
		}
		
		.top-nav ul{ position:relative; float:right; padding-right:5px; padding-top:7px;}
		
		.top-nav li{ display:inline; padding:0 5px; color:#FFFFFF;}
		
		.top-nav a{ color:#FFFFFF; text-decoration:none;}
		
		.top-nav a:hover{ }

/* --------------------------------------------*/


/* --------------------------------------------/ NAV \-------------------------------------------- */


	
	.nav { 
	position:relative;
	width:902px;
	height:44px;
	margin:auto;
	background-image:url(images/nav-bg.jpg);
	}
	
		.nav li { position:relative; float:left;  }

		/*  
		To Find "#nav a width" :
			Step 1 - change the "#nav a padding" so that the menu item covers the entire nav area from top to bottom.
			Step 2 - compute the "#nav a width" with the equation below  
			
			  ((#nav width) / (# of menu items)) - (2 * (#nav a padding)) = #nav a width 
			  (    800      /         6        ) - (2 *        13       ) = 107.333 = 107 
		*/

		.nav a { display:block; text-align:center; text-decoration:none; color:#fff; }
		
		.nav-top {position:relative; float:left; top:12px; left:10px;}
		
			
			
			
			.mainmenu_menuitem { color:#FFFFFF;}
			
			.mainmenu_submenu { color:#FFFFFF; background-color:#4183bd; }

/* --------------------------------------------*/

 
/* --------------------------------------------/ CONTENT \-------------------------------------------- */



	.content { 
		position:relative;  
		width:902px;
		margin:auto;
		background-image:url(images/content-bg.jpg); 
		}
		
		.content p{ font-size:12px; line-height:18px; padding:5px 10px 0 10px; font-family:Arial, Helvetica, sans-serif; }

		.left-content { 
		position:relative; 
		float:left; 
		width:216px; /* (#content width) - (2 * (#middle-content padding) */
		margin:auto; 
		}
		
			.left-outline{ position:relative; float:left; width:196px; left:10px; padding-top:10px;}
			
		.left-content2 { 
		position:relative; 
		float:left; 
		width:50px; /* (#content width) - (2 * (#middle-content padding) */
		margin:auto; 
		}
		
			.left-outline2{ position:relative; float:left; width:40px; left:10px; padding-top:10px;}

		.middle-content { 
		position:relative; 
		float:left; 
		width:800px; /* (#content width) - (2 * (#middle-content padding) */
		margin:auto;
		}
		
			.middle-outline{ position:relative; float:left; width:800px; padding-top:10px;}
			
		.middle-content2 { 
		position:relative; 
		float:left; 
		width:684px; /* (#content width) - (2 * (#middle-content padding) */
		margin:auto;
		}
		
			.middle-outline2{ position:relative; float:left; width:674px; padding-top:10px;}

		.right-content { 
		position:relative; 
		float:left;
		width:228px; /* (#content width) - (2 * (#middle-content padding) */
		margin:auto; 
		}
		
			.right-outline{ position:relative; float:left; width:208px; padding-top:10px;}
			
		.right-content2 { 
		position:relative; 
		float:left;
		width:50px; /* (#content width) - (2 * (#middle-content padding) */
		margin:auto; 
		}
		
			.right-outline2{ position:relative; float:left; width:40px; padding-top:10px;}
			
			
		
	
			.clear {clear:both; height:10px; overflow:hidden; background-image:url(images/bottom-content.jpg); }

/* --------------------------------------------*/




/* --------------------------------------------/ FOOTER \-------------------------------------------- */

	
	.footer { 
	position:relative; 
	width:902px;
	height:44px;
	margin:auto;
	background-image:url(images/footer.jpg);
	color:#fff; 
	}

		.footer ul { position:relative; list-style:none; float:right; margin-top:14px; right:13px; }

		.footer li { position:relative; list-style:none; float:left; margin-left:10px; }

		.footer a { text-decoration:none; color:#fff; }

		.footer a:hover { color:#ccc; }

/* --------------------------------------------*/