/* CSS Document */
html, body {height:100%; margin-left:auto; margin-right:auto;}
body {background-color:#ffffff;}

div#container {background-color:#ffffff; margin-left:auto; height:800px; margin-right:auto; width:806px; align:center; cellpadding:0; cellspacing:0; padding:0px 0px 0px 0px;} 

#left {background-color:#ffffff; height:800px; width:185px; float:left; clear:right;}

#content {float:left; clear:right; background-color:#FFffff; height:600px; width:580px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}

#right {background-color:#00ccff; width:41px; float:left; clear:right; height:800px;}

*{ margin:0px; padding:0px;}

p {padding:0px; margin-left:0px; text-align:left; font:normal .7em/1.7em Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none;}

p2 {padding:0px; margin-left:0px; text-align:center; font:normal .7em/1.7em Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none;}

a.two:link, a.two:visited {padding:0px; margin-left:0px; text-align:left; font:bold .9em/1.9em Verdana, Arial, Helvetica, sans-serif; color:#3399FF; text-decoration:none;}

a.two:hover, a.two:active {padding:0px; margin-left:0px; text-align:left; font:bold .9em/1.9em Verdana, Arial, Helvetica, sans-serif; color:#FF0000; text-decoration:none;}

.pol {padding:0px; margin-left:0px; text-align:left; font:normal .7em/1.7em Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none;}

.nav {padding:0px; margin-left:0px; text-align:left; font:normal .7em/1.7em Verdana, Arial, Helvetica, sans-serif; color:#4682B4; clear:right; text-decoration:none;}

.bold {padding:0px; margin-left:0px; text-align:left; font:bold .7em/1.7em Verdana, Arial, Helvetica, sans-serif; color:#808080; clear:right; text-decoration:none;}

.bold2 {padding:0px; margin-left:0px; text-align:center; font:bold .7em/1.7em Verdana, Arial, Helvetica, sans-serif; color:#808080; clear:right; text-decoration:none;}

#leftstrip {float:left; width:19px; height:800px; top:0px; background-image:url(media/left-bubbles.gif); background-repeat:no-repeat; background-color:#00ccff; padding:15px 0px 0px 0px;}

#rightstrip {float:left; clear:right; width:41px; height:800px; top:0px; background-color:#00ccff; background-image:url(media/right-bubbles.gif); background-repeat:repeat; padding:15px 0px 0px 0px; margin: 0px 0px 0px 0px;}

#bluebox {float:right; width:160px; height:329px; padding:0px 0px 0px 0px;}

#blueboxtop {float:right; padding:11px 0px 0px 0px; top:0px; margin:0px 0px 0px 0px; width:160px; height:82px; align:center;}

#blueboxbot {float:right; width:160px; height:auto; padding:0px 0px 0px 0px;}

#arnival {width:570px; margin:0px 0px 0px 0px; height:71px; top:0px; padding:0px 0px 15px 0px;}

#navtop {float:left; width:530px; height:auto; left:0px; top:0px; padding:0px 0px 15px 40px; margin:0px 0px 0px 0px;}

#navdiv {float:left; width:530px; height:auto; left:0px; top:0px; padding:5px 5px 5px 40px; margin:0px 0px 0px 0px;}

#navlinks {float:left; width:530px; height:auto; left:0px; top 0px; padding 5px 5px 5px 40px; margin:0px 0px 0px 0xp;}

#navbot {float:left; width:520px; height:auto; bottom:0px; left:0px; padding:20px 10px 15px 40px; margin:0px 0px 0px 0px; text-decoration:none;}

#pic1 {float:left; width:auto; height:auto; clear:right; padding:5px;}
#pic2 {float:left; width:auto; height:auto; clear:right; padding:5px;}
#pic3 {float:left; width:auto; height:auto; clear:right; padding:5px;}

/* If clear:right is added to the class #contentbox, the layout is changed in IE */
#contentbox {float:left; width:470px; height:auto; margin:0px 0px 0px 0px; padding:5px 30px 15px 40px; top:0px;}

a.one:link, a.one:visited {padding:0px; margin-left:0px; text-align:left; font:bold .9em/1.9em Verdana, Arial, Helvetica, sans-serif; color:#008000; text-decoration:none;}

#ul {list-style-type:none; padding-left: 5px; margin-left:0px; padding:0px; margin-left:0px; text-align:left; font:normal .6em/1.6em Verdana, Arial, Helvetica, sans-serif; color:#4682B4; clear:right;text-decoration:none;}

ul.horiz li {display:inline; padding:0px; margin-left:0px; text-align:left; font:normal .6em/1.6em Verdana, Arial, Helvetica, sans-serif; color:#4682B4; clear:right;text-decoration:none;}

a.one:hover, a.one:active {padding:0px; margin-left:0px; text-align:left; font:bold .9em/1.9em Verdana, Arial, Helvetica, sans-serif; color:#FF0000; text-decoration:none;}

h3 {padding:0px; margin-left:0px; text-align:left; font:bold .6em/1.6em Verdana, Arial, Helvetica, sans-serif; color:#4682B4; text-decoration:none;}

h2 {padding:0px; margin-left:0px; text-align:left; font:bold .7em/1.7em Verdana, Arial, Helvetica, sans-serif; color:#FFA07A; text-decoration:none;}

h1 {padding:0px; margin-left:0px; text-align:left; font:bold .8em/1.8em Verdana, Arial, Helvetica, sans-serif; color:#ff6347; text-decoration:none;}.yarnContainer {		float:left;	padding:10px 0;		}.yarn {		float:left;	width:150px;	text-size:10px;	text-align:center;	font-weight:bold;	padding:3px;	}.yarn a {		text-decoration:none;	color:#3399FF;	font-family:Verdana,Arial,Helvetica,sans-serif;	font-size:0.6em;		}
