html, body {overflow: hidden; height: 100%;}

body {background-color: #31357D; color: #FFF; font-family: Arial, Helvetica, sans-serif; border-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}

div.main_container {width: 100%; height: 100%; text-align: center; position: relative; overflow: auto; z-index: 1;}

div.site_container {display: block; margin: 0px auto; width: 760px; position: relative; text-align: left;}

#nav {width: 130px; position: absolute; z-index: 2; margin: 0px 50%; left: -380px;}

#nav ul { padding: 0px; margin: 16px 0px 10px 0px; list-style: none; font-size: 80%; font-weight: bold; }

#nav li {display: inline; margin: 0px; padding: 0px; }

#nav a:link {display: block; text-decoration: none; color: #FFF; background: url("graphics/pinkdot.gif") no-repeat left center; padding: 3px 0px 3px 30px; margin: 18px 0px 18px 0px; vertical-align: middle;}
#nav a:visited {display: block; text-decoration: none; color: #FFF; background: url("graphics/pinkdot.gif") no-repeat left center; padding: 3px 0px 3px 30px; margin: 18px 0px 18px 0px; vertical-align: middle;}
#nav a:hover {display: block; text-decoration: none; color: #FFF; background: url("graphics/yellowdot.gif") no-repeat left center; padding: 3px 0px 3px 30px; margin: 18px 0px 18px 0px; vertical-align: middle;}
#nav a:active {display: block; text-decoration: none; color: #FFF; background: url("graphics/yellowdot.gif") no-repeat left center; padding: 3px 0px 3px 30px; margin: 18px 0px 18px 0px; vertical-align: middle;}
#nav a.on:link {background: url("graphics/yellowdot.gif") no-repeat left center;}
#nav a.on:visited {background: url("graphics/yellowdot.gif") no-repeat left center;}

div.content {
	width: 630px;
	text-align: center;
	background-color: #31357D;
	color: #FFF;
	margin: 0px 0px 0px 130px;
}

div.content_white {
	width: 630px;
	text-align: center;
	background-color: #FFF;
	color: #000;
	margin: 0px 0px 0px 130px;
}

div.content_pink {
	width: 630px;
	text-align: center;
	background-color: #FF008C;
	color: #FFF;
	margin: 0px 0px 0px 130px;
	padding: 180px 0px 10px 0px;
}

div.content_workshops {
	width: 630px;
	text-align: center;
	color: #000;
	margin: 0px 0px 0px 130px;
	background-image: url("graphics/workshops/joseph_bkg.jpg");
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 0% 92%;
}

div.home { float: left; clear: both; width: 510px; margin: 0px; padding: 10px 60px 10px 60px; position: relative; }

div.space_banner_top { width: 510px; height: 15px; line-height: 15px; font-size: 1px; margin: 0px 0px 0px 0px; padding: 0px;
	background-image: url("graphics/home/the_space_bkg_top.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.space_banner_mid { width: 510px; margin: 0px; padding: 0px; background-color: #E2007A; position: relative; }

div.space_banner_bot { width: 510px;height: 15px; line-height: 15px; font-size: 1px; margin: 0px; padding: 0px;
	background-image: url("graphics/home/the_space_bkg_bot.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.weekly_banner {float: right; width: 65px; height: 65px; overflow: hidden; margin: 0px; position: absolute; right: 70px; top: 18px; z-index: 50;}

div.the_space { float: left; clear: both; width: 575px; margin: 0px; padding: 10px 30px 0px 25px; text-align: left; }

div.weekly_winners { margin-top: -50px; float: left; }

div.about { float: left; clear: both; width: 350px; margin: 0px; padding: 10px 100px 0px 180px; }

div.news { float: left; clear: both; width: 400px; margin: 0px; padding: 10px 76px 0px 154px; }

div.workshops { float: left; clear: both; width: 420px; margin: 0px; padding: 10px 66px 0px 144px; }
div.workshops2 { float: left; clear: both; width: 360px; margin: -20px 0px 0px 0px; padding: 10px 66px 0px 204px; }
div.workshops3 { float: left; clear: both; width: 384px; margin: 10px 0px 0px 0px; padding: 10px 66px 0px 180px; }

div.friends { float: left; clear: both; width: 430px; margin: 0px; padding: 10px 35px 0px 165px; }

div.hire { float: left; clear: both; width: 360px; margin: 0px; padding: 10px 135px 0px 135px; }

div.contact { float: left; clear: both; width: 430px; margin: 0px; padding: 10px 80px 0px 120px; }
div.contact_col1 { float: left; width: 160px; font-size: 80%; text-align: left; }
div.contact_col2 { float: left; width: 270px; font-size: 80%; text-align: left; }

div.whatson { float: left; clear: both; width: 575px; margin: 0px; padding: 10px 30px 0px 25px; text-align: center; }
div.whatson_content { width: 237px; float: left; padding: 32px 0px 0px 15px; }

div.sponsors { float: left; clear: both; width: 470px; margin: 0px; padding: 10px 105px 0px 55px; }
div.sponsors2 { float: left; clear: both; width: 350px; margin: 10px 0px 0px 0px; padding: 10px 105px 0px 175px; }

div.sponsors_col1 { float: left; width: 185px; margin: 20px 0px 5px 0px; border: 0px solid #000; }
div.sponsors_col2 { float: left; width: 285px; margin: 20px 0px 5px 0px; border: 0px solid #000; }

div.productions { float: left; clear: both; width: 580px; margin: 0px; padding: 10px 25px 0px 25px; text-align: left; }

div.clearer { clear: both; height: 1px; line-height: 0px; font-size: 0%; }
div.clearer2 { clear: both; height: 10px; line-height: 0px; font-size: 0%; }

div.col { float: left; width: 215px; font-size: 80%; text-align: left; line-height: 18px; }

div.form1 { float: left; clear: left; width: 80px; padding: 1px 0px 1px 0px; }
div.form2 { float: left; width: 350px; padding: 1px 0px 1px 0px; }

div.info1 { float: left; width: 100px; margin: 0px; padding: 5px 0px 5px 0px; font-size: 80%; text-align: left; font-weight: bold; color: #FF008C; }
div.info2 { float: left; width: 350px; margin: 0px; padding: 5px 0px 5px 0px; font-size: 80%; text-align: left; font-weight: bold; }

form { font-size: 80%; text-align: left; line-height: 20px; margin: 0px; }

p { font-size: 80%; text-align: left; line-height: 16px; margin-top: 0px; }
p.no_pad { font-size: 80%; text-align: left; line-height: 16px; margin: 0px; }
p.pad { font-size: 80%; text-align: left; line-height: 16px; margin-top: 10px; }
p.pad2 { font-size: 80%; text-align: left; line-height: 16px; margin-top: 18px; }
p.pad3 { font-size: 80%; text-align: left; line-height: 16px; margin: 5px 0px 5px 0px; }
p.right { font-size: 80%; text-align: right; line-height: 16px; margin-top: 0px; }
p.italic { font-size: 80%; text-align: left; line-height: 16px; margin-top: 0px; font-style: italic; }
p.italic2 { font-size: 80%; text-align: left; line-height: 16px; margin: 0px 10px 15px 80px; font-style: italic; }
p.center { font-size: 80%; text-align: center; line-height: 16px; margin-top: 0px; }
p.center2 { font-size: 80%; text-align: center; line-height: 20px; margin-top: 0px; }
p.small { font-size: 70%; text-align: left; line-height: 16px; margin: 0px; }
p.small2 { font-size: 70%; text-align: left; line-height: 16px; margin: 0px 0px 15px 80px; }
p.small3 { font-size: 70%; text-align: left; line-height: 16px; margin-top: 0px; }
p.large { font-size: 100%; text-align: center; line-height: 24px; margin: 0px; }
p.large2 { font-size: 90%; text-align: left; line-height: 16px; margin-top: 0px; }
p.friend { font-size: 70%; line-height: 14px; }
p.italic_pink { font-size: 90%; color: #FF008C; font-style: italic; margin: 5px 0px 15px 0px; }

p.prod1 { float: left; font-size: 80%; text-align: left; line-height: 16px; margin-top: 0px; margin-right: -120px; width: 400px; }

strong.italic { font-style: italic; }
strong.pink { color: #FF008C; }
strong.pink2 { color: #FF008C; font-style: italic; }
strong.blue { color: #0066FF; }
strong.yellow { color: #FFDC00; }

span.small { font-size: 90%; font-weight: normal; }
span.small2 { font-size: 85%; font-weight: normal; }
span.small3 { font-size: 82%; font-weight: normal; }
span.white { color: #FFF; }
span.italic { font-style: italic; }
span.italic2 { font-style: italic; font-weight: bold; }
span.black { color: #000; }
span.yellow { color: #FFDC00; }
span.caption { font-size: 85%; font-weight: bold; }

ul { margin: 0px 0px 0px -80px; padding: 10px 0px 10px 0px; font-size: 80%; text-align: left; }
ul.sponsors { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 80%; text-align: left; }
ul.standard { margin: 0px 0px 15px 15px; padding: 0px 0px 0px 15px; font-size: 80%; text-align: left; }
ul.standard  li { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; }

li.pink { color: #FF008C; font-weight: bold; margin: 5px 0px 5px 0px; }
li.blue { color: #0066FF; font-weight: bold; margin: 5px 0px 5px 0px; }
li.pink2 { color: #FF008C; margin: 10px 0px 10px 0px; }

img { border: 0px; }

img.home { float: right; margin: 30px 0px 10px 0px; }
img.logo { float: right; margin: 10px 30px 0px 0px; }
img.logo_big { float: left; margin: 10px 0px 0px 12px; }

img.left1 { float: left; margin: 0px 10px 5px -180px; }
img.left2 { float: left; margin: 0px 10px 5px -60px; }
img.left3 { float: left; margin: 10px 10px 5px -144px; }
img.left4 { float: left; margin: 10px 10px 5px -110px; }
img.left5 { float: left; margin: 5px 10px 5px 0px; }
img.left6 { float: left; margin: 0px 10px 5px -135px; }
img.left7 { float: left; margin: 0px 10px 5px -55px; }
img.left8 { float: left; margin: 50px 0px 0px -175px; }
img.left9 { float: left; margin: 0px 19px 10px -25px; }
img.left10 { margin: 0px 0px 20px 0px; }
img.left11 { float: left; margin: 0px 0px 0px 0px; }
img.left12 { float: left; margin: 50px 10px 10px -25px; }
img.left13 { float: left; margin: 0px 0px 0px 20px; }
img.left14 { float: left; margin: 0px 10px 5px 0px; }
img.left15 { float: left; margin: 0px 26px 20px 0px; }
img.left16 { float: left; margin: 5px 10px 5px -150px; }
img.left17 { float: left; margin: 0px 10px 5px -25px; }
img.left18 { float: left; margin: 0px 0px 15px 0px; }
img.left19 { clear: left; float: left; margin: 12px 10px 15px -40px; }
img.left20 { float: left; margin: 22px 10px -20px -144px; }
img.left21 { float: left; margin: 0px 10px 5px -144px; }

img.right1 { float: right; clear: right; margin: 5px -100px 5px 10px; }
img.right2 { float: right; margin: 50px 0px 5px 10px; }
img.right3 { float: right; margin: 10px 0px 5px 10px; }
img.right4 { float: right; margin: 10px -66px 5px 10px; }
img.right5 { float: right; margin: 0px -135px 5px 10px; }
img.right6 { float: right; margin: 80px -135px 5px 10px; }
img.right7 { float: right; margin: 0px 80px 5px 0px; }
img.right8 { float: right; margin: -5px -60px 5px 0px; }
img.right9 { float: right; margin: 5px -20px 10px 10px; }
img.right10 { float: right; margin: -8px 0px 0px 5px; }
img.right11 { float: right; margin: 5px -25px 10px 10px; }
img.right12 { float: right; margin: 0px 30px 5px 30px; }
img.right13 { float: right; margin: 2px 0px 10px 10px; }
img.right14 { float: right; margin: 0px 40px 10px 10px; }
img.right15 { float: right; margin: -15px 0px 10px 15px; }
img.right16 { float: right; margin: -10px 0px 20px 15px; clear: right; }
img.right17 { float: right; margin: 25px 0px 10px 10px; }
img.right18 { float: right; margin: 0px -50px 4px 10px; }
img.right19 { float: right; margin: -30px 0px 10px 10px; }
img.right20 { float: right; margin: 60px -50px 4px 10px; }
img.right21 { float: right; margin: -5px 0px 4px 10px; }
img.right22 { float: right; margin: 10px -45px 5px 10px; }

img.news { margin: 10px 0px 10px 154px; }

img.pad { margin: 10px; }

h1 { float: left; text-align: left; color: #FF008C; font-weight: normal; margin: 0px; padding: 20px 0px 10px 50px; }
h1.alt { float: left; color: #FF008C; font-weight: normal; margin: 0px; padding: 37px 0px 10px 50px; }
h1.alt2 { color: #FF008C; font-weight: 900; margin: 0px 0px 20px 0px; padding: 0px; float: none; }
h2 { text-align: left; color: #FF008C; margin: 0px 0px 0px 0px; padding: 0px; font-size: 80%; }
h2.alt { text-align: left; color: #FF008C; margin: 0px 0px 15px 0px; padding: 0px; font-size: 80%; }
h2.alt2 { text-align: left; color: #0066FF; margin: 0px 0px 10px 0px; padding: 0px; font-size: 120%; }
h2.alt3 { text-align: left; color: #0066FF; margin: 0px 0px 10px 0px; padding: 0px; font-size: 80%; }
h2.alt4 { text-align: left; color: #0066FF; margin: 15px 0px 10px 0px; padding: 0px; font-size: 100%; }
h2.alt5 { text-align: left; color: #FF008C; margin: 0px 0px 10px 0px; padding: 0px; font-size: 90%; }
h2.alt6 { text-align: left; color: #FF008C; margin: 0px 0px 10px 0px; padding: 0px; font-size: 110%; }
h2.alt7 { text-align: left; color: #0066FF; margin: 0px 0px 0px 0px; padding: 0px; font-size: 100%; }
h3 { text-align: left; color: #0066FF; margin: 0px 0px 5px 0px; padding: 0px; font-size: 90%; }
h3.alt { text-align: left; color: #FF008C; margin: 15px 0px 5px 0px; padding: 0px; font-size: 90%; }
h3.alt2 { text-align: center; color: #FF008C; margin: 15px 0px 5px 0px; padding: 0px; font-size: 120%; }
h4 { text-align: center; color: #0066FF; margin: 0px 0px 5px 0px; padding: 0px; font-size: 90%; }

#left { float: left; }
#left2 { float: left; margin: 0px 0px 0px -140px; }
#left3 { float: left; padding: 0px 0px 0px 100px; }
div.left4 { float: left; padding: 10px 0px 10px 100px; width: 220px; }
div.left5 { float: left; padding: 0px 0px 10px 100px; }
div.left6 { float: left; width: 580px; padding: 10px 0px 0px 0px; }
div.left7 { float: left; width: 480px; padding: 20px 0px 10px 100px; }
div.left8 { float: left; margin: 10px -60px 0px 60px; position: absolute; }
div.left9 { float: left; padding: 0px; height: 57px; }
div.left10 { float: left; margin: 10px 0px 0px 10px; width: 370px; }
div.left11 { float: left; margin: 0px 0px 0px -240px; }
div.left12 { float: left; padding: 30px 0px 10px 80px; width: 206px; height: 50px; }
div.left13 { float: left; margin: -50px 0px 0px 10px; width: 360px; }
div.left14 { float: left; padding: 0px 0px 0px 40px; }
div.left15 { float: left; width: 455px; padding: 10px 45px 10px 80px; }
#right { float: right; }
#right2 { float: right; margin: 5px -20px 10px 10px; }
#right3 { float: right; width: 350px; padding-top: 8px; margin-top: -8px; }
div.right4 { float: right; padding: 10px 0px 10px 0px; width: 265px; }
div.right5 { float: right; padding: 10px 0px 10px 0px; width: 365px; }

div.next { float: right; }

div.stop_press { float: left; margin: 100px 0px 0px 0px; padding: 0px 0px 0px 40px; }

a:link {text-decoration: none; color: #FF008C; font-weight: bold;}
a:visited {text-decoration: none; color: #FF008C; font-weight: bold;}
a:hover {text-decoration: underline; color: #FF008C; font-weight: bold;}
a:active {text-decoration: underline; color: #FF008C; font-weight: bold;}

a.white:link {text-decoration: none; color: #FFF; font-weight: bold;}
a.white:visited {text-decoration: none; color: #FFF; font-weight: bold;}
a.white:hover {text-decoration: underline; color: #FFF; font-weight: bold;}
a.white:active {text-decoration: underline; color: #FFF; font-weight: bold;}

hr { clear: both; width: 100%; color: #FF008C; border: 1px solid #FF008C; margin: 15px 0px 15px 0px; }

div.separator { clear: both; width: 100%; margin: 10px 0px 10px 0px; border-top: 1px solid #FFF; line-height: 0px; font-size: 0px; }