html, body {
	height: 100%; /* Make sure the body takes up the full viewport height */
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Arial, sans-serif;
	background-color: #f0f0f0; /* Light background for better visibility */
}
td {
	text-align: center; /* Center horizontally */
	vertical-align: middle; /* Center vertically */
}

/* Wrapper for the entire content */
.container-wrapper {
	width: 90%; /* Default width on small screens */
	max-width: 800px; /* Limit max width on larger screens */
	background-color: white;
	padding: 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Light shadow for depth */
	border-radius: 10px; /* Rounded corners */
}


.ajax__tab .ajax__tab_header {
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	padding: 5px;
}

.ajax__tab .ajax__tab_body {
	padding: 15px;
	border: 1px solid #ccc;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000000;
	font-style: normal;
	font-variant: small-caps;
	text-transform: none;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	font-size: 24px;
	text-align: center;
}

h1 {
	color: #333;
}

.contact-info {
	margin-top: 20px;
}

	.contact-info a {
		display: block;
		margin: 10px 0;
		font-size: 18px;
		text-decoration: none;
		color: #0056b3;
	}

		.contact-info a:hover {
			text-decoration: underline;
		}



.body_resize {
	height: auto;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
	background: #e7f5d4;
	box-shadow: 0 0 30px 5px #999;
	box-shadow: 0 0 30px 5px #999;
	background: #eeeeee;
}
.footer {
	margin-top: 20px;
	font-size: 14px;
	color: #666;
	text-align: center;
}

	/* Custom styles for vertical navigation */
	.nav {
	display: flex; /* Enable flexbox layout */
	flex-direction: row; /* Arrange items in a row */
}

.nav-item {
	margin-right: 20px; /* Add space between items */
}

.nav-link {
	padding: 10px 15px; /* Increase padding for better spacing */
	font-size: 16px; /* Increase font size */
}

.nav-link:hover {
		background-color: #f8f9fa; /* Change background on hover */
		border-radius: 5px; /* Rounded corners on hover */
	}

/* Content/Site.css */

/* Container */
.container {
	display: flex;
	height: 100vh;
}

/* Sidebar */
.sidebar {
	width: 250px;
	background-color: #333;
	padding: 15px;
}

	.sidebar ul {
		list-style-type: none;
		padding: 0;
	}

	.sidebar li {
		margin: 10px 0;
	}

	.sidebar a {
		color: white;
		text-decoration: none;
		display: block;
		padding: 10px;
		border-radius: 5px;
	}

		.sidebar a:hover {
			background-color: #575757;
		}

/* Main content */
.main-content {
	flex-grow: 1;
	padding: 20px;
}


.myMenu {
	box-shadow:inset 0px 39px 0px -24px #855857;
	background-color:#6e4f4c;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#fffaff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #40312f;
    width:150px;
   
}
.myMenu:hover {
	background-color:#737265;
}
.myMenu:active {
	position:relative;
	top:1px;
}

.wp-block-button_link {
	
	box-shadow: 3px 4px 0px 0px #5c2520;
	background-color: #000; /* Black background */
	border-radius: 18px;
	border: 1px solid #4f4f4f; /* Dark gray border */
	display: inline-block;
	cursor: pointer;
	color: #fff; /* White text color */
	font-family: Arial, sans-serif;
	font-size: 20px;
	padding: 3px 15px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #0a0707;
}

	.wp-block-button_link:hover {
		background: linear-gradient(to bottom, #d3d3d3 5%, #a9a9a9 100%); /* Light gray gradient */
		background-color: #d3d3d3; /* Light gray background */
		color: #000; /* Black text on hover */
	}


.myButton {
	box-shadow: 3px 4px 0px 0px #5c2520;
	background-color: #32373c;
	border-radius: 18px;
	border: 1px solid #873f3d;
	display: inline-block;
	cursor: pointer;
	color: #fffcff;
	font-family: Arial;
	font-size: 20px;
	padding: 3px 15px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #0a0707;
}
.myButton:hover {
	background:linear-gradient(to bottom, #a86f6b 5%, #211514 100%);
	background-color:#a86f6b;
}
.myButton:active {
	position:relative;
	top:1px;
}

        



.textbox
	 {
	border:2px solid #456879;
	border-radius:10px;
	}
.dd
	 {
	border:2px solid #456879;
	border-radius:10px;
	}

.lable
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: black;
	font-style: normal;
	font-variant: small-caps;
	text-transform: none;
	font-weight: bold;
  
}
.lblerror
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: red;
	font-style: normal;
	font-variant: small-caps;
	text-transform: none;
	font-weight: bold;
}
.radio
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-style: normal;
	font-variant: small-caps;
	text-transform: none;
	font-weight: bold;
}
.msg
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
	font-style: normal;
	font-variant: small-caps;
	text-transform: none;
	font-weight: bold;
}
.gridview {
        font-family:"arial";
        background-color:black;
        width: 100%;
        font-size: small;
        
           }
