html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

body {
    font: 100.01% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
    color: #333;
    padding: 0;
}

body * {
   
}

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color:#4088b8;
    clear: both;
}

h1 {
}

h2 {
    color: #c8c8c8;
		margin-top: -25px;
}

h3 {
}

h4 {
    color: #333;
    margin-bottom: -10px;
}

p {
    margin: 10px 0;
    clear: both;
}

ul, ol {
    margin-left 0;
}

ul ul {
    margin-bottom: 20px;
}

#wrap {
    color: #404040;
    /*margin: 0 12%;*/
    margin: 20px 40px;
}

a {
    color: #4088b8;
}

table {
    font-size: inherit;
    border: 1px solid #c8c8c8;
}

th {
    background: #d8d8d8;
    text-align: left;
    padding: 5px;
    white-space: nowrap;
}

td {
    background: #ffffff;
    text-align: left;
    padding: 5px;
    vertical-align: top;
}

select, input, textarea {
    font: 99% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
}

pre, code, tt, dt {
    font: 100% monospace;
    margin: 20px 0;
}

pre, blockquote {
    padding: 15px;
    background-color: #f0f0f0;
    margin: 20px 0;
    /* -moz-border-radius: 10px; */
}

td pre {
    font: 85% monospace;
    padding: 5px;
    margin: 5px 0;
}




/* ******************** */
/* This if for the cycle of images on index.php */
#content_indexCycle {
	height: 316px;
	width: 701px;
	float:left;
	overflow: hidden; /* Needed for IE */
 }
/* #content_indexCycle img {
	padding: 15px; 
	border: 1px solid #ccc; 
	background-color: #eee; 
}
*/
/* #content_indexCycle_nav {
	 float:left; 
}
*/

#content_indexCycle_nav a {
	border: 1px solid #ccc; 
	background: #fc0; 
	text-decoration: none; 
	margin: 0 5px; 
	padding: 3px 5px; 
}
#content_indexCycle_nav a.activeSlide { 
	background: #ea0 
}
#content_indexCycle_nav a:focus { 
	outline: none;
}
/* End of cycle of images */