body {
	margin: 0; padding: 0; font-size: 100%; font-family: Helvetica, arial; background-color: #575757; 
}
.wrapper {
	margin: 0 auto; width:900px;
}
.container {
	float: left; width:900px; background-color: white; 
}
.left-col {
	float: left; width:250px; margin: 0 10px; background-color: white; border-left: 10px white solid; border-right: 1px solid #ccc; padding-right:20px;
}
.left-col h2 {
	font-size: 35px; letter-spacing: 2px; width:100%; text-align: center; color: white; padding: 15px 0 10px 0; margin: 10px 0 0 0; background-color: #333;
}
.left-col h1 {
	width:100%;  border-bottom: 1px dashed #333; padding: 0 0 10px 0;
}
.left-col h1 ul {
	font-size: 18px; list-style-position: outside; list-style: none; padding: 0; margin: 0 0 0 0px; color: gray; line-height: 25px; font-weight: normal; width: 100%;
}
.left-col h3 {
	width:100%; text-align: justify; font-weight: normal; font-size: 12px; line-height: 18px; border-bottom: 1px #333 dashed; padding-bottom: 10px;
}
.left-col h4 {
	font-size: 25px; letter-spacing: 2px; width:100%; text-align: center; color: white; padding: 15px 0 10px 0; margin: 10px 0 10px 0; background-color: #333;
}
.center-col {
	float: left; width:280px; margin: 0 0 0 30px;
}
.right-col {
	float: left; width:240px; margin: 0;
}
#regular {
	font-weight: normal;
}
.clear {
	clear: both;
}

.footer {
	width:100%; text-align: center; font-size: 12px; margin: 10px 0; color: white;
}
.place1 {
	width:250px; height: 200px; float: left; background: black; margin-top: 10px;
}
.place {
	width:250px; height: 200px; float: left; background: black; margin-top: 0px;
}
p {
	font-size: 12px; text-align: center; padding: 5px 0 5px 0; margin: 0; float: left; width: 250px;
} 
.example {
	float: right; font-size: 12px; text-align: center; width:550px; margin: 20px 40px 0 0;
}

.switcher {
	float: left; position: relative; margin-top:0px; z-index: 100; height: 400px; width: 40px; background:#FFF;
}

#lineone {
	width: 100%; text-align: center; text-transform:uppercase; font-size: 10px; padding: 20px 0 0 0; float: left
}

#linetwo {
	width: 100%; text-align: center; text-transform:uppercase; font-size: 10px; padding: 10px 0 0 0; float: left
}

#linethree {
	width: 100%; text-align: center; text-transform:uppercase; font-size: 10px; padding: 10px 0 10px 0; float: left
}

#color-switch {
	width:100%; text-align: center; float: left; padding: 15px 0 0 0; font-size: 9px;
}

#color-switch a:link, #color-switch a:hover, #color-switch a:visited {
	border: none; text-decoration: none; color: black;
}

#color-switch img {
	margin-bottom: 5px; border: 1px black dashed; width:20px; height: 20px;
}

.switcher-container {
	background: url(/images/switch-bg.png) right; width: 40px; height: 400px; float: left;
}

.center-col a:link img, .center-col a:hover img, .center-col a:visited img {border: black 1px solid;}
.right-col a:link img, .right-col a:hover img, .right-col a:visited img {border: black 1px solid;}
.example a:link, .example a:hover, .example a:visited {color:#333; text-decoration: none; font-weight: bold;}