/*
CSS Credit: http://www.home.com/
*/
html { 
	padding: 0;
	margin: 0;
	background-color: rgba(75,75,75,1); 
}
* { padding: 0; margin: 0;}
body {
	background-color: rgba(75,75,75,1);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	padding: 0; 
	margin-top: 0px;
	line-height: 1.25em;
	width: 100%;
	display: table;
}
/*Hyper-links*/
a:link, a:visited { color: rgba(255,255,51,1); text-decoration: none;}
a:active, a:hover { color: rgba(204,204,204,1); text-decoration: none;}

img { 
	max-width: 100%; 
	padding: 2px;
}

/*Font Styles*/
h1 {
	font-size: 80%;
	font-weight: bold;
	text-wrap: normal;
	color: rgba(0,0,0,1);
	line-height: 110%;
	text-align: right;
}
h2 { 
	font-size: 85%; 
	font-weight: bold;	
	color: #37a9a9;
}
h3 { 
	margin: 5px; 
	padding: 3px 0px;	
	font-size: 110%; 
	font-weight: bold;	
	color: #FFF; 
	line-height: 100%;
}
h4 { 
	font-size: 85%; 
	font-weight: bold;	
	color: rgba(255,255,51,1)); 
	line-height: 100%;
}
.list-p { 
	padding: 10px;
	display: inline;
}
p { 
	margin: 5px;
	font-size: 85%; 
	color: rgba(51,51,51,1);
}
.content-p { 
	margin: 5px;
}
/*Slideshow Styles*/
.cycle-slideshow, .cycle-slideshow * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cycle-slideshow { width: 100%; padding: 0; position: relative;}
.cycle-slideshow img { position: absolute; top: 0; left: 0; padding: 0; display: block;}
.cycle-slideshow img:first-child { position: static; z-index: 100;}

/* pager */
.cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;}
.cycle-pager span { font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer;}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}

/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700;}

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70);}

.disabled { opacity: .5; filter:alpha(opacity=50); }

/* display paused text on top of paused slideshow */
.cycle-paused:after { content: 'Paused'; color: white; background: black; padding: 10px; z-index: 500; position: absolute; top: 10px; right: 10px;  border-radius: 10px; opacity: .5; filter: alpha(opacity=50);}

/* media queries - some style overrides to make things more pleasant on mobile devices*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 200px;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}
/*Header Section*/
#logo {
	margin: 5px;
	text-align: center;
}
#header {
	margin: 12px 5px 5px 5px;
	float:right;
	text-wrap: normal;
	line-height: 100%;
}
/*Navigation*/
#nav {
	width: 100%;
	padding: 0;
	z-index: 999;
	background-color: rgba(255,255,51,1);
}
.myMenu {
	margin: 0;
	padding: 0;
}
.myMenu li {
	list-style:none;
	float:left;
	font:100% Verdana, Geneva, sans-serif #111;
	width: 33.333%;
	text-align:center;
	font-weight: bold;
}
.myMenu li a:link, .myMenu li a:visited {
	display:block;
	text-decoration:none;
	padding: 2px 0px;
	margin: 2px;
	border: 0px;
	color:#111;
}
.myMenu li a:hover {
	background-color:rgba(255,255,153,1);
	text-align: center;
	font-size: 85%;
}
/*style the sub menu*/
.myMenu li ul {
	position:absolute;
	z-index: 900;
	visibility:hidden;
	border-top: 0px;
	margin:0px;
	padding:0px;
	width: 130px;
}
.myMenu li ul li {
	display:inline-block;
	float:left;
	font-size: 85%;
}
.myMenu li ul li a:link, .myMenu li ul li a:visited {
	background-color:#32aeae;
	width:auto;
}
.myMenu li ul li a:hover {
	background-color:#DDD;	
}
/*Content Header*/
#sectionhead1 {
	margin: 0px;
	padding: 0px;
	background-color: rgba(204,204,204,1);
}
#sectionhead2 {
	margin: 5px 0px;
	padding: 0px 0px 5px 0px;
	background: #fff;
	border-radius: 10px;
}
/*Footer*/
#footer {
	margin: 5px 0px;
	text-align:center;
}
/*Main Page Content*/

