body {margin:auto; padding:0; height:100%; font: medium Arial, Helvetica, sans-serif; text-align:center; color:#000; background-color:#666666; }

#pop form{ margin:0; padding:0; font-weight:bold;}
#pop select {font: 12px Arial, Helvetica, sans-serif; margin:0; padding:0; height: 20px;}
#pop input {font: bold 12px Arial, Helvetica, sans-serif; margin:0; padding:0; height:15px;}
#pop option {font: bold 12px Arial, Helvetica, sans-serif; margin:0; padding:0; height:15px;}
#pop label {font: 12px Arial, Helvetica, sans-serif; margin:0; padding:0; font-weight:bold;}

h1 {font-size:160%; font-weight:bold; margin:0; padding:2px; color:#ff0;}
h2 {font-size:140%; font-weight:bold; margin:0; padding:0; color:#900;}
h3 {font-size:130%; font-weight:bold; margin:0; padding:0; color:#fc0;}
h4 {font-size:120%; font-weight:bold; margin:0; padding:0; color:#ff0;}
h5 {font-size:110%; font-weight:bold; margin:0; padding:0; color:#900;}

a:link,a:active{color:#003399;}
a:visited{color:#003399;}
a:hover{color:#fff;}

.package a {color:#900; text-decoration:none;}
.package a:visited {color:#c00;}
.package a:active, a:hover {color:#c00; text-decoration:underline;}

.photos {float:left; margin:25px; width:220px; height:200px;}
.photos_small {float:left; margin:5px; width:150px; height:100px;}
.photos a {color:#900; text-decoration:none;}
.photos a:active, a:hover { text-decoration:underline;}

.bold {font-weight:bold;}
.center {text-align:center;}
.fl_left {float:left;}
.fl_right {float:right;}
.fl_left_clr {float:left; clear:left;}
.fl_right_clr {float:right; clear:right;}
.hidden { visibility:hidden;}
.visible { visibility:visible;}
.blue_tint {background:url(../images/blue_tint_background.png) repeat; padding:5px; }

.navigation ul {margin:0; padding:3px; display:block; text-align:center; color: #ff0; background:url(../images/blue_tint_background.gif) repeat;}
.navigation li {margin:0; padding:0 5px; display:inline;}
.navigation a:link,a:active{color:#ff0;}
.navigation a:visited{color:#fc0;}
.navigation a:hover{color:#fc0;}
h3 a:link,a:visited {color:#ff0;}
h3 a:active,a:hover {color:#fc0;}

.package {float:left; clear:left; color:#900; padding:0; margin: 10px 0; display:block; width:95%;}

.left_column {width: 400px; float:left; clear:left;}
.right_column {width: 400px; float:right; clear:right;}
.full_width { clear:both; width:100%;}

/*950 px background graphic - wrapper size, faded area inset 40px left and right plus additional 20px margin makes for 60px main container padding, leaving 830px inside, room for 2 400px columns*/
#wrapper { width:950px; min-height:750px; background: url(/images/PoP_home_background.jpg) top center no-repeat; text-align:left;} 
#main_container {position:relative; margin:0 0 10px 0; padding:0px 60px 25px 60px;}
#top_navigation {margin:5px 0 0 0; height:110px; padding:0; z-index:4;}
#sparkles { position:absolute; top:375px; left:0px; width:950px; height:690px; z-index:3;}
