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



body{
	font-family: Helvetica, Arial, verdana;
	font-size:10px;
	
}
a:link, a:visited, a:active {
	color: #DF5E22;
	text-decoration: none;
}
a:hover {
	color: #DF5E22;
	text-decoration: underline;
}

div.header {
	width: 724px;
	height: 121px;
	background-image:url(../images/pp-header.gif);
}




#header { /* background image block */
display: block;
width: 724px;
height: 121px;
background-image: url(../images/pp-header.gif) no-repeat;
margin-top: 0px;
}
#header a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#contact { /* contact Link */
float: left;
position:absolute;
width : 50px;
height: 20px;
margin-left: 600px;
margin-top: 5px;
}
#home { /* home Link */
float: left;
position:absolute;
width : 50px;
height: 20px;
margin-left: 550px;
margin-top: 5px;
}
#coastcapital { /*  Link */
float: left;
position:absolute;
width : 151px;
height: 134px;

}
#rockets { /*  Link */
float: left;
position:absolute;
width : 146px;
height: 134px;
margin-left: 575px;

}


div.top-nav {
	background-color:#DF5E22;
	width: 722px;
	height: 25px;
	border-left:1px solid #FFCC00;
	border-right: 1px solid #FFCC00;
	text-align:right;
	overflow:auto;
}
<!-- navigatipon Start -->
 #pointermenu2 {
	margin: 0;
	padding: 0;
}
#pointermenu2 ul {
	margin: 0;
	float: left;
	padding-left: 8px;
	font: bold 10px Helvetica;
	background-color:#DF5E22;
}
* html #pointermenu2 ul { /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
	margin-bottom: 1em;
}
#pointermenu2 ul li {
	display: inline;
	text-align:right;
}
#pointermenu2 ul li a {
	float: left;
	color: white;
	font-weight: bold;
	padding: 5px 9px 7px 5px;
	text-decoration: none;
	
}
#pointermenu2 ul li a:visited {
	color: white;
}
#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected { /*hover and selected link*/
	color: lightyellow;
	background: transparent url(../images/pointer.gif) bottom center no-repeat;
}
/* =-=-=-=-=-=-=-navigatipon end-=-=-=-=-=-=-=- */


/* =-=-=-=-=-=-=-[Left Menu]-=-=-=-=-=-=-=- */
	

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: square;
	
}
#menu {
	position: relative;
	top: 0;
	left: 0;
	width:200px;
}
dl#menu {
	width: 15em;
	
}
dl#menu dt {
	cursor: pointer;
	margin: 2px 0 2px -8px;
	height: 12px;
	text-align: left;
	font-weight: bold;
	font-size:9px;
	font-family: Helvetica, Arial, verdana;
	border-bottom:1px dotted #FF6600;
	background-image:url(images/nav-icon.gif) no-repeat; 
	
	
}
* html dl#menu dt {
	cursor: pointer;
	margin: 0 0 2px 0;
	height: 12px;
	text-align: left;
	font-weight: bold;
	font-size:11px;
	font-family: Arial,  Helvetica, verdana;
	border-bottom:1px dotted #FF6600;
	background-image:url(images/nav-icon.gif) no-repeat; 
	
	
}
dl#menu dd {
	width:150px;
	padding-bottom: 5px;
	padding-left: 5px;
	
}
* html dl#menu dd {
	width:150px;
	padding-bottom: 5px;
	padding-left: 10px;
	
}
dl#menu li {
	text-align: left;
	margin-left:5px;
	display:inline;
	
}
* html dl#menu li {
	text-align: left;
	margin-left:10px;
	display:inline;
	
}

dl#menu li a, dl#menu dt a {
	color: #666666;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
}
dl#menu li a:hover, dl#menu dt a:hover {
	color:#FF6600;
}
#mentions {
	font-family: Helvetica, Arial, verdana;
	position: absolute;
	bottom : 200px;
	left : 10px;
	color: #666666;
	background-color: #ddd;
}
#mentions a {
	text-decoration: none;
	color: #FF6600;
}
#mentions a:hover {
	text-decoration: underline;
}
/* =-=-=-=-=-=-=-[Left Menu END]-=-=-=-=-=-=-=- */	

/* =-=-=-=-=-=-=-[Buttons Start]-=-=-=-=-=-=-=- */	

a.squarebutton{
	background: transparent url(../images/Buttons/square-orange-left.gif) no-repeat top left;
	display: block;
	float: left;
	font: normal 11px Arial; 
	line-height: 15px; 
	height: 23px; 
	padding-left: 9px; 
	text-decoration: none;
	display:inline;

}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
	color: #494949; 
}

a.squarebutton span{
	background: transparent url(../images/Buttons/square-orange-right.gif) no-repeat top right;
	display: block;
	padding: 4px 9px 4px 0; 
}

a.squarebutton:hover{ 
	background-position: bottom left;
}

a.squarebutton:hover span{ 
	background-position: bottom right;
	color: black;
}

.buttonwrapper{ 
	overflow: hidden; 
	width: 100%;
	right:auto;

}

/* =-=-=-=-=-=-=-[Buttons END]-=-=-=-=-=-=-=- */	


