* {margin:0px;padding:0px;top:0px;right:0px}

body{
	text-align: center;
	background-color: #E4E2E2;
	overflow-y: scroll;
}

.fix-font {
-webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
}

#central{
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	position: relative;
	width: 1000px;
	text-align: left;
	background-color: #E4E2E2;
	opacity:0.99;
	-webkit-font-smoothing: antialiased;
}

.sitename {
	text-align: center;
	width: 300px;
	margin-top: -10px;
	font-size: 25px;
	font-family: Helvetica;
}
#navlist{
margin-top: 1px;
	margin-left: 310px;
	margin-right: 50px;
	padding-left: 0px;
	padding-right: -10px;
	white-space: nowrap;
	position: absolute;
	height: 40px;
	width: 650px;
	top: 5px;
	background:#FB070B;
background: url(images/menubg0.jpg) ;
border-radius: 10px;
/*repeat-x top left;*/
	font-family: Arial;
	text-transform: uppercase;
	font-size: 14px;
    line-height: 20px;
}
#navlist li{
	display: inline;
	list-style-type: none;
}

#navlist li a {
	padding: 5px 5px;
	/*background-image: url(images/button.gif);*/
	height: 100px;
	width: 100px;
	display: inline;
	position: absolute;
	text-align: center;
	text-decoration: none;
	margin-top: 5px;
}

#navlist li a span{
	padding: 4px 12px;
	/*background-image: url(images/button.gif);*/
	height: 30px;
	width: 91px;
	display: inline;
	position: absolute;
	text-align: center;
	color: #fff;
	text-decoration: none;
	margin-top: -2px;
	font-family: Arial;
}

/*#navlist a:hover { background: #F89398; height: 40px; cursor: pointer; margin-top: 0px; margin-bottom: -3px;}
*/
#navlist a:hover{background-image: url(images/buttonover4.jpg); height: 15px; width: 100px; border-radius: 10px; margin-top: 5px;}

#n1{left: 20px;}
#n2{left: 140px;}
#n3{left: 265px;}
#n4{left: 400px;}
#n5{left: 520px;}

/*#navlist li a.current {background-image: url(images/buttonover4.jpg); height: 25px; width: 100px; border-radius: 10px; margin-top: 0px;}*/
#navlist li a.current {background-image: url(images/buttonover4.jpg); height: 15px; width: 100px; border-radius: 10px; margin-top: 5px;}

#leftside h3{
	border-left-width: 3px;
	font-family: Arial;
	font-size: 14px;
	color: #33333;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
	margin-left: 35px;	
	margin-top: 35px;
    opacity:0.99;
	-webkit-font-smoothing: antialiased;	
}
#content{
	margin-top: 40px;
	margin-bottom: 20px;
	position: absolute;
	width: 1000px;
	background-color: #FFFFFF;
	border:0px solid;
        border-radius:20px;
	border-color: gray;
	padding-bottom: 10px; /* Adjust this value as needed */
	font-family: Arial;
	opacity:0.99;
	-webkit-font-smoothing: antialiased;	
}
#content p:last-child {
    margin-bottom: 10px; /* Adjust this value as needed */
}
a:link    {
  /* Applies to all unvisited links */
  text-decoration:  none;
  color:            blue;
  } 
a:visited {
  /* Applies to all visited links */
  text-decoration:  none;
  } 
a:hover   {
  /* Applies to links under the pointer */
  text-decoration:  none;
  } 
a:active  {
  /* Applies to activated links */
  text-decoration:  none;
  } 
  
 
/*************************Light Box ****************/

@media all {
	.featherlight {
		display: none;

		/* dimensions: spanning the background from edge to edge */
		position:fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 2;

		/* position: centering content */
		text-align: center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space: nowrap;

		/* styling */
		cursor: pointer;
		background: #333;
		/* IE8 "hack" for nested featherlights */
		background: rgba(0, 0, 0, 0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
	/*background: #E4E2E2;*/
		background: rgba(0, 0, 0, 0.1);
	}

	.featherlight:before {
		/* position: trick to center content vertically */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}

	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position: relative;

		/* position: centering vertical and horizontal */
		text-align: left;
		vertical-align: middle;
		display: inline-block;

		/* dimensions: cut off images */
		overflow: auto;
		padding: 25px 25px 0;
		border-bottom: 25px solid transparent;

		/* dimensions: handling small or empty content */
		min-width:  30%;
        max-width: 800px;
		/* dimensions: handling large content */
		margin-left: 5%;
		margin-right: 5%;
		max-height: 95%;

		/* styling */
		background: #fff;
		cursor: auto;
		font-family: Helvetica;

		/* reset white-space wrapping */
		white-space: normal;
		border-radius: 20px;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		/* make sure its visible */
		display: block;
	}

	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position: absolute;
		z-index: 9999;
		margin-top: 5px;
		margin-right: 5px;

		/* dimensions: 25px x 25px */
		line-height: 25px;
		width: 25px;

		/* styling */
		cursor: pointer;
		text-align: center;
		font: Arial;
		background: #fff; /* Set the background in case it overlaps the content */
		background: rgba(255, 255, 255, 0.3);
		color: #000;
	}
	.lightbox { display: none; }

}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 10px;
		margin-right: 10px;
		max-height: 98%;
		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}
/**********************************************************************************/

.myButton {
	background-color:#f2f2f2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:14px;
	padding:10px 15px;
	text-decoration:none;
	/*border:2px solid #D3D3D3;*/
	margin-right: 20px;
	font-weight:bold;
	
}
.myButton:hover {
	background-color:#bdbdbd;
}
.myButton:active {
	position:relative;
	top:1px;
}