
/*************************************************************************************************
	HTML
**************************************************************************************************/	
html {
	margin: 0;
	padding: 0;
}

/*************************************************************************************************
	BODY
**************************************************************************************************/		
body {
	background-color: #0067a9;
	color: #242522;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 13px;
	height: 100%;
	margin-top: 0px;
	padding: 0;
	text-align: center;
	width: 100%;      
	line-height: 120%; 
}

p {
	padding: 0px 15px 0px 15px;
}
/*************************************************************************************************
	CONTAINER
**************************************************************************************************/		
	/*
		Encapsulates page elements like header, footer, etc.  Can be used to center a design and/or frame it. 
	*/
	#container {
		background: #f0f3ea;
		position: relative;
		text-align: left;
		width: 896px;           
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 15px;
		margin-left: auto;
	}     
/*************************************************************************************************
	HEADLINES
**************************************************************************************************/		
	h1 {
		font-size: 125%;
		font-weight: bold;
		/*border-bottom: 1px solid #979797; */
		padding-top: 15px;
		padding-left: 15px;
		margin:0;
	
	}
		
	h2 {
		font-size: 115%;
		font-weight: bold;
		font-style: italic;
		color: #a0a0a0;
		padding:0; 
		padding-top: 5px;
		margin:0;
	}	
/*************************************************************************************************
	LINKS
**************************************************************************************************/		
	a:link {
		color: blue;
		text-decoration: underline;
	}
	
	a:visited {
		color: purple;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: underline;
	}
		
	a:active {
	
	}		
/*************************************************************************************************
	DROP DOWN NAGVIATION MENU
**************************************************************************************************/		

#sddm
{	margin: 0;
	padding: 0;
	background: #ffffff;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px Arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 5px 10px;
	width: 127px;
	background: #dd5a26;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #0068a8}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 3px 10px 3px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EAEBD8;
	color: #2875DE;
	font: 12px arial}

#sddm div a:hover
{	background: #0068a8;
	 color: #FFF}

/*************************************************************************************************
	NAGVIATION BLUE BACKGROUND
**************************************************************************************************/		
#nagBlueBg
{	
	background-image:url('../images/nav_bg_blue.jpg');
	width: 895px;
	height: 11px;
	background-repeat:repeat-x;
	border-style:solid;
	border-color:#dd5a26;
	border-width:1px 0px 0px 0px;
}

#leftCol {
	float: right;
	
}


/*************************************************************************************************
	REB BOX 
**************************************************************************************************/		
#redBox {
		width: 200px;
		margin-left: 30px; 
		margin-right: 15px; 
		margin-top: 50px;

	}

	#redBox .Top {
		background: url(../images/box_top.jpg) no-repeat;
		margin-left: 9px !;
		color: #ffffff;
		width: 200px; 
		height: 16px;
		font-size:14px; 
		font-weight: bold; 
		padding: 0px;
	}
	
	#redBox .Bottom {
		background: url(../images/box_bottom.jpg) no-repeat;
		margin-left: 9px !;
		color: #ffffff;
		width: 200px; 
		font-weight: bold; 
		padding: 8px 15px 15px 18px; 
		height: 18px;
	}
	
	#redBox .Center {
	background: url(../images/box_center.jpg) repeat-y;
	margin-left: 9px !;
	color: #ffffff;
	width: 200px; 
	font-size:11px;  
	font-weight: normal; 
	margin-top: -1px;
	padding: 0px 15px 5px 15px;
	}
	
	#redBox .Header {
		color: #ffffff;
		width: 155px; 
		font-size:13px; 
		font-weight: bold; 
		text-align: center;
		margin-bottom:8px;
		padding-bottom:3px;
		margin-left:8px;
		border-bottom: 1px solid #ffffff;
	}
		
	#redBox li {
		list-style: none;
		padding-bottom:5px;
		background-image: url(../images/arrow_70.gif);
		background-repeat: no-repeat;
		background-position: 0px 7px;  
		color: #ffffff;
		padding-left: 3px; /* Space between bullet and text */
	}
	
	#redBox li a:link {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#redBox  li a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#redBox li a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}

	/*************************************************************************************************
	REB BOX 2
**************************************************************************************************/		
#redBoxTwo {
		width: 200px;
		margin-left: 30px; 
		margin-right: 15px; 
		margin-top: 0px;
	}

	#redBoxTwo .Top {
		background: url(../images/box_top_2.jpg) no-repeat;
		margin-left: 9px !;
		color: #FFFFFF;
		width: 200px; 
		height: 40px;
		font-size:14px; 
		font-weight: bold; 
		padding: 18px 0px 0px 0px;
		font-size:13px; 
		font-weight: bold; 
		text-align: center;
	}
	
	#redBoxTwo .Bottom {
		background: url(../images/box_bottom_2.jpg) no-repeat;
		margin-left: 9px !;
		color: #EAEBD8;
		width: 200px; 
		font-weight: bold; 
		padding: 8px 15px 15px 18px; 
		height: 18px;
	}
	
	#redBoxTwo .Center {
	background: url(../images/box_center_2.jpg) repeat-y;
	margin-left: 9px !;
	color: #242522;
	width: 200px; 
	font-size:11px;  
	font-weight: normal; 
	margin-top: 0px;
	padding: 10px 15px 5px 15px;
	/*padding: -10px 15px 5px 15px;*/
	}
/*	
	#redBoxTwo .Header {
		color: #ffffff;
		width: 200px; 
		font-size:13px; 
		font-weight: bold; 
		text-align: center;
		margin-bottom:8px;
		padding: 0px -30px 5px -30px;
		padding-bottom:3px; 
		border-bottom: 1px solid #ffffff;
		background: #d25320;
	}*/
	
	#redBoxTwo li {
		list-style: none;
		padding-bottom:5px;
		background-image: url(../images/arrow_70.gif);
		background-repeat: no-repeat;
		background-position: 0px 7px;  
		color: #242522;
		padding-left: 3px; /* Space between bullet and text */
	}
	
	#redBoxTwo li a:link {
		color: #242522;
		text-decoration: none;
	}
	
	#redBoxTwo  li a:visited {
		color: #242522;
		text-decoration: none;
	}
	
	#redBoxTwo li a:hover {
		color: #242522;
		text-decoration: underline;
	}

#BottomLink{
	 font-size: 11px;
	 font-weight: normal;
	 padding-top: 5px;
	 padding-bottom: 2px;
	 margin: 10px 30px 0px 30px;
	 text-align:center;
}
	
#footer{
	 font-size: 10px;
	 font-weight: normal;
	 border-top: 1px solid #dd5a26;
	 padding-top: 5px;
	 padding-bottom: 20px;
	 margin: 70px 30px 10px 30px;
	 text-align:center;
}


	/*************************************************************************************************
Face Book
**************************************************************************************************/		
#facebook{
		width: 225px;
		margin-left: 30px; 
		margin-right: 15px; 
		margin-top: 0px;
		text-align: left;
	}
	
ul.circle{list-style-type:circle;}
ul.decimal{list-style-type:decimal;}
ul.square{list-style-type:square;}