/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.selfclear { zoom:1; }
.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

a { color: #003399; }
a:link, a:visited, a:active { text-decoration: underline; }
a:hover { text-decoration: underline; }

h1,h2,h3,h4,h5,h6,strong { color:#111111; }
h1,h2,h3,h4 { font-weight: bold; }


img{ 
	border-style:none;
	border: 0px none;
	vertical-align:top; 
}
br { letter-spacing: 0; }
.clear {clear:both;}
.clear_left {clear:left;}
.clear_right {clear:right;}
.textred {color:#00a0e9;}
.textgray {color:#969696;}
.textleft{ text-align:left; }
.textcenter{ text-align:center; }
.textright{ text-align:right; }
.texttop{ vertical-align:top; }
.textmiddle{ vertical-align:middle; }
.textbottom{ vertical-align:bottom; }

.textblue { color: #0080cb; }
.textpurple { color: #611c86; }
.textgreen { color: #21ab37; }
.textpink { color: #e3007e; }


 
/* LAYOUT */
html { 	
	background: #ffffff;
	height:100%;
	margin:0 0;
	padding: 0 0;
 }

body {
	background: #ffffff;
	height:100%;
	margin:0 0;
	padding: 0 0;
	color: #333333;
}

#headcontainer {
	float: left;
	width: 100%;
}

#headcontainer_left {
	float: left;
}

#headcontainer_right {
	float: right;
}

#headcontainer_left h1 {
	margin: 9px 0 0 9px;
}

#headcontainer_right img.textwin8 {
	margin: 15px 0 0 0;
}

#main{
	float: left;
	width: 770px;
	height: 100%;
	margin: 0 0 0 11px;
	padding: 0 0 0 0px;
}

#pagetop{
	float:right;
	text-decoration: underline;
	font-size: 90%;
	margin: 50px 0 0 0;
	padding: 0 0;
}

h2.bartitle{
	float: left;
}

.dotline_y770 {
	float: left;
	clear: both;
	margin: 0 0;
	height: 1px;
	width: 770px;
	background-image: url("../images/dotline_y770.gif");
	background-repeat: no-repeat;
}