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

<!-- 
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


a:link, a:visited { 
	text-decoration : none;
	color: #6b6969;
	 }
h3 span a:hover{
	color: #833436;
	}
	
#home span{
	top: 5px;
	left: 10px;
	}
#phil span{
	top: 5px;
	left: 130px;
	}
	
#ent span{
	top: 5px;
	left: 315px;
	}
	
#bus span{
	top: 5px;
	left: 530px;
	}
	
#friends span{
	top: 5px;
	left: 685px;
	}
	
#foot span{
	top: 35px;
	left: 295px;
	font : 72%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
	color : #333;
	}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
	}
a.bodylink {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #6b6969;
	text-decoration: underline;
	}
.oneColElsCtrHdr #container {
	width: 770px;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #DDDDDD;
	text-align: left; 
	background-image:url(../images/shadow_run.jpg);
	background-repeat:repeat-x;
}
.oneColElsCtrHdr #header {
	position : relative;
	z-index : 10;
	height : 166px; 
	background: #DDDDDD; 
} 

.twoColElsLtHdr #container { 
	width: 770px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #DDDDDD;
	text-align: left; 
	background-image:url(../images/shadow_run_phil.jpg);
	background-repeat:repeat-x;
} 
.twoColElsLtHdr #header { 
	position : relative;
	z-index : 10;
	height : 166px; 
	background: #DDDDDD; 
	} 
	
li  {
	float:left;
	width: 50%;
	}
		 
#flash {
	position : relative;
	z-index : 5;
	height : 237px; 
	background: #E9D2FF;
	text-align:center;
}

 #flash h1{
 	padding-top: 118px;
	}
	
#main_nav{
	position:relative;
	width: 100%;
	background-color: #DDDDDD;
	text-align:center;
	height: 30px;
	}
	
h3 span{
	position:absolute;
	z-index:2;
	padding : .15em .3em;
	color : #333;
	font : bold 92% "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
	text-align : center;
	text-transform:uppercase;
	left: 102px;
	top: 1213px;
	}
	
h2 span{
	position:absolute;
	z-index:2;
	}	

.twoColElsLtHdr #header h1 {
	margin: 0;
	padding: 10px 0; 
	}

.twoColElsLtHdr #sidebar1 {
	float: left; 
	width: 12em;
	padding: 15px 0; 
	margin-top: 35px;
	background-color: DDDDDD;
	}

#sidebar1 h3{
	text-align:center;
	font : 92% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color:#999999;
	font-weight:bold;
	background-image:url(../images/arrowDown.gif);
	background-repeat:no-repeat;
	border-bottom:1px solid #CCCCCC;
	}
	
	#sidebar1 li{
	text-align:left;
	font : 85% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color:#999999;
	margin-left: 40px; 
	margin-right: 10px;
	margin-top: 25px;
	font-weight:bolder;
	background-image:url(../images/ornament01.gif);
	background-repeat:no-repeat;
	border-bottom:1px solid #CCCCCC;
	width: 130px;
  }

		
	
#sidebar1 p{
	text-align:left;
	font-weight:bold;
	margin-top: 25px;
	padding-left:35px;
	background:url(../images/ornament01.jpg) 20px 2px no-repeat;
	background-repeat: no-repeat; 
	}
	
#sidebar1 a{
		font : 85% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color:#970000;
}
	
#sidebar1 span{
	text-align:left;
		font : 75% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color:#000000;
		margin-left: 35px;
		}

.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
	margin-left: 10px; 
	margin-right: 10px;
}

.twoColElsLtHdr #mainContent {
	margin: 0 1.5em 0 13em;
	padding: 15px 0; 
	margin-top: 35px;
}

.twoColElsLtHdr #mainContent h1{
	font : 200% Constantia, Palatino, Times, serif;
	color: #970000;
	 
}

.twoColElsLtHdr #mainContent h2{
margin-top: 10px;
	color:#999999;
	}


.twoColElsLtHdr #mainContent img{
	float:left;
	margin: 10px 10px 5px 0;
	}

.twoColElsLtHdr #mainContent p{
	font : 90%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #333;
	color: #666666;
	}
	
#mini_nav{
	float:right;
	width: 25%;
	padding-right: 15px;
	font : 90%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
	color : #666;
	}

#mini_nav em{
	color: #970000;
	}

.twoColElsLtHdr #footer { 
	position:relative;
	width: 100%;
	background-color: #DDDDDD;
	text-align:center;
	padding: 0; 
	height: 57px;
} 

.twoColElsLtHdr #footer p {
	margin: 0;
	padding: 10px 0; 
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#navigation{
	position:relative;
	width: 100%;
	background-color:#CCCCCC;
	height: 30px;
	z-index: 3;
	}
	
.oneColElsCtrHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}

.oneColElsCtrHdr #mainContent {
	margin-left: 70px;
	margin-right: 70px;
	padding: 30px 30px; 
	background: #FFFFFF;
	background-image:url(../images/shadow_run2.jpg);
	background-repeat:repeat-x;
	}

.oneColElsCtrHdr #mainContent p{
	font : 90%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #333;
	color: #666666;
	}

.oneColElsCtrHdr #footer { 
	position:relative;
	width: 100%;
	background-color: #DDDDDD;
	text-align:center;
	padding: 0;
	height: 57px;
	}
	 
.oneColElsCtrHdr #footer p {
	margin: 0; 
	padding: 0; 
	}

.style2 {font-size: x-small}
.style4 {font-size: 72%}
.style5 {color: #666666}
.style6 {color: #333}
.style7 {
	color: #3399FF
}
.style8 {font-size: 85%}
--> 
</style><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColElsLtHdr #sidebar1 { padding-top: 30px; }
.twoColElsLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->