/*<!--
General styles*/
BODY
{
/*This removes the border around the viewport in old versions of IE*/
	width: 100%;
	background: #000000;
	max-width: 1300px;
	min-width: 960px;
/*Minimum width of layout - remove line if not required
The min-width property does not work in old versions of Internet Explorer*/
	font-size: 90%;
	margin: 0px auto 0;
}
#center
{
	position: relative;
/*This fixes the IE7 overflow hidden bug*/
	clear: both;
	width: auto;
/*width of whole page*/
	overflow: hidden;
/*This chops off any overhanging divs*/
}
A
{
	color: #369;
}
A:hover
{
	color: #FF8C00;
	background: 0;
	text-decoration: none;
}
H1, H2, H3
{
	margin: 0.2em 0 0em;
	padding: 0;
}
H3
{
	font: 2em Tahoma, sans-serif;
	color: #000000;
	margin-bottom: 0px;
	font-weight: 200;
}
H4
{
	font: 1.4em Tahoma, sans-serif;
	color: #000000;
	margin-bottom: 10px;
	font-weight: 200;
	padding-right: 20px;
}
H5
{
	font: 1.5em Tahoma, sans-serif;
	color: #383838;
	text-align: left;
}
.right
{
	float: right;
	padding-right: 40px;
}
.left
{
	float: left;
	padding-left: 10px;
}
P
{
	margin: 0.4em 0 0.8em;
	padding: 0;
}
IMG
{
	margin: 10px 0 5px;
}
/*Header styles*/
#header
{
	width: 100%;
	border-bottom: 3px solid #CDCDC1;
	padding-top: 10px;
	padding-bottom: 10px;
}
#header P, #header H1, #header H2
{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: georgia, serif;
	color: #CDCDC1;
	background-color: #000000;
	font-size: 50px;
	font-weight: bold;
	letter-spacing: 3.6pt;
	word-spacing: 4.6pt;
}
#header UL
{
	clear: left;
	float: left;
	width: 100%;
	list-style: none;
	margin: 9px 0 0;
	padding: 0;
	background: #000000;
}
#header UL LI
{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#header UL LI A
{
	display: block;
	float: left;
	margin: 0px 4px 0px 0px;
	padding: 4px 6px;
	text-align: left;
	background: #454545 url(dtbg.gif) repeat-x bottom;
	color: #CDCDC1;
	text-decoration: none;
	position: relative;
	left: 0px;
	line-height: 1.3em;
}
#header UL LI A:hover
{
	background: #FEFEFE url(tbg.gif) repeat-x top;
	color: #000000;
}
#header UL LI A.active, #header UL LI A.active:hover
{
	color: #000000;
	background: #FEFEFE url(fbg.gif) repeat-x top;
	font-weight: bold;
}
#header UL LI A SPAN
{
	display: block;
}
/*'widths' sub menu*/
#layoutdims
{
	clear: both;
	background: #EEE;
	border-top: 4px solid #000;
	margin: 0;
	padding: 6px 15px !important;
	text-align: right;
}
/*column container*/
.colmask
{
	position: relative;
/*This fixes the IE7 overflow hidden bug*/
	clear: both;
	float: left;
	width: 100%;
/*width of whole page*/
	overflow: hidden;
/*This chops off any overhanging divs*/
}
/*common column settings*/
.colright, .colmid, .colleft
{
	float: left;
	width: 100%;
	position: relative;
}
.col1, .col2, .col3
{
	position: relative;
	padding: 0 0 1em;
	overflow: hidden;
}
#pagetitle
{
	font: 19.2pt Tahoma, sans-serif;
	font-weight: 400;
	clear: both;
	float: left;
	width: 100%;
	border-bottom: 5px solid #444444;
	text-align: center;
	color: #000000;
	background-color: #FEFEFE;
	margin: 0;
	background-image: url(tbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 5px 0px;
}
/*Full page settings*/
.fullpage
{
	background: #FFF;
/*page background colour*/
}
.fullpage .col1
{
	width: 96%;
/*page width minus left and right padding*/
	left: 2%;
/*page left padding*/
}
/*Footer styles*/
#footer
{
	clear: both;
	float: left;
	width: 100%;
	border-top: 1px solid #000;
}
#footer P
{
	text-align: center;
	color: #000000;
	background-color: #FEFEFE;
	padding: 10px;
	margin: 0;
	background-image: url(fbg.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 50px;
}
/*-->*/
.vid
{
	background-color: #323232;
}
UL
{
	font-size: 13.1pt;
	text-align: left;
}
#form
{
	width: 330px;
	font-family: sans-serif;
	line-height: 1;
	text-align: left;
	background-color: #5A5A50;
	font-size: 0.8em;
	color: #FFFFFF;
	border: 5px outset #000000;
	padding: 15px;
}
.req
{
	color: #CEC5C4;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
TEXTAREA
{
	-moz-border-radius: 10px;
	background: #FEFEFE url(tbg.gif) repeat-x bottom;
	border: 3px inset #000000;
	color: #000000;
	font-family: arial;
	font-size: 1.2em;
	text-align: left;
	font-weight: bold;
}
INPUT
{
	-moz-border-radius: 10px;
	background: #FEFEFE url(tbg.gif) repeat-x top;
	border: 3px inset #000000;
	color: #000000;
	font-family: arial;
	font-size: 1.2em;
	text-align: left;
	font-weight: bold;
}
#quote
{
	margin: -3px 5px 0px 0px;
	padding-top: 89px;
	background-color: #EEEEEE;
	height: 365px;
	text-align: center;
	font-family: Georgia;
	line-height: 1.8;
	font-size: 18.8pt;
	padding-right: 8px;
	padding-left: 8px;
	background-image: url(qbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 219px;
}
.wrapper
{
	width: 940px;
	margin-bottom: 10px;
	background-color: #313131;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	height: 225px;
	padding: 10px;
}
.flag
{
	/*+placement:shift 20px 10px;*/
	position: relative;
	left: 20px;
	top: 10px;
}
.left1
{
	position: relative;
	float: left;
	left: 5px;
	width: 225px;
	height: 225px;
}
.left2
{
	position: relative;
	float: left;
	left: 15px;
	width: 225px;
	height: 225px;
}
.left3
{
	position: relative;
	float: left;
	left: 25px;
	width: 225px;
	height: 225px;
}
.left4
{
	position: relative;
	float: left;
	left: 35px;
	width: 225px;
	height: 225px;
}
.break
{
	background-color: #FEFEFE;
	width: 100%;
	text-align: center;
	font-family: sans-serif;
	font-size: 20.7pt;
	font-weight: bold;
	background-image: url(fbg.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-top: 3px solid #000000;
}
.description
{
	height: 88px;
	background-color: #000000;
	border: 2px solid #000000;
	color: #F5F4F4;
	text-align: center;
	font-family: sans-serif;
	font-size: 8.5pt;
	background-image: url(dtbg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 4px;
	line-height: 1.1;
}
.title
{
	height: 133px;
	background-color: #FDFDFD;
	background-image: url(dude-sm.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.perfect
{
	font-family: Georgia;
	font-size: 22pt;
	font-weight: bold;
}
#bubble
{
	background-color: #D8D8D2;
	padding-left: 20px;
	padding-top: 3px;
	border: 2px solid #000000;
}
.striving
{
	margin: 0;
	font-size: 22.2pt;
	letter-spacing: 6px;
	font-weight: bold;
}
.donate
{
	float: right;
}
#donate_top
{
	background-color: #FEFEFE;
	text-align: center;
	font-family: Helvetica;
	border-bottom: 3px solid #000000;
	font-weight: bold;
	font-size: 16.4pt;
	padding-bottom: 11px;
}
.vibrams
{
	font-family: Helvetica;
	font-size: 9.4pt;
	color: #FEE0E0;
	background-color: #070708;
}
.row1
{
	background-color: #BABAAE;
}
.row2
{
	background-color: #59594F;
}



#player {
    width: 700px;
    height:240px;
    overflow: hidden;
    background: white;
    position: absolute;
    border: solid 2px gray;
}

.youtube .carousel {
    width: 20%;
    height: 100%;
    overflow: auto;
    position: absolute;
    right: 0px;
    z-index: 3;
}

.youtube .thumbnail {
    margin: 2px;
    width: 80%;
    border: 1px solid black;  
}

.youtube iframe.player {
    width: 80%;
    height: 240px;  
    overflow: auto;
    border: 0;
}