/* CSS Document */
body { background-color:#CCCCCC; margin:0 0 0 10px; padding:0;}
div {font-family:Geneva, Arial, Helvetica, sans-serif;}

#header {position: fixed; right:10px; text-align:right; width:400px;}
#title {position: fixed; left:20px; text-align:left; width:400px;}

#logo {position:absolute; top:25px; text-align:right; width:auto;}
#logo h1 {font-size:48px; color:#999999; line-height:24px;}
#logo a {color:#999999; text-decoration:none;}

#nav {position:absolute; top:50px; text-align:right; width:400px;}
#nav a {font-size:9px; font-weight:normal;}

#nav {font-size:9px; color:#FFCC33; font-weight:bold;}

.content {float:left; width:445px; margin:75px 26px 10px 5px; overflow:auto; background-color:#CCCCCC; padding:10px;}
#copy {position: absolute; top:75px; width:420px; left: 100px;}
#video { position:absolute; left:540px; top:75px; width:320px;}

h1 {font-size:12px; color: #6699CC; margin-top:0;}
h3 {font-size:10px; color:#666666; padding:5px 0; margin:0;}
p {font-size:9px; color:#666666; padding:0 0 15px 0; margin:0;}

textarea { clear:both; width:409px; height:100px; border:none; background-color:#CCCCCC; color:#666666; font:9px Geneva, Arial, Helvetica, sans-serif; overflow:hidden; margin:0 0 15px 0; padding:0;}

a {color:#FFFF33; text-decoration:none;}
a:hover {color:#FFCC33; text-decoration:underline;}
.orange {color:#FFCC33;}

/* mp3 player */
#player_container {
	padding:0;
}

#player_container p {font:9px Geneva, Arial, Helvetica, sans-serif;}

#player_container .blue {color: #FFCC33; text-decoration:underline;}

#player_container .magenta {color: #FFCC33;}

#player_container .green {color: #6699CC;}

#player_container .darkblue {color: #002869;}

#player_progress_ctrl_bar, #player_progress_play_bar, #player_progress_load_bar {font-size:11px; height:1.2em; letter-spacing:.1em;}
#player_progress {margin:0 0 15px 0;}