/* ----------------------------------------------------------------------------------
AUTHOR : BelindaB
URL : http://www.belicious.biz
Description: 
------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------
General Styling
------------------------------------------------------------------------------------*/
*{
	margin:0;
	padding:0;
}
img {
      border: 0;
}
body{
	background:#FFF;
	color:#666;	
	font:12px/18px Arial, sans-serif;
}
h1 		{font: normal            bold 20px arial, sans-serif; color: #333; 	padding: 0px 0px 0px 0px}
h2 		{font: normal small-caps bold 16px arial, sans-serif;				padding: 10px 0px 0px 0px}
h3 		{font: normal small-caps bold 14px arial, sans-serif; color: #999; 	padding: 0px 0px 0px 0px}
h4 		{font: normal small-caps bold 12px arial, sans-serif; 				padding: 10px 0px 0px 0px}
h5 		{font: normal small-caps      12px arial, sans-serif; 				padding: 0px 0px 0px 0px}
h6		{font: normal 			      10px arial, sans-serif; color: #999;	padding: 0px 0px 0px 0px}
p		{font: normal 			      12px arial, sans-serif; 				padding: 10px 0px 0px 0px}

a{
	color: #FFF; 
	text-decoration:none;
} 
	a:link{
		color: #CCCCCC;
	} 
	a:visited{
		color: #CCCCCC;
	}
	a:hover{
		text-transform: uppercase; 
		font-weight:bold; 
		font-size:14px;
		color:#FFF;
	} 

/* ----------------------------------------------------------------------------------
Navigation Menus
Description: 	TOP: Grey top bar navigation, dynamic hover arrow heads down
				Bottom: Text links 
------------------------------------------------------------------------------------*/
/* Main TOP Navigation: Grey top bar navigation, dynamic hover arrow heads down*/
#menu{
		width:100%;
		height:59px;
		background:url(images/menu_bg.jpg) repeat-x;
		border: 2px ridge #FFF;

}
		#menu ul{
			list-style:none;
			margin:0 auto;
			width:500px;
		}
			#menu li{
				list-style:none;

				display:block;
				float:left;
				height:59px;
				line-height:59px;
			}
					#menu li a{
					display:block;
					float:left;
					color:#a7a7a7;
					text-transform:uppercase;
					font-size:12px;
					font-weight:bold;
					line-height:59px;
					text-decoration:none;
					padding:0 20px;				
					}
					#menu li a:hover{
						color:#fff;
						background:url(images/menu_h.jpg) no-repeat bottom;
					}
					#menu li a.current{
					display:block;
					float:left;
					background:url(images/menu_h.jpg) no-repeat bottom;
					color:#fff;
					text-transform:uppercase;
					font-size:14px;
					font-weight:bold;
					line-height:59px;
					text-decoration:underline;
					padding:0 20px;	
					}
					#menu li a:hover.current{
						color:#000;
					}

/* Bottom Navigation: Grey & Blue bar navigation, plain text*/
					
#bottommenu{
	width:100%;
	height:59px;
	color:#000000;	
	text-align: center;
	border: 2px ridge #FFF;
	background:url(images/bottom_bg.jpg) repeat-x;
	padding: 10px 0px 0px 10px;
}					
/* ----------------------------------------------------------------------------------
Top Subpage Container
Description: Container for center page components excluding the logo, top navigation, topcontainer
------------------------------------------------------------------------------------*/
#topcontainer{ 
	width: 100%; 
	height: 40px; 
	background:#000033;
	margin: 0 auto; 
	border: 0px ridge #333333;
	text-align: left;
}
			#topcontainer a:hover.current{
				color:#000;
			}

/* ----------------------------------------------------------------------------------
Content Page Container
Description: Container for center page components excluding the logo, top navigation, topcontainer
			Includes leftsidebar for 2nd level navigation
------------------------------------------------------------------------------------*/
#container{ 
	width: 100%; 
	height: 700px; 
	background: #FFFFFF;
	margin: 0 auto; 
	border: 0px ridge #333333;
	text-align: left;
}
		#leftsidebar{
			float: left; 
			width: 130px;
			height: 700px;
			color:#CCC;	
			background:url(images/sidebar_bg.png) repeat-x;
			border: 0px ridge #660033;
			padding: 20px 0px 0px 10px;
			border: 2px ridge #FFF;
			overflow:auto;
		}
					#leftsidebar a.current{
					color:#fff;
					text-transform:uppercase;
					font-size:14px;
					font-weight:bold;
					text-decoration:underline;
					}
					#leftsidebar a:hover.current{
						color:#000;
					}


		#mainContent { 
			margin: 0 0 0 100px;
			padding: 0 20px 20px 20px;
			height: 100%; 
			background:#EEE;
			border: 2px ridge #FFF;
			overflow:auto;
			text-align: justify;
		}

				#mainContent a{
					color: #666; 
					text-decoration:none;
				} 
					#mainContent a:link{
						color: #333;
					} 
					#mainContent a:visited{
						color: #000000;
					}
					#mainContent a:hover{
						text-transform: uppercase; 
						font-weight:bold; 
						font-size:12px;
					}

/* ----------------------------------------------------------------------------------
Popup Page Container
Description: Container for center page components excluding the logo, top navigation, topcontainer
			Includes leftsidebar for 2nd level navigation
------------------------------------------------------------------------------------*/
#popupcontainer{ 
	width: 90%; 
	height: 100%; 
	background: #EEE;
	margin: 0 auto;
	padding: 20px 20px 20px 20px; 
	border: 0px ridge #333333;
	text-align: left;
}
				#popupcontainer a{
					color: #000; 
					text-decoration:none;
				} 
					#popupcontainer a:link{
						color: #000;
					} 
					#popupcontainer a:visited{
						color: #000;
					}
					#popupcontainer a:hover{
						text-transform: uppercase; 
						font-weight:bold; 
						font-size:12px;
						color:#000;
					}

/* ----------------------------------------------------------------------------------
Page Columns - within #colcontainer
Description: 4 Column (boxes) @ top of page
------------------------------------------------------------------------------------*/
#colcontainer{ 
	width: 100%; 
	height: 90px; 
	background:#000033;
	margin: 1px auto; 
	background:url(images/sidebar_bg.png) repeat-x;
	color:#FFF;	
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;	
	text-align: center;
}
				#colcontainer a{
					color: #FFF; 
					text-decoration:none;
				} 
					#colcontainer a:link{
						color: #CCCCCC;
					} 
					#colcontainer a:visited{
						color: #CCCCCC;
					}
					#colcontainer a:hover{
						text-transform: uppercase; 
						font-weight:bold; 
						font-size:10px;
						color:#FF0099;
					}

	#column1 {
		float:left;
		width: 24%;
		height: 80%; 
		border: 2px ridge #FFF;
		margin: 2px; 
		padding: 5px 0px 0px 0px;
		overflow:auto;
}
	#column2 {
		float:left;
		width: 24%;
		height: 80%; 
		border: 2px ridge #FFF;
		margin: 2px; 
		padding: 5px 0px 0px 0px;
		overflow:auto;
}
	#column3 {
		float:left;
		width: 24%;
		height: 80%; 
		border: 2px ridge #FFF;
		margin: 2px; 
		padding: 5px 0px 0px 0px;
		overflow:auto;
}
	#column4 {
		float:left;
		width: 24%;
		height: 80%; 
		border: 2px ridge #FFF;
		margin: 2px; 
		padding: 5px 0px 0px 0px;
		overflow:auto;
}