.gridview th {
        background: black;
        padding: 3px;
        font-size:small;

}
.gridview th a{
        color: white;
        text-decoration: none;
}
.gridview th a:hover{
        color: white;
        text-decoration: underline;
}
.gridview td  {
        background:white;
        color: black;
        font: small "arial";
        padding: 4px;
}

.gridview td a{
        color: #003300;
        font: bold small "arial";
        padding: 2px;
        text-decoration: none;
}
.gridview td a:hover {
        color: red;
        font-weight: bold;
        text-decoration:underline;
}
.gridview-header
{
    font-weight: bold;
    font-size: 8px;
    padding-bottom: 3px;
    color:  #666666;
    padding-top: 3px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: white;
}

.BodyContent{position:relative;left:0;top:0;width:100%;margin:0 auto 0 auto;}

/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
This is a modified style-sheet by Parallelcodes.com. To view the original style-sheet and original post please visit : 
SOURCE http://startbootstrap.com/template-overviews/simple-sidebar
GITHUB URL https://github.com/IronSummitMedia/startbootstrap-simple-sidebar
BOOTSTRAP http://getbootstrap.com/components/
 */

/* Toggle Styles */

#profileimg
{ 
 background-color: Blue;
 height: 124px;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 width: 124px;
 box-shadow: 0 0 0 2px crimson;
}

#wrapper
{
 padding-left: 0;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

#wrapper.toggled
{
 padding-left: 250px;
}

#sidebar-wrapper
{
 z-index: 1000;
 position: fixed;
 height: 100%;
 margin-left: -250px;
 overflow-y: auto;
 background: #000000;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper
{
 width: 250px;
}

#page-content-wrapper
{
 width: 100%;
 position: absolute;
 padding: 15px;
}

#wrapper.toggled #page-content-wrapper
{
 position: absolute;
 margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav
{
 position: absolute;
 top: 0;
 width: 250px;
 margin: 0;
 padding: 0;
 list-style: none;
}

.sidebar-nav li
{
 text-indent: 20px;
 line-height: 40px;
}

.sidebar-nav li a
{
 display: block;
 text-decoration: none;
 color: #fff;
}

.sidebar-nav li a:hover
{
 text-decoration: none;
 color: #ffff80;
 font-weight:bold;
 background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active, .sidebar-nav li a:focus
{
 text-decoration: none;
}

.sidebar-nav > .sidebar-brand
{
 height: 65px;
 font-size: 18px;
 font-family:Arial;
 line-height: 60px;
}

.sidebar-nav > .sidebar-brand a
{
 color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover
{
 color: #fff;
 background: none;
}

@media (min-width:768px)
{
 #wrapper
 {
 padding-left: 250px;
 }

 #wrapper.toggled
 {
 padding-left: 0;
 }

 #sidebar-wrapper
 {
 width: 250px;
 }

 #wrapper.toggled #sidebar-wrapper
 {
 width: 0;
 }

 #page-content-wrapper
 {
 padding: 20px;
 position: relative;
 }

 #wrapper.toggled #page-content-wrapper
 {
 position: relative;
 margin-right: 0;
 }

}