﻿/* CSS layout */


body 
{
	font:				normal 16px/20px Arial, Helvetica, sans-serif;
	text-align:			left;
	
/*    width:				1024px; /*1024px; */ */
    
	margin-top: 		0%;
	margin-bottom: 		0%;
	
	font-style:			normal;
	font-variant:		normal; /*		small-caps; */
	font-weight:		bold;

    border:				0px black solid;
    background-color: 	silver;

    /*
    margin:				auto;
    font-size/line-height 
    font-family:		Arial, Helvetica, sans-serif;
    font-style:			normal;
    font
	font:	font-style font-variant font-weight font-size/line-height font-family 
/*    
	*/
}

.clearboth { clear: both; }

.spacer
{
	float: left;
	width: 3%;
}

/******   begin Web outlay ************/


#wrapper
{
    color: 				black;
    
	margin-top: 		0%;
	margin-bottom: 		0%;

    border:				0px red solid;
    background-color:	white; /* #82CAFA; */

/*
	margin:				auto;
    background-color:	#82CAFA;
    width:				600px; /*1020px; */
*/

}

#wrapper h1{
	font:				helvetica 34px/36 bold left italic;
    color:				maroon;
    /*
    text-align:			center;
	font-weight:		bold;
	font-size:			34px 36px;
	font-style:			italic;
	margin:				0%;
	*/
	
	/*
	border:				.2px yellow solid;
	font:				georgia 14px/0px;
	font-family:		Georgia;
	*/
}

#logo {
	width:			99%;
	
	margin:			auto;
	margin-top:		0px;
	margin-bottom:	0px;
	margin-left:	0px;
	margin-right:	0px
	 /*
	 margin:		auto;
	 margin-top:	1%;
	 margin-bottom:	1%;
	 margin-left:	auto;
	 margin-right:	auto;
	 */

}
/*******   Navigation Beg   **********************/

#top_nav {
	text-align:			center;
	font-size:			14px;
	font-weight:		bold;
}

#top_nav li {
	display:			inline;
	list-style-type:	none;
}

#top_nav a { padding: 0px 0px; }

#top_nav a:link, #top_nav a:visited {
	color:				#fff;
	background-color:	#036;
	text-decoration:	none;
}

#top_nav a:hover
{
	background-color: #369;
}

/*******   Navigation End   **********************/
/*******   Container: Events, Content Advertising (left center right) Begins   **********************/

#container{
	width:				100%;
	font:				normal 24px/26px Arial, Helvetica, sans-serif;
	font-style:			italic;
	color:				black;
	text-align:			center;

	padding-bottom:		71%;
	
	margin-top: 		0%;
	margin-bottom: 		0%;
	
	border:				0px blue solid;
	background-color: 	white;  /*  #E4F3FD; #A8C2D3; /* #95C6E6; /* #3f90ff; */
/*
	height: 			600px;
	position:			relative;
	background-color:	white;
	background-color:	#ffffE2;
	background-color:	#036;
	font: 				bold georgia 24px 26px;
*/	
}

#container h1{
	font:				22px/24px Arial;
    color:				black;
    
    /*
    text-align:			center;
	font-weight:		bold;
	font-size:			34px 36px;
	font-style:			italic;
	margin:				0%;
	border:				.2px yellow solid;
	font:				georgia 14px/0px;
	font-family:		Georgia;
	*/
}

#container p{
	font:				14px/16px Arial;
    color:				black;
	border:				0.0px black solid;
    /*
    text-align:			center;
	font-weight:		bold;
	font-size:			34px 36px;
	font-style:			italic;
	margin:				0%;
	*/
	
	/*
	border:				.2px yellow solid;
	font:				georgia 14px/0px;
	font-family:		Georgia;
	*/
}

#left-side {

	float: 				left;
	width: 				20%;
	font:				normal 14px/16px Arial;
	text-align:			left;

	margin-left: 		1%;
	margin-bottom: 		0%;
	
	display: 			inline;
	border:				0px yellow solid;
	background-color:	white; /* #036; */
	
	/*
	width:				20%;
	float:				left;
	font:				normal 14px/16px Arial;
	display:			inline;
	*/
	
}

#left-side h1{
	font:				22px/24px Arial;
    color:				black;
    
    /*
    text-align:			center;
	font-weight:		bold;
	font-size:			34px 36px;
	font-style:			italic;
	margin:				0%;
	border:				.2px yellow solid;
	font:				georgia 14px/0px;
	font-family:		Georgia;
	*/
}

