@charset "utf-8";
/* CSS Document */


body {font-family:Helvetica, Arial, sans-serif; font-size:14px}
.wrapper {width:90%; margin-left:5%; z-index:2}
.main {margin-left: 5%; margin-right: 5%;}
h1 {font-size:1.5em; margin-bottom: 10px;}
h2 {font-size: 1.2em; border-left:3px solid #C4060A; border-bottom: 1px solid #C4060A; padding: 6px;}
h3 {font-size:1em; color:#C4060A; border-bottom:1px solid #999;}
p {font-size:1em; margin-bottom: 10px;}
.intro {width: 600px; float:right;}
.section {background-color: #c4060a; color: #fff; border:1px solid #000; border-radius: 5px; padding:5px; text-align: center;}
input[type=text] {font-family:Helvetica, Arial, sans-serif; font-size:1em;}
input[type=number] {font-family:Helvetica, Arial, sans-serif; font-size:1em;}
select {font-size:1em; padding:4px}
a:link {color:#039; font-weight:bold; text-decoration:none;}
a:visited {color:#039;}
a:hover {text-decoration: underline;}
a:active {}
.videosection{border:1px solid #C4060A; border-radius: 5px; padding: 10px; margin:5px;}
.desc {width:500px; float:right; height: 360px; overflow-y:scroll}
.preview {width:560px; float:left;}
.previewr {width:560px; float:right;}
.column {width:550px; float:left; margin-right:10px; padding-left:10px;}
.clearFloat{clear:both;}
.resources{width:45%; border:1px solid #888; padding: 10px; margin-left: 5px; box-shadow:5px 5px 5px #cccccc; border-radius:5px; float:left;}
.resourcesrt{width:45%; border:1px solid #888; padding: 10px; margin-right: 5px; box-shadow:5px 5px 5px #cccccc; border-radius:5px; float:right;}
.topbuttons{width:45%; float:left; margin:3px;}
.topbuttons ul {margin:0 0 0 20px; padding:0px;}
.topbuttons li {margin:2px; padding:5px;}
.topbuttons li a:link {font-size:1em; color:#C4060A;}
.topbuttons li a:visited {color:#C4060A;}
.topbuttons li a:hover {color:#C4060A; text-decoration:underline;}
.topbuttons li a:active {}
.arrowup {display: none;}
.arrows {height:30px;}
.arrows ul {margin:0 0 10px 0; padding:0px; }
.arrows li {margin:2px; padding:5px; float: left;  list-style-type: none;}
.arrows li a {font-size:1em; color:#C4060A; text-decoration:none; }
.tab ul {margin:5px 0 0 0; padding:0px;}
.tab li {list-style: none;}
.tab li a:link {border:1px solid #C4060A; background-color:#fff; color: #C4060A; padding: 12px; float:left; list-style:none; text-decoration: none;}
.tab li a:visited {border:1px solid #C4060A; background-color:#fff; color: #C4060A; padding: 12px; float:left; list-style:none; }
.tab li a:hover {background-color: #FB9B9D; color: #FFF;}
.tab li a:active {background-color: #FB9B9D; color: #fff;}
.scrollHold {float:right; position:fixed; top:0%; right:0%; z-index:99999; width:5px; height:5px;} /* Used to prevent scrolling during Tab events */
.overlay {display:block; position:fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color:black; z-index:900; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80);}
.welcome {display:block; z-index:1002; box-shadow: 5px 5px 5px #cccccc; border-radius:5px; border: 1px solid #C4060A; position:fixed; top:10%; left:15%; width: 70%; height: 78%; background-color: #fff; padding:15px; overflow-y:scroll;}
.ptr {border:none; color:#fff; width:1px; background-color:#fff; border-color:#fff;}
.group {display: none; clear: both; border:1px solid #000; border-radius:5px; padding: 5px;}
.group input[type=text] {border:solid 0px #fff;}
.enhancedesc {display: none; margin:5px; padding: 10px; background-color:#dfdfdf;; z-index:1100; border:1px solid #333; border-radius:5px; box-shadow: 5px 5px 5px #CFCFCF; position:relative; cursor: pointer;}
.enhance {display:none; z-index:1004; box-shadow: 5px 5px 5px #cccccc; border-radius:5px; border: 1px solid #C4060A; position:fixed; top:10%; left:15%; width: 70%; height: 78%; background-color: #fff; padding:15px; overflow-y:scroll;}


/* for editing
.group {display:block;} .enhancedesc {display:block;} .enhance {display:block;}
*/

.how {display:none; z-index:1003; box-shadow: 5px 5px 5px #cccccc; border-radius:5px; border: 1px solid #C4060A; position:fixed; top:10%; left:15%; width: 70%; height: 60%; background-color: #fff; padding:15px; overflow-y:scroll;}
.ten {display:none; z-index:1005; box-shadow: 5px 5px 5px #cccccc; border-radius:5px; border: 1px solid #C4060A; position:fixed; top:10%; left:15%; width: 70%; height: 60%; background-color: #fff; padding:15px; overflow-y:scroll;}
.button {text-align: center;}
.button ul {margin:5px 0 0 0; padding:0px;}
.button li {list-style: none;}
.button li a:link {border:1px solid #C4060A; background-color:#C4060A; color: #FFF; padding: 12px; float:left; list-style:none; text-decoration: none; margin-right:10px; border-radius:5px;}
.button li a:visited {border:1px solid #C4060A; background-color:#C4060A; color: #FFF; padding: 12px; float:left; list-style:none; }
.button li a:hover {background-color: #FB9B9D; color: #FFF;}
.button li a:active {background-color: #FB9B9D; color: #fff;}