/* global styles */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	text-align: center;
	color: #444444;
}
p {
	margin: .5em 0 1em 0;
	padding: 0;
}
a:link, a:active, a:visited {
	color: #d52e12;   
	text-decoration: underline;
}
a:hover {
	color: #4a2a00;
}
body#home a#homeNav,
body#about a#aboutNav,
body#fundraising a#fundraisingNav,
body#foundation a#foundationNav,
body#song a#songNav,
body#contribute a#contributeNav {
	color: #51b7ff;
}




h3 {
   font-size: 1.2em;
   margin: 0;
   padding: 0;
   color: #222994;
}
h1 {
   font-size: 1.2em;
   margin: 2em 0 0 0;
   padding: 0;
}
h4 {
   margin: 0 0 .5em 0;
   padding: 0;
   font-size: 1.1em;
   line-height: 1.1em;
   color: #222994;
}

/* clearing for the browsers */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* videos box */
#vidL {
   float: left;
   margin: 20px 20px 0 20px;
   width: 325px;
   display: inline;
}
#vidR {
   float: left;
   width: 395px;
   font-size: 1.2em;
   margin: 80px 0 0 0;
   vertical-align: bottom;
}
#vidR h1 {
   margin: 0;
   padding: 0;
   font-size: 1.25em;
   color: #323995
}
#vidR h2 {
   margin: 0;
   padding: 0;
   font-size: 1.1em;
   color: #323995;
}



/* structure */
#container {
	width: 760px;
	margin: 0 auto;
}
#colorBlock {
   height: 50px;
   width: 100%;
   background-color: #3e416a;
   font-size: 1px;
}
#navBlock {
   background-color: #3e416a;
   text-align: left;
   padding: 0 12px 6px 20px;
}
#navBlock a {
   font-size: 1.1em;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
   padding: 0 10px 0 0;
}
#navBlock a:hover {
   text-decoration: underline;
}
#contentBox {
   width: 720px;
   padding: 12px 20px;
   background-color: #fae3b2;
   text-align: left;
}
#colL {
   float: left;
   width: 508px;
   margin: 0 12px 0 0;
   text-align: left;
}
#colLB {
   float: left;
   width: 250px;
   margin: 0 12px 0 0;
   text-align: left;
}
#colR {
   float: left;
   width: 200px;
   text-align: left;
   overflow: hidden;
   font-size: .9em;
}
#colRB {
   float: left;
   width: 455px;
   text-align: left;
}
.highlight {
   font-weight: bold;
   color: #222994;
}
.colorHighlight {
   color: #222994;
}
.colMargins {
   margin: 2em 0 1em 0;
}
#videosBanner {
   width: 760px;
   height: 299px;
   background: url(/images/banners/stkVideosBanner.jpg) no-repeat;
   text-align: left;
}




/* bottom buttons */
.buttonsBase {
   margin: 30px 0 12px 0;
}
.mainButtons {
   float: left;
   width: 162px;
   margin-right: 11px;
   text-align: left;
   font-size: .9em;
}
.mainButtons h1 {
   margin: 4px 0 0 0;
   padding: 0;
   font-size: 1.2em;
   color: #f86828;
}
.mainButtons h1 a {
   text-decoration: underline;
}
.mainButtons h1 a:hover {
   color: #ab4213;
}
.mainButtons.end {
   margin: 0;
}


.fltImg {
   float: left;
   margin: 0 10px 0 0;
}
.fltImgB {
   float: right;
}


/* footer */
#footerBox {
   width: 720px;
   padding: 12px 20px;
   font-size: .85em;
   color: #ffffff;
   background-color: #000000;
   text-align: left;
   margin: 0;
}

ul {
   margin: .5em 0 1em 2em;
   padding: 0;
}