/* Created by http://freehtml5templates.com */

/* reset */
* {
margin: 0;
padding: 0;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

body {
line-height: 1;

background: #cbcabc;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
font-size: 14px;
line-height: 18px;
}
	
/* layout */

#wrapper {
width: 940px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
border: 3px solid #888;
background: #000;
/* curved border radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

}


nav {
width: 940px;
height: 50px;
margin: 0 auto;
background: #222;
border-bottom: #B9D17D solid 2px;
margin-top: -5px;

}

#main {
width: 940px;
margin: 0 auto;
padding-top: 30px;
background: #000;
overflow: hidden;

}

#content {
float: right;
width: 640px;
margin-right: 30px;
}

#sidebar {
float: left;
padding-left: 5px;
width: 220px;
}

footer {
width: 940px;
margin: 0 auto;
clear: both;
border-top: #B9D17D solid 2px;
}

/* basics */

h1,h2,h3,h4,h5,h6 {
font-weight: bold;
clear: both;
color: rgb(0,255,0);

}

a:link, a:visited {
color: rgb(0,255,0);
}

a:hover, a:active {
color: #eee;
}

p {
margin-bottom: 18px;
}

li {
padding-left: 5px;
}

/* nav */

nav .menu {
font-size: 16px;
font-weight: bold;

}

nav .menu ul {
margin: 0;
padding: 15px 0 0 60px;
list-style: none;
line-height: normal;
}

nav .menu li {
display: block;
float: left;

}

nav .menu a {
display: block;
float: left;
margin-right: 1px;
padding: 0px 5px;

text-decoration: none;
/**color: #B9D17D;**/

color: rgb(0,255,0);
font-size: 18px;
font-weight: bold;

font-family:"Comic Sans MS", cursive, sans-serif;
}

nav .menu a:hover {
text-decoration: underline;
color: aqua;
text-shadow: 1px 1px 1px #000, 3px 3px 5px rgb(0,150,0);
}

/** HEADER */

header {
padding: 2px 0 0 0;
}

header img {
border-top: #B9D17D solid 2px;
border-bottom: #B9D17D solid 2px;
}

header>h1 {
color: rgb(0,255,0);	
float: left;
margin:  0 0 8px 20px;
width: 900px;
font-size: 50px;
line-height: 36px;
font-weight: bold;
font-family:"Comic Sans MS", cursive, sans-serif;
}

header>h1 a {
color: rgb(0,255,0);
font-weight: bold;
text-decoration: none;
}

header>h2 {
color: rgb(0,255,0);
clear: right;
float: left;
font-style: italic;
font-size: 30px;

margin: 0 0 18px 200px;
}
h3 {
color: rgb(0,255,0);
font-size: 18px;
font-weight: bold;
text-decoration: none;
font-family:"Comic Sans MS", cursive, sans-serif;
}

/** ARTICLES **/
article img {
border: #fff solid 1px;
}

article .col1 {
width: 199px; 
padding: 0 10px 0 0;
float: left;
}

article .col2 {
width: 199px; 
padding: 0 10px 0 0;
float: left;
}

article .col3 {
width: 199px;
float: left;
}
article .col4 {
width: 300px;
float: left;
}
article .col5 {
width: 170px;
float: left;
}
article h2 {
font-weight: bold;	
font-size: 22px;	
font-family:"Comic Sans MS", cursive, sans-serif;	
	}
#content h1, h2, h3, h4, h5, h6 {
margin: 0 0 20px 0;
line-height: 1.5em;

}

.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 10px;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 10px;
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 12px;
}

/* sidebar and footer widget blocks */

aside h3 {
font-size: 18px;
}

aside ul {
list-style: circle; 
color: #B9D17D;
margin: -15px 0 15px 25px;
}
article ol {
list-style: circle; 
color: #ffffff;

}

footer p {
text-align: right;
font-size: 11px;
padding-right: 20px;
}
/**popup stuff**/
#pup {
  position:absolute;
  z-index:500; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  background-color: #777;
  background-image        : url(images/popup/bg-pup.png);
  color: white;
  font-size: 0.95em;
  /**opacity: 0.95;**/
  border-radius: 12px;  
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
 

}
/**css table stuff**/
table.RegRates
{
background-color:#FFFFFF;
border-spacing:1;
border-style:solid;
border-width:1px;
border-color:#000000;
font:16px \"Comic Sans MS\", cursive, sans-serif;
padding:0;
border-radius:5px;
}

th.RegHead
{
color:#09FF00;
background:#000000;
border-bottom-style: solid;
border-width:1px;
border-color:#000000;
font-weight:900;
padding:0;
text-align:left;
vertical-align:top;
}

tr.Regtr
{
color:#000000;
font-weight:600;
}

tr.Regtr:nth-child(odd) td
{
background:#FFFFFF;
}

td.Regtd
{
background:#00CCFF;
padding:0;
text-align:left;
vertical-align:top;
}

th.RegHead:first-child
{
border-top-left-radius:5px;
}

th.RegHead:last-child
{
border-top-right-radius:5px;
}

tr.Regtr:last-child td.Regtd:first-child
{
border-bottom-left-radius:5px;
}

tr.Regtr:last-child td.Regtd:last-child
{
border-bottom-right-radius:5px;
}
/*slideshow stuff*/
#slideshow{
	background-color:#000000;
	border:1px solid #000000;
	height:288px;
	margin:0 auto 0;
	position:relative;
	width:938px;
	
	-moz-box-shadow:0 0 22px #111;
	-webkit-box-shadow:0 0 22px #111;
	box-shadow:0 0 22px #111;
}

#slideshow ul{
	height:288px;
	/*left:10px;*/
	list-style:none outside none;
	overflow:hidden;
	position:absolute;
	top:10px;
	bottom 10px;
	width:940px;
}

#slideshow li{
	position:absolute;
	display:none;
	z-index:10;
}

#slideshow li:first-child{
	display:block;
	z-index:1000;
}

#slideshow .slideActive{
	z-index:1000;
}

#slideshow canvas{
	display:none;
	position:absolute;
	z-index:100;
}

#slideshow .arrow{
	height:86px;
	width:60px;
	position:absolute;
	background:url('img/arrows.png') no-repeat;
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:5000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}