div.spacer {
	height:2px;
	width:724px;
	background-color:#FFFFFF;
	display: inline;
}
div.header-image {
	background-color:#FFFFFF;
	height:133px;
	width:724px;
	border-top: 3px solid #FFFFFF;
	margin-top: -2px;
	overflow:auto;
	background-image:url(../images/img-header.jpg);

}
* html div.header-image {
	background-color:#FFFFFF;
	height:133px;
	width:724px;
	border-top: 3px solid #FFFFFF;
	display:block;
	overflow:hidden;
	background-image:url(../images/img-header.jpg);
}
div.header-image-left {
	display:block;
	width: 428px;
	height: 132px;
	margin: 1px 0 1px 1px;
	float:left;
	background-color:#FFFFFF;

	
}
* html div.header-image-left {
	width: 422px;
	height: 133px;
	margin: 0 2px 0 0;
	float:left;
	background-color:#FFFFFF;
	overflow:hidden;
	
	
}
div.header-image-right {
	width: 294px;
	height: 133px;
	margin: 1px 0 1px 1px;
	float:left;
	background-color:#f8e074;
	
}
* html div.header-image-right {
	width: 294px;
	height: 133px;
	margin: 0 0 0 0;
	float:left;
	background-color:#f8e074;
	display:inline;
}
div.content {
	background-color:#FFFFFF;
	font:Helvetica, Arial, Verdana;
	color: #666666;
	width:704px;
	padding:10px;
	overflow:auto;
	min-height:200px;
	
}
* html div.content {
	background-color:#FFFFFF;
	font: Arial, Helvetica, Verdana;
	color: #666666;
	width:704px;
	padding:10px;
	overflow:auto;
	min-height:200px;
	
}
div.content-left {
	float:left;
	background-color:#FFFFFF;
	font: Helvetica, Arial, Verdana;
	font-size: 10px;
	color: #666666;
	width:360px;
	padding:10px;
}
* html div.content-left {
	float:left;
	background-color:#FFFFFF;
	font:  Arial, Helvetica, Verdana;
	font-size: 11px;
	color: #666666;
	width:360px;
	padding:10px;
}
div.content-middle {
	float:left;
	background-color:#FFFFFF;
	font: Helvetica, Arial, Verdana;
	font-size: 10px;
	color: #666666;
	width:320px;
	padding:15px;
	border-right:1px solid #f5d1c1;
	border-left:1px solid #f5d1c1;
}
* html div.content-middle {
	float:left;
	background-color:#FFFFFF;
	font: Arial,  Helvetica, Verdana;
	font-size: 11px;
	color: #666666;
	width:320px;
	padding:15px;
	border-right:1px solid #f5d1c1;
	border-left:1px solid #f5d1c1;
}
div.content-middle-big {
	float:left;
	background-color:#FFFFFF;
	font: Helvetica, Arial, Verdana;
	font-size: 10px;
	color: #666666;
	width:500px;
	padding:15px;
	border-left:1px solid #f5d1c1;
}
* html div.content-middle-big {
	float:left;
	background-color:#FFFFFF;
	font: Arial,  Helvetica, Verdana;
	font-size: 11px;
	color: #666666;
	width:480px;
	padding:15px;
	border-left:1px solid #f5d1c1;
}
div.content-left-nav {
	float:left;
	background-color:#FFFFFF;
	font: Helvetica, Arial, Verdana;
	font-size: 10px;
	color: #666666;
	width:150px;
	padding:10px;
}
* html div.content-left-nav {
	float:left;
	background-color:#FFFFFF;
	font: Arial,  Helvetica, Verdana;
	font-size: 11px;
	color: #666666;
	width:150px;
	padding:10px;
}
div.content-right {
	float:left;
	background-color:#FFFFFF;
	font: Helvetica, Arial, Verdana;
	font-size: 11px;
	color: #666666;
	width:280px;
	padding: 10px 0 0 40px;
}
* html div.content-right {
	float:left;
	background-color:#FFFFFF;
	font: Arial,  Helvetica, Verdana;
	font-size: 11px;
	color: #666666;
	width:260px;
	padding: 10px 0 0 40px;
}
div.content-right-small {
	float:left;
	background-color:#FFFFFF;
	font: Helvetica, Arial, Verdana;
	font-size: 10px;
	color: #666666;
	width:150px;
	padding: 10px 0 0 10px;
}
* html div.content-right-small {
	float:left;
	background-color:#FFFFFF;
	font: Arial, Helvetica, Verdana;
	font-size: 11px;
	color: #666666;
	width:150px;
	padding: 10px 0 0 10px;
}
h1 {
	font:Helvetica, Arial, Verdana;
	font-weight: bold;
	color: #DF5E22;
	font-size:14px;
}
.BoldOrange {
	font:Helvetica, Arial, Verdana;
	font-weight: bold;
	color: #DF5E22;
	font-size:10px;
}
*html .BoldOrange {
	font: Arial, Helvetica, Verdana;
	font-weight: bold;
	color: #DF5E22;
	font-size:11px;
}
div.events-bg {
	float:left;
	display:block;
	width:680px;
	padding:10px;
	height:inherit;
	background-color:#f8e074;
	overflow:auto; 
}
div.events-left-home {
	float:left;
	display:block;
	width:350px;
	padding:10px;
	height:inherit;
	background-color:#f8e074;
	overflow:auto; 
}
*html div.events-left-home {
	float:left;
	display:block;
	width:350px;
	padding:10px;
	height:inherit;
	background-color:#f8e074;
	overflow:auto;
	font-size:11px; 
}
div.footer {
	width: 718px;
	height: 16px;
	background-image:url(../images/pp-footer-bg.gif);
	font:Helvetica, Arial, Verdana;
	font-size: 9px;
	color:#FFFFFF;
	padding: 8px 0 0 5px;
}