/**
* CSS
*
* @version Down Quark 1.0
* @thx Derek Kinsman, Unttld
* @site by tony vanky (confederate design)
*/
* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	font-size: 10px;
	font-family: Georgia, Times, Times New Roman, Serif;
	background: #fff;
	color: #333;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #333; }
a:active { text-decoration: none; color: #333; }
a:visited { text-decoration: none; color: #333; }
a:hover { color: #99ffff; background-color:#333; } 
a img { border: none; }

span.front { font-size:10px; text-align:center; color:#333; }

span.frontlink { font-size:10px; text-align:center; text-decoration:underline; color:#2ac5f4; }

span.header {
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
}

#menu {
    width: 180px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	line-height: 14px;
	background-image: url(../_img/menu_bkgd.png);
    overflow: auto;
	z-index: 9999;
}

#menu ul {
	list-style: none;
	margin: 0 0 16px 0;
	color: #333333;
}

#menu ul li.section-title {
    margin: 0 0 2px 0; 
	background-color:#ccffff;
}

#content {
	width: 650px; 
	margin-bottom: 9px; 
    margin: 0 0 0 200px;
	top: 0;
	line-height: 14px;	
	cursor: move; /* add this bit */
		
}


.container {
    padding: 20px 5px 25px 20px;
}

#content p { width: 300px; padding-bottom: 9px; padding-top: 10px; padding-left: 25px; padding-right: 25px; margin-left: 5px; background-color:#FFFFFF;}


#once { clear: left; }

h1 { font-size: 32px; }

h2 { font-size: 28px;
	color: #fff;
	background-color: #2ac5f4;
	line-height: 32px;
	margin: 5px 0 24px 0;
	letter-spacing: -0.02em;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	margin-bottom: 18px; }

h3 { font-size: 16px; }

h4 { font-size: 14px; padding-left: 3px; line-height: 18px; font-weight:bold; background-color:#2ac5f4; color:#fff; font-weight: normal; margin: 5px 0 0 30px; }

#img-container	{ margin: 0; padding: 0; }

#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

#headline_01 {
	width: 200px;
	color: #2EB0DC;
}

#headline_02 {
	width: 200px;
	color: #2EB0DC;
	position: absolute;
	top: 20px;
}

#headline_03 {
	width: 200px;
	color: #2EB0DC;
	position: absolute;
	top: 20px;
	left: 520px;
}

#headline_06 {
	width: 200px;
	color: #2EB0DC;
	position: absolute;
	top: 20px;
	left: 450px;
}

#headline_07 {
	width: 200px;
	color: #2EB0DC;
	position: absolute;
	top: 20px;
	left: 650px;
}

#headline_04 {
	width: 200px;
	color: #2EB0DC;
}

#headline_04 a:hover { 
  background-color: #333;
color: #2EB0DC;
}

#headline_04 a:active { 
   text-decoration: none;
color: #2EB0DC;
}

#headline_04 a:visited { 
   text-decoration: none;
color: #2EB0DC;
}

#headline_04 a:link { 
   text-decoration: none;
color: #2EB0DC;
}

#text_01 {
	width: 200px;
	color: #333333; 
}

#text_02 {
	width: 240px;
	color: #333333; 
	position: absolute;
	top: 50px;
}

#text_03 {
	width: 200px;
	color: #333333; 
	position: absolute;
	top: 50px;
	left: 520px;
}

#text_06 {
	width: 200px;
	color: #333333; 
	position: absolute;
	top: 50px;
	left: 450px;
}

#text_04 {
	width: 300px;
	color: #333333;
	text-align: justify; 
}

#text_05 {
	color: #333333; 
	text-align: justify;
}

#text_07 {
	width: 200px;
	color: #333333; 
	position: absolute;
	top: 50px;
	left: 650px;
}