body{
	color: navy;
}
div{
	/*background-color: COLOR;          			/* if needed */
    /*border: 1px solid BORDER_COLOR;   		/* if needed */
    -webkit-border-radius: 10px;    /* for Safari */
	-moz-border-radius: 10px; 
}
a:link{
	color: navy;
}
a:visited{
	color: navy;
}
/* Add stuff here */
#videolink{	
}
#pg_background{
	background-color: white;
	background-repeat: no-repeat;
}
#bigbox{
	position: absolute;
	/*border: 3px solid black;*/
	height: 97%;
	width: 98%;
	background-image: url(../images/background.gif);
}
#bigbox_races{
	position: absolute;
	border: 3px solid black;
	height: auto;
	width: 98%;
	background-image: url(../images/background.gif);
}
#topbox{
	position: absolute;
	/*border: 3px solid green;*/
	z-index: 1;
	height: 14%;
	width: 99.5%;
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
}
#titlebox{
	position: absolute;
	/*border: 3px solid orange;*/
	height: 90%;
	width: 67%;
	left: 0%;
	top: 0%;
}
/* Below: class was used instead of id because with CSS3 std, it will be possible to 'reflect' images, but it's not fully supported  
.titleboxtext{
	position: absolute;
	border: 3px solid blue;
	height: 60%;
	width: 37%;
	font: bold 32pt "Arial";
}
*/
.titleboxtext_flash{
	/*border: 3px solid blue;*/
	/*background-image: url(../images/moving_text.jpg);
	background-image: url(../images/threedtext.gif);*/
	background-image: url(../images/reflec_3d.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 0%;
	top: 0%;
	height: 60%;
	width: 37%;
	font: bold 32pt "Arial";
}
#moving_text{
	background-color: white;
	position: absolute;
	/*border: 3px solid blue;*/
	height: 60%;
	width: 37%;
	font: bold 32pt "Arial";
}
#deddisdes{
	position: absolute;
	/*border: 3px solid yellow;*/
	background-color: black;
	/*height: 55%;*/
	height: 60%;
	/*width: 33%;*/
	width: 45%;
	/*left: 38%;*/
	left: 29%;
	/*top: 2%;*/
	top: 0%;
	font: bold 8pt "Arial";
	z-index: 1;
	/*color: navy;*/
	color: white;
}
#dedication{
	position: absolute;
	/*border: 3px solid orange;*/
	height: 38%;
	width: 27%;
	left: 0%;
	top: 0%;
	font: bold 8pt "Arial";
	visibility: hidden;
}
#discipline{
	position: absolute;
	/*border: 3px solid blue;*/
	height: 38%;
	width: 27%;
	left: 36%;
	top: 20%;
	font: bold 8pt "Arial";
	visibility: hidden;
}
#desire{
	position: absolute;
	/*border: 3px solid red;*/
	height: 38%;
	width: 27%;
	left: 70%;
	top: 40%;
	font: bold 8pt "Arial";
	visibility: hidden;
}
#rrcamemb{
	position: absolute;
	/*border: 3px solid cyan;*/
	height: 20%;
	width: 17%;
	left: 0%;
	top: 77%;
	font: bold 8pt "Arial";
}
#menubox{
	position: absolute;
	/*border: 3px solid brown;*/
	height: 25%;
	width: 53%;
	left: 18%;
	top: 70%;
	font: 10pt "Arial";
	z-index:1;
	background-image: url(../images/background.gif);
}
#rrcabox{
	position: absolute;
	/*border: 3px solid cyan;*/
	height: 90%;
	width: 32%;
	left: 67.5%;
}
/* 1024x768 res: 624px */
#topboxflashphotos{
	/*height: 33px;
	width: 110px;*/
	position: absolute;
	/*border: 3px solid green;*/
	background-color: black;
	height: 90%;
	width: 25%;
	left: 72%;
	top: 0%;
	font: 10pt "Arial";
	z-index:0;
	text-align: right;
	z-index:1;
}
#contentareabox{
	position: absolute;
	/*border: 3px solid yellow;*/
	height: 77%;
	width: 77%;
	left: 0%;
	top: 15.5%;
	background-image: url(../images/background.gif);
}
#contentareabox_races{
	position: absolute;
	/*border: 3px solid yellow;*/
	height: 77%;
	width: 77%;
	left: 0%;
	top: 15.5%;
}
#contentbox{
	position: absolute;
	/*border: 3px solid blue;*/
	height: 98%;
	width: 54%;
	left: 0%;
	top: .5%;
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
}
#contentlocbox{
	position: absolute;
	/*border: 3px solid yellow;*/
	height: 7%;
	width: 98.5%;
	left: 0%;
	top: 1%;
	font: italic bold 20pt "Arial";
	background-image: url(../images/background.gif); 
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
}
#contentlocbox_races{
	position: absolute;
	/*border: 3px solid yellow;*/
	height: 7%;
	width: 95%;
	left: 0%;
	top: 1%;
	font: italic bold 20pt "Arial";
	background-image: url(../images/background.gif); 
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
}
#contenttextbox{
	position: absolute;
	/*border: 3px solid cyan;*/
	height: 13%;
	width: 98.5;
	left: 0%;
	top: 11%;
	font: 12pt "Arial";
}
.races_heading{
	font: bold 10pt "Arial";
}
#contenttextbox_races{
	position: absolute;
	/*border: 3px solid cyan;*/
	height: 88%;
	width: 95%;
	left: 0%;
	top: 10%;
	font: 10pt "Arial";
}
#contenttextboxtemplate{
	position: absolute;
	/*border: 3px solid cyan;*/
	height: 87%;
	width: 98.5%;
	left: 0%;
	top: 11%;
	font: 12pt "Arial";
}
#photogallerybox{
	/*border: 3px solid green;*/
	position: absolute;
	height: 72.5%;
	width: 98.5%;
	left: 0%;
	top: 25.5%;
}
#photogalleryboxtitle{
	position: absolute;
	/*border: 3px solid brown;*/
	height: 10%;
	width: 98.5%;
	left: 0%;
	top: 0%;
	font: italic bold 14pt "Arial";
	background-image: url(../images/background.gif);
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
}
#leftcol{
	position: absolute;
	border: 2px solid navy;
	height: 98.5%;
	width: .05%;
	left: 56.5%;
	top: 0%;
	background-color: navy;
}
#cornervlogbox{
	position: absolute;
	/*border: 3px solid purple;*/
	height: 98%;
	width: 37%;
	left: 58.5%;
	top: .5%;
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
	background-image: url(../images/background.gif);
}
#cornerbox{
	position: absolute;
	/*border: 3px solid green;*/
	height: 42%;
	width: 98%;
	left: 0%;
	top: 1%;
}
#cornerbox_aboutus{
	position: absolute;
	/*border: 3px solid green;*/
	height: 97%;
	width: 98%;
	left: 0%;
	top: 1%;
}
#cornerboxtitle{
	position: absolute;
	/*border: 3px solid red;*/
	height: 13%;
	width: 98%;
	left: 0%;
	top: 0%;
	font: italic bold 14pt "Arial";
	background-image: url(../images/background.gif);
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
}
#cornerboxtitle_aboutus{
	position: absolute;
	/*border: 3px solid red;*/
	height: 6%;
	width: 98%;
	left: 0%;
	top: 0%;
	font: italic bold 14pt "Arial";
	background-image: url(../images/background.gif);
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
}
#cornerboxtitle_vlog{
	position: absolute;
	/*border: 3px solid red;*/
	height: 6%;
	width: 98%;
	left: 0%;
	top: 1%;
	font: italic bold 14pt "Arial";
	background-image: url(../images/background.gif);
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
}
#cornerboxsteps_vlog{
	position: absolute;
	/*border: 3px solid cyan;*/
	height: 90%;
	width: 98%;
	left: 0%;
	top: 8%;
	font: 12pt "Arial";
}
#itemtitle{
	position: absolute;
	/*border: 3px solid yellow;*/
	height: 11%;
	width: 98%;
	left: 0%;
	top: 16%;
	font: bold 12pt "Arial";
}
#cornerboxcontent{
	position: absolute;
	/*border: 3px solid cyan;*/
	height: 66%;
	width: 98%;
	left: 0%;
	top: 30%;
	font: 12pt "Arial";	
}
#cornerboxcontent_aboutus{
	position: absolute;
	/*border: 3px solid cyan;*/
	height: 90%;
	width: 98%;
	left: 0%;
	top: 8%;
	font: 12pt "Arial";	
}
/* File from index pg */
#vlogboxhm{
	position: absolute;
	/*border: 3px solid orange;*/
	height: 53%;
	width: 98%;
	left: 0%;
	top: 45%;
}
#vlogbox_vlog{
	position: absolute;
	/*border: 3px solid orange;*/
	height: 88%;
	width: 98%;
	left: 0%;
	top: 10%;
}
/* File from index pg */
#vlogboxcaption{
	position: absolute;
	/*border: 3px solid yellow;*/
	height: 12%;
	width: 97.5%;
	left: .5%;
	top: 1%;
	z-index: 1;
	font: italic bold 14pt "Arial";	
	background-image: url(../images/background.gif);
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
}
/* File from index pg */
#vlogboxvideoimg{
	position: absolute;
	/*border: 3px solid blue;*/
	height: 81%;
	width: 98%;
	left: 0%;
	top: 17%;
	background-image: url(../images/vlog/erick_8-3-09.jpg);
	background-repeat: no-repeat;
}
#vlogtitle2{
	position: absolute;
	/*border: 3px solid green;*/
	height: 7%;
	width: 98%;
	left: 0%;
	top: 0%;
	font: italic bold 14pt "Arial";		
}
#vlogtitle2fn{
	position: absolute;
	/*border: 3px solid red;*/
	height: 80%;
	width: 48.5%;
	left: 0%;
	top: 0%;	
}
#vlogtitle2ln{
	position: absolute;
	/*border: 3px solid brown;*/
	height: 80%;
	width: 48.5%;
	left: 50%;
	top: 0%;	
}
#vlogtitle3{
	position: absolute;
	/*border: 3px solid brown;*/
	height: 7%;
	width: 98%;
	left: 0%;
	top: 9%;
}
#vlogtitle3email{
	position: absolute;
	/*border: 3px solid cyan;*/
	height: 80%;
	width: 32%;
	left: 0%;
	top: 0%;
	font: italic 12pt "Arial";		
}
#vlogtitle3facebook{
	position: absolute;
	/*border: 3px solid orange;*/
	height: 80%;
	width: 32%;
	left: 34%;
	top: 0%;
	font: italic 12pt "Arial";		
}
#vlogtitle3twitter{
	position: absolute;
	/*border: 3px solid blue;*/
	height: 80%;
	width: 32%;
	left: 67%;
	top: 0%;
	font: italic 12pt "Arial";		
}
#vlogvideobox{
	position: absolute;
	/*border: 3px solid green;*/
	height: 80%;
	width: 98%;
	left: 0%;
	top: 18%;		
}
#vlogvideoboxsummary{
	position: absolute;
	/*border: 3px solid red;*/
	height: 12%;
	width: 98%;
	left: 0%;
	top: .5%;
	font: 10pt "Arial";
}
#vlogvideoboxvideo{
	position: absolute;
	/*border: 3px solid yellow;*/
	height: 84%;
	width: 98%;
	left: 0%;
	top: 14%;
	font: 10pt "Arial";
	background: black;
	z-index:-1;
}
#rightcol{
	position: absolute;
	border: 2px solid navy;
	height: 98.5%;
	width: .05%;
	left: 98%;
	top: 0%;
	background-color: navy;
}
#contactslinksbox{
	position: absolute;
	/*border: 3px solid green;*/
	height: 77%;
	width: 21.5%;
	left: 78%;
	top: 15.5%;
	font: italic bold 14pt "Arial";	
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
}
#contactsbox{
	position: absolute;
	/*border: 3px solid red;*/
	height: 65%;
	width: 96%;
	left: 0%;
	top: 2%;
}
#contactsboxtitle{
	position: absolute;
	/*border: 3px solid orange;*/
	height: 8%;
	width: 96%;
	left: 0%;
	top: 0%;
	font: inherit;
	background-image: url(../images/background.gif);
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
}
#contactsboxcontent{
	position: absolute;
	/*border: 3px solid brown;*/
	height: 86.5%;
	width: 96%;
	left: 0%;
	top: 11%;
	font: 10pt "Arial";	
}
#linksbox{
	position: absolute;
	/*border: 3px solid cyan;*/
	height: 29%;
	width: 96%;
	left: 0%;
	top: 69%;
}
#linksboxtitle{
	position: absolute;
	/*border: 3px solid yellow;*/
	height: 15%;
	width: 96%;
	left: 0%;
	top: 0%;
	font: inherit;
	background-image: url(../images/background.gif);
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
}
#linksboxcontent{
	position: absolute;
	/*border: 3px solid blue;*/
	height: 74.5%;
	width: 96%;
	left: 0%;
	top: 21%;
	font: 10pt "Arial";	
}
#bottombox{
	position: absolute;
	height: 4%;
	width: 16%;
	left: 41%;
	top: 95.5%;
	font: 10pt "Arial"; 
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
	/*border: 1px solid blue;*/
}
#bottombox_races{
	position: absolute;
	height: 4%;
	width: 16%;
	left: 81%;
	top: 95.5%;
	font: 10pt "Arial"; 
	-moz-box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
	/*border: 1px solid blue;*/
}