html { 
	font-family:Arial;
	font-size:12px;	
}

html, body {
	margin: 0;
	padding: 0;
} 

body {
	width:100%;
	height:100%;
	font-family:Arial;
	font-size:12px;
}

a {
	text-decoration:none;
	font-weight:normal;
}

a:hover {
	text-decoration:underline;
	font-weight:normal;
}

.rounded {
	border:2px solid #a1a1a1;
	border-radius:5px;
}

td {
	font-size:12px;
}

#check {
	width:30px;
	font-size:12px;
	border:1px solid black;
	text-align:center;	
}

.heading {
	font-weight:bold;
	font-size:110%;
	color:white;
	background:black;
}

input {
	border:1px solid black;
}

input:focus {
	background-color:#F7D358;
}

input:hover {
	background-color:#F7D358;
}

input[type=checkbox] {
    padding-left:5px;
    padding-right:5px;
    border-radius:15px;

    -webkit-appearance:button;

    border: solid 2px #000;  /* #00F; */

    background-color:#fff;  /* #0b0095; */
    color:#FFF;
    white-space: nowrap;
    overflow:hidden;

    width:15px;
    height:15px;
}

input[type=checkbox]:checked {
    background-color:#FF0000;
    /* border-left-color:#06F; */
    /* border-right-color:#06F; */
}

input[type=checkbox]:hover {
    box-shadow:0px 0px 10px #073D02;  /* #1300ff; */
}

select:focus {
    background-color:#F7D358;
}

select:hover {
    box-shadow:0px 0px 10px #F7D358;  /* #1300ff; */
}

.lcheckbox{
	border:1px solid #073D02;
}

#container {
	padding: 1.618em;
	margin: 0 auto; 
	max-width: 30em;
}

#containerFull {
	padding: 1.618em;
	margin: 0 auto; 
}

#wrapper {
	text-align:center;
	margin: 30px auto 15px auto;
	border:1px solid #000000;
	width:70%;
	background:#FFFFFF;
	-moz-box-shadow:    0 1px 10px 5px #232323;
	-webkit-box-shadow: 0 1px 10px 5px #232323;
	box-shadow:         0 1px 10px 5px #232323;
}

#search {
	text-align:center;
	margin: 15px auto 15px auto;
	border:0px solid #000000;
}

#indexcard {
	text-align:center;
	margin: 30px auto 15px auto;
}
#header {
	top:0;
	height:123px;
	width:100%;
	position:fixed;
	text-align:left;
	background:#ffffff url('headerbg.png') repeat;
	border-bottom:1px solid #000000;
}
#navigation {
	top:51px;
	height:25px;
	width:100%;
	position:fixed;
	text-align:left;
	color: white;
	border-bottom:0px solid #000000;
}
#logo {
	border:0px dotted red;
}

h1 {
	font-size:250%;
	font-weight:bold;
	
}
	
.heading {
	font-weight:bold;
	font-size:110%;
	color:white;
	background:black;
}

.menu_title {
	font-size:135%;
	font-weight:bold;
}
.clear {
    clear:both;
    height:0;
    margin:0;
    padding:0;
}

.errorBox {
	max-width: 30em;
    margin:0 auto;
	background:#ce0000;
	color:#ffff00;
	text-align:center;
	font-size:125%;
	font-weight:bold;
	
	border:5px solid #ffff00;
	padding:5px; 
	border-radius:5px;
	display:block;	
	
}

.menuSection {
	max-width: 30em;
    margin:0 auto;
	
}

.contentBox {
    margin:0 auto;
	border:2px solid #a1a1a1;
	padding:5px; 
	background:#F8F8F8;
	border-radius:5px;
	display:block;
}
.menu {
	max-width: 30em;
    margin:0 auto;
	border:2px solid #a1a1a1;
	padding:5px; 
	background:#F8F8F8;
	border-radius:5px;
	margin-top:-15px;
	display:block;
}

.menu ul {
	width:60%;
	margin:auto;
    /* list-style:none; */
}
.menu li {
    padding:5px 0px;
}

.menu a {
	padding:6px 4px;
	font-weight:bold;	
    /* display:block; 
    /* width: 145px; 
    margin:-2px -9px;
    padding:4px 10px;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	-webkit-transition:background-color 0.15s ease-in-out;  
	-moz-transition:background-color 0.15s ease-in-out;  
	-o-transition:background-color 0.15s ease-in-out;  
	transition:background-color 0.15s ease-in-out;  */
}

.menu a:hover {
    /* background-color:#fde5cc; */
    text-decoration:underline;
	font-weight:bold;
}

.sectionTitle {
	border:2px solid #a1a1a1;
	padding:5px 10px; 
	background:#ccc;
	border-radius:5px;
	text-decoration:none;
	font-weight:bold;	
}

.sectionHeading {
	margin-left:10px;
	border:2px solid #a1a1a1;
	padding:5px 10px; 
	background:#ccc;
	border-radius:5px;
	text-decoration:none;
	font-weight:bold;
}
.linkButton {
	margin-left:10px;
}

a.linkButton  {
	border:1px solid #a1a1a1;
	padding:5px 10px; 
	background:#ccc;
	border-radius:5px;
	text-decoration:none;
	font-weight:normal;
}

 a:hover.linkButton {
	border:1px solid #a1a1a1;
	padding:5px 10px; 
	background:#e80000;
	color:#ffffff;
	border-radius:5px;
	text-decoration:none;
}


.video-container
{
position: relative; /* keeps the aspect ratio */
padding-bottom: 56.25%; /* fine tunes the video positioning */
padding-top: 60px;
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed
{
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
}