/*******   Right side Start   **********************/
#right-side
{
	float:				left;
	width:				20%;
	font:				normal 14px/16px sans-serif;
	text-align:			left;
	
	margin-left: 		2%;
	margin-bottom: 		0%;
	
	border:				0px yellow solid;
	background-color:	#ffffdc; /* white-space: /* ; /*#036; */ 
	
	/*
	width:				20%;
	float: 				left; right;
	font:				normal 14px/16px sans-serif;
	*/

}

#right-side h1{
	font:				22px/24px helvetica;
	text-align:			left;
    color:				black;
    
    /*
    text-align:			center;
	font-weight:		bold;
	font-size:			34px 36px;
	font-style:			italic;
	margin:				0%;
	border:				.2px yellow solid;
	font:				georgia 14px/0px;
	font-family:		Georgia;
	*/
}

#right-side a { padding: 0px 0px; }

#right-side a:link, #top_nav a:visited {
	color:				#fff;
	background-color:	#036;
	text-decoration:	none;
}

#top_nav a:hover
{
	background-color: #369;
}

/*******   Right side End   **********************/

#content {

	float: 				left;
	width: 				51%;
	font:				normal 12px/14px Helvetica;
	text-align:			left;
	
	margin-left: 		2%;
	margin-bottom: 		0%;
	
	border:				0px green solid;
    background-color:	#ffffef; /* #82CAFA; */
    
	/*
	width:				55%;
	float:				left; none;
	font:				normal 14px/16px Helvetica;
	text-align:			left;
	
	padding-top:		0%;
	padding-bottom:		0%;
	padding-left:		0%;
	padding-right:		0%;
	
	margin-top:			0%;
	margin-bottom:		0%;
	margin-left:		22%;
	margin-right:		0%;
	
    background-color:	white; #82CAFA;
	font:				normal 16px/20px Arial, Helvetica, sans-serif;
	*/
}

#content ul{
	color:				black;
	font-weight:		bold;
	
	padding-top:		2%;
	padding-bottom:		0.0%;
	padding-left:		2%;
	padding-right:		2%;
	
	margin-top:			0%;
	margin-bottom:		0%;
	margin-left:		0%;
	margin-right:		0%;
	
	border:				.5px orange solid; 

	/*
	float:				left;
	*/
}

#content ol{
	color:				black;
	font-weight:		bold;
	text-align:			left;
	
	padding-top:		2%;
	padding-bottom:		0.0%;
	padding-left:		2%;
	padding-right:		2%;
	
	margin-top:			0%;
	margin-bottom:		0%;
	margin-left:		0%;
	margin-right:		0%;
	
	border:				.5px orange solid; 

	/*
	float:				left;
	*/
}

#content li{
	color:				black;
	font-weight:		normal;
	
	padding-top:		1%;
	padding-bottom:		0%;
	padding-left:		0%;
	padding-right:		0%;
	
	margin-top:			0%;
	margin-bottom:		0%;
	margin-left:		5%;
	margin-right:		0%;
	
	border:				0px orange solid; 
	background-color:	white ;
	/*
	float:				left;
	*/
}

#newsfeed
{
	position:			fixed;
	
	padding-bottom:		0px;
	padding-top:		0px;
	padding-left:		0px;
	padding-right:		0px;
	
	margin-bottom:		0px;
	margin-top:			0px;
	margin-left:		0px;
	margin-right:		0px;
}

#masking
{
	position:			relative;
	
	top:				0px;
	left:				0px;
	
	padding-bottom:		0px;
	padding-top:		0px;
	padding-left:		0px;
	padding-right:		0px;
	
	margin-bottom:		0px;
	margin-top:			0px;
	margin-left:		0px;
	margin-right:		0px;
}


/*******   fotter Beg   **********************/

#footer {
	text-align:			center;
	font-size:			12px;
	font-weight:		bold;
	
	padding-top:		0%;
	padding-bottom:		0%;
	padding-left:		0%;
	padding-right:		0%;
	
	margin-top:			0%;
	margin-bottom:		0%;
	margin-left:		0%;
	margin-right:		0%;

    background-color:	#82EAFA; /* #82CAFA */

}

#footer ul{
	color:			blue;
	padding-top:	0%;
	padding-bottom:	0%;
	padding-left:	0%;
	padding-right:	0%;
	margin-top:		0%;
	margin-bottom:	0%;
	margin-left:	0%;
	margin-right:	0%;
}

#footer li {
	color: 				red;
	display:			inline;
	list-style-type:	none;
}

#footer a { padding: 3px 10px; }

#footer a:link, #footer a:visited {
	color:				purple;
	text-decoration:	none;
}

#footer a:hover
{
	background-color: #306090;
}

/*******   footer End   **********************/


