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

* {margin:0; padding:0;}
body { 
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	line-height:120%;
background:#5883b3 url(img/bg.jpg) top left repeat-x;
	
	}

a:link, a:visited {text-decoration:none; color:#06C;}

a:hover, a:focus {text-decoration:underline; color:#06C;}


#Table_01 {
	position:relative;
	left:0px;
	top:0px;
	width:800px;
	background:#fff;
	margin:0 auto;
	border:4px solid #255BA7;
	
}

#sw_01 {
	position:relative;
	float:left;
	width:800px;
	height:37px;
	background:url(sw_01.gif) top left no-repeat;
	text-indent:-9999px;
}

#sw_02 {
	position:relative;
	float:left;
	width:357px;
	height:238px;
	background:url(sw_02.gif) top left no-repeat;
	text-indent:-9999px;
}

#sw_03 {
	position:relative;
	float:left;
	width:443px;
	height:238px;
	background:url(sw_03.jpg) top left no-repeat;
	text-indent:-9999px;
}

#sw_04 {
	position:relative;
	float:right;
		width:443px;
		min-height:750px;
	background:url(sw_05.jpg) top left no-repeat;
		
		
}

#sw_05 {
	position:relative;
	float:left;
	width:357px;
	min-height:750px;
	background:url(sw_04.jpg) top left no-repeat;
	text-indent:-9999px;
}

#sw_06 {
	position:relative;
	float:left;
	width:356px;
	height:160px;
}

#comp-text {width:357px;
background:url(sw_04b.gif) bottom left no-repeat;
float:right; text-align:left;}
	
	#comp-text .first {padding-top:50px;font-size:14px;
	color:#000000;
	padding:30px 30px 7px 30px;
	text-align:left;}
	
	p {
	font-size:14px;
	color:#000000;
	margin:0;
	padding:7px 60px 7px 0px;
	text-align:left;
	
	}

	
.purple-text {color:#502d8b; font-weight:bold; }
/* form */
#entry-form a:link, #entry-form a:visited {color:#0099CC; }
#entry-form a:hover, #entry-form a:focus {color:#0099CC; text-decoration:underline;}

#entry-form {
	background:url(sw_text.gif) bottom left no-repeat;
	float:left;
	width:347px;
	padding-bottom:10px;
	margin:0 0 20px 0px;
	 text-align:left;
	}

#entry-form .field {margin:10px 5px 5px 10px; height:1.5em; clear:both;}
	
#entry-form p { clear:both; margin:0px 0 0 10px; font-size:12px; color:#333;width:80%;}
	
#entry-form label {float:left; font-size:14px; font-weight:normal; margin-right:5px; width:100px; }

#entry-form input {float:left;}

#entry-form .field-checkbox {margin:5px 5px 5px 10px; height:1.3em;}

#entry-form .field-checkbox label {width:auto; font-size:12px; font-weight:bold; float:left; margin-left:10px; height:1.3em;}

#entry-form .field-checkbox input {float:left;height:1.3em;}

#entry-form	.field-errors {float:left; height:1.5em; line-height:1.5; margin:5px 5px 5px 10px;}

#entry-form img {margin:0;}

#entry-form .field-dropdown { width:95%; float:left; margin:5px 5px 15px 10px; border-top:1px solid #666; border-bottom:1px solid #666; padding:5px 0;}
#entry-form .field-dropdown label {width:80%; font-size:12px; font-weight:bold; float:left; margin:0 0 10px 5px; text-align:left;}

#entry-form .field-dropdown select {float:left; margin-bottom:15px;}

#button {float:none; margin-bottom:5px;}

#enter-button {margin:10px;}

/* form */


.terms {
	width:800px; 
	clear:both;
	background:transparent;
	margin:0 auto;
}

.terms p {
	color:#fff;
	width:720px;
	margin-left:30px;
	font-size:12px;
}
#logo1, #logo2, #logo3 {position:absolute; text-indent:-9999px;}

#logo1 a:link, #logo1 a:visited {
	background:url(character-world.jpg) 0 0 no-repeat;
	width:115px;
	height:99px;
	display:block;
	}
	
#logo1 a:focus, #logo1 a:hover {
	background-position:-0 -99px;
	width:115px;
	height:99px;
	display:block;
	}
#logo1 {
	top:6px;
	left:5px;

	}
#logo2 {
	top:6px;
	left:123px;
	
	width:103px;
	height:104px;
	}
#logo2 a:link, #logo2 a:visited {
	width:229px;
	height:104px;
	display:block;
	background:url(worlds-apart.jpg) 0 0 no-repeat;
	}
	
#logo2 a:focus, #logo2 a:hover {
	width:229px;
	height:104px;
	display:block;
	background-position:-0 -104px;
	}

#logo3 {
	top:114px;
	left:31px;
	width:171px;
	height:43px;
}

#logo3 a:link, #logo3 a:visited {
	width:171px;
	height:43px;
	display:block;
	background:url(Wesco-Logo.jpg) 0 0 no-repeat;
	
	}
#logo3 a:hover, #logo3 a:focus {
	width:171px;
	height:43px;
	display:block;
	background-position:-0px -43px;
	}
#jedi {width:160px; height:160px;position:absolute; top:0; left:250px; background:url(img/jedi.gif) top left no-repeat; }
#printouts {display:block; text-indent:-9999px; background:url(printouts.jpg) top left no-repeat; width:300px; height:200px; margin:20px 0 0 0px; }

#subscribe {display:block; text-indent:-9999px; width:300px; height:170px; background:url(subscribe.gif) top left no-repeat;margin:20px 0 0 0px;}

h4 {text-align:left;}
h2 {line-height:120%;}

.subscribe {width:300px; height:160px;text-indent:-9999px; }
.subscribe a:link, .subscribe a:visited  { background:url(subscribe.jpg) top left no-repeat; width:300px; height:160px; display:block; background-position:-0px -0px}

.subscribe a:hover, .subscribe a:focus { background:url(subscribe.jpg) top left no-repeat; width:300px; height:160px; display:block; background-position:0 -160px;}

.buddy {width:300px; height:201px; text-indent:-9999px;  }
.buddy a:link, .buddy a:visited { background:url(budies.jpg) top left no-repeat; width:300px; height:201px;display:block; text-indent:-9999px;background-position:0px -0px }

.buddy a:hover, .buddy a:focus {background:url(budies.jpg) top left no-repeat; width:300px; height:201px;display:block; text-indent:-9999px; background-position:0px -201px;}

.sky a:link, .sky a:visited { margin:20px;height:22px; width:158px; background:url(Sky.jpg) 0 0 no-repeat; display:block; text-indent:-9999px;}
.sky a:hover, .sky a:focus { height:22px; width:158px; background:url(Sky.jpg) 0 -22px no-repeat; display:block; text-indent:-9999px;}