body     { background-color: #181a0f; margin: 0 }

#container   { background-image: url("images/sm_top.jpg"); background-repeat: no-repeat; background-position: center top; margin-top: 5%; margin-right: 5%; margin-bottom: 5%; padding-top: 127px; position: relative; width: 700px; height: 650px }

#top_l_col       { 
color: #333; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif;  
text-align: justify; 
margin: 32px 0px 0px 66px; 
width: 280px; 
height: 130px; 
float: left; }

#top_r_col    { 
color: #333; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bolder; 
font-stretch: ultra-condensed; 
text-decoration: none; 
width: 345px; 
height: 130px; 
float: right; }

#top_r_col p   { color: #333; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; margin-top: 32px; margin-left: 12px; width: 274px; height: 100px; float: left }
#bot_l_col       { color: #333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("images/sm_botlcol.jpg"); background-repeat: no-repeat; text-align: justify; padding-top: 32px; padding-right: 20px; padding-left: 62px; position: absolute; z-index: 100; top: 255px; left: 0; width: 355px; height: 367px; float: left }
#bot_l_col2    { background-image: url("images/sm_botlcol.jpg"); visibility: hidden; position: absolute; z-index: 200; top: 257px; left: 0; width: 355px; height: 367px; float: left }
#bot_l_col3    { background-image: url("images/sm_botlcol.jpg"); visibility: hidden; position: absolute; z-index: 300; top: 257px; left: 0; width: 355px; height: 367px; float: left }
#bot_l_col4    { background-image: url("images/sm_botlcol.jpg"); visibility: hidden; position: absolute; z-index: 400; top: 257px; left: 0; width: 355px; height: 367px; float: left }
#bot_l_col5    { background-image: url("images/sm_botlcol.jpg"); visibility: hidden; position: absolute; z-index: 500; top: 257px; left: 0; width: 355px; height: 367px; float: left }

#bot_r_col    { 
background-image: url("images/sm_botrcol.jpg"); position: absolute; z-index: 100; top: 255px; right: 0; width: 345px; height: 367px; float: right }
#bot_r_col2    { background-image: url("images/sm_botrcol.jpg"); visibility: hidden; position: absolute; z-index: 200; top: 257px; right: 0; width: 345px; height: 367px; float: right }
#bot_r_col3    { background-image: url("images/sm_botrcol.jpg"); visibility: hidden; position: absolute; z-index: 300; top: 257px; right: 0; width: 345px; height: 367px; float: right }
#bot_r_col4    { background-image: url("images/sm_botrcol.jpg"); visibility: hidden; position: absolute; z-index: 400; top: 257px; right: 0; width: 345px; height: 367px; float: right }
#bot_r_col5    { background-image: url("images/sm_botrcol.jpg"); visibility: hidden; position: absolute; z-index: 500; top: 257px; right: 0; width: 345px; height: 367px; float: right }

.clr   { height: 1px; clear: both }
#ftr   { background-image: url("images/sm_ftr.jpg"); background-repeat: no-repeat; width: 700px }
#floatbubbles     { background-image: url("images/floatbubbles.png"); position: absolute; top: 240px; left: 80px; width: 165px; height: 180px }
#mediaplayer_pos    { padding-top: 30px; padding-right: 53px; border-color: aqua; outline-width: 4px; outline-color: #f30 }
a:link    { color: #444 !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
a:visited    { color: #444 !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
a:active    { color: #444 !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
a:hover    { color: #444 !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }