/*   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  reset styles +++++++ */


html {
	font-size: 99%;
	color:#111;}                                  

body {
	font-size: 75%;}
html>body {
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,img {  
	margin:0; 
	padding:0;}
p {
	line-height: 1.5em;
	font-size:1em;
	margin: 1.5em;} 
	
a {
	outline:none;}
	
#content_main li {
	line-height: 1.5em;
	font-size:1em;
	margin: 0 0 0 18px;}	
#content_main ul {
	margin-top: 36px;}
h1 {
	font-size:1.5em;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 1em;}
h2 {
	font-size:1.5em;
	line-height: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	font-weight:100;}
h3 {
	font-size:1.5em;
	line-height: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;}
h4 {
	font-size:1em;
	line-height: 1.5em;
	margin-top:0em;
	margin-bottom:0;
	margin-left:0;}
div.vcard#content_main {
	text-align:center;}
/*                                                       end reset styles                                */

/*   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  main layout +++++++ */
* {
	list-style-type: none;}
body {
	text-align:center;
	background: #DAEDFB url(images/bg.png) repeat-x;}
#wrapper {
	position:relative;
	margin: 0 auto;
	width: 756px;
	height: 700px;
	text-align:left;
	background-color:#FFFFFF;}
		
#branding {
	position:absolute;
	left:0px;
	top:0px;
	width:756px;
	height:198px;
	background-image: url(images/masthead1.png);}
	
#content_main {
	position:absolute;
	left:0px;
	top:234px;
	width:468px;
	height:324px;
}
	
#content_sub {
	position:absolute;
	left:468px;
	top:234px;
	width:288px;
	height:324px;}
	
#nav_secondary {
	position:absolute;
	left:636px;
	top:224px;
	width:113px;
	height:378px;
	background-color: #CCCCCC;}

#left_shadow {
	position: absolute;
	top:0;
	left:-6px;
	width:6px;
	height:774px;
	background:url(images/side-left.png) repeat-y;
	overflow: hidden;
	z-index: 9;}
	
#right_shadow {
	position: absolute;
	top:0;
	left:756px;
	width:6px;
	height:774px;
	background:url(images/side-right.png) repeat-y;
	overflow: hidden;
	z-index: 9;}
	
/*   -----------------------------------------------------------------------  end main layout      -- */
	
/*   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  navigation main +++++++ */

ul#nav_ul_1 {
	position:relative;
	left:0px;
	top:198px;
	width:756px;
	height:36px;
	background : url(images/masthead1.png) no-repeat 0 -198px;	
	overflow: hidden;
	list-style-type: none;}
	
ul#nav_ul_1 a {
	display : block; 
	height : 36px;
	text-indent : -9999px; 
	overflow : hidden;}

ul#nav_ul_1 li {list-style-type: none;
	display:inline;}
	
/*            main nav 1              */

li#n1_1 {
	position: absolute;
	top: 0;
	left: 18px;
	width: 97px;
	height: 36px;
	background: url(images/masthead1.png) no-repeat -18px -198px;}
	
li#n1_1 a{width : 97px;}
		
li#n1_1 a:hover {background: url(images/masthead1.png) no-repeat -18px -234px;}

li#n1_1 a:active {background: url(images/masthead1.png) no-repeat -18px -270px;}

/*            main nav 2              */

	
li#n1_2 {
	position: absolute;
	top: 0;
	left: 115px;
	width: 65px;
	height: 36px;
	background: url(images/masthead1.png) no-repeat -115px -198px;}

li#n1_2 a{width : 65px;}
	
li#n1_2 a:hover {background: url(images/masthead1.png) no-repeat -115px -234px;}

li#n1_2 a:active {background: url(images/masthead1.png) no-repeat -115px -270px;}

/*            main nav 3              */


li#n1_3 {
	position: absolute;
	top: 0;
	left: 180px;
	width: 105px;
	height: 36px;
	background: url(images/masthead1.png) no-repeat -180px -198px;}
	
li#n1_3 a{width : 105px;}
	
li#n1_3 a:hover {background: url(images/masthead1.png) no-repeat -180px -234px;}

li#n1_3 a:active {background: url(images/masthead1.png) no-repeat -180px -270px;}

/*            main nav 4              */


li#n1_4 {
	position: absolute;
	top: 0;
	left: 285px;
	width: 80px;
	height: 36px;
	background: url(images/masthead1.png) no-repeat -285px -198px;}
	
li#n1_4 a{width : 80px;}
	
li#n1_4 a:hover {background: url(images/masthead1.png) no-repeat -285px -234px;}

li#n1_4 a:active {background: url(images/masthead1.png) no-repeat -285px -270px;}

/*            main nav 5              */


li#n1_5 {
	position: absolute;
	top: 0;
	left: 365px;
	width: 100px;
	height: 36px;
	background: url(images/masthead1.png) no-repeat -365px -198px;}
	
li#n1_5 a{width : 100px;}
	
li#n1_5 a:hover {background: url(images/masthead1.png) no-repeat -365px -234px;}

li#n1_5 a:active {background: url(images/masthead1.png) no-repeat -365px -270px;}

/*            main nav 6              */


li#n1_6 {
	position: absolute;
	top: 0;
	left: 465px;
	width: 120px;
	height: 36px;
	background: url(images/masthead1.png) no-repeat -465px -198px;}
	
li#n1_6 a{width : 120px;}

li#n1_6 a:hover {background: url(images/masthead1.png) no-repeat -465px -234px;}

li#n1_6 a:active {background: url(images/masthead1.png) no-repeat -465px -270px;}

/*            main nav 7              */


li#n1_7 {
	position: absolute;
	top: 0;
	left: 585px;
	width: 125px;
	height: 36px;
	background: url(images/masthead1.png) no-repeat -585px -198px;}
		
li#n1_7 a{width : 125px;}
		
li#n1_7 a:hover {background: url(images/masthead1.png) no-repeat -585px -234px;}

li#n1_7 a:active {background: url(images/masthead1.png) no-repeat -585px -270px;}
/*   -----------------------------------------------------------------------  end main navigation  -- */


/*   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  navigation sub  +++++++ */
ul#nav_ul_2 {
	position:relative;
	left:0px;
	top:648px;
	width:756px;
	height:90px;
	background : url(images/footer.png) no-repeat;	
	overflow: hidden;
	list-style-type: none;}
	
ul#nav_ul_2 a {
	display : block; 
	height : 20px;
	text-indent : -9999px; 
	overflow : hidden;
	border: 0;}
	
ul#nav_ul_2 li {
	list-style-type: none;
	display:inline;}
	
/*            sub nav 1              */

li#n2_1 {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 138px;
	height: 20px;
	background: url(images/footer.png) no-repeat 0 -20px;}
	
li#n2_1 a{width : 138px;}
		
li#n2_1 a:hover {background: url(images/footer.png) no-repeat 0 -110px;}

li#n2_1 a:active {background: url(images/footer.png) no-repeat 0 -200px;}

/*            sub nav 2              */

	
li#n2_2 {
	position: absolute;
	top: 20px;
	left: 148px;
	width: 57px;
	height: 20px;
	background: url(images/footer.png) no-repeat -148px -20px;}

li#n2_2 a{width : 57px;}
	
li#n2_2 a:hover {background: url(images/footer.png) no-repeat -148px -110px;}

li#n2_2 a:active {background: url(images/footer.png) no-repeat -148px -200px;}

/*            sub nav 3              */


li#n2_3 {
	position: absolute;
	top: 20px;
	left: 215px;
	width: 110px;
	height: 20px;
	background: url(images/footer.png) no-repeat -215px -20px;}
	
li#n2_3 a{width : 110px;}
	
li#n2_3 a:hover {background: url(images/footer.png) no-repeat -215px -110px;}

li#n2_3 a:active {background: url(images/footer.png) no-repeat -215px -200px;}

/*            sub nav 4              */


li#n2_4 {
	position: absolute;
	top: 20px;
	left: 335px;
	width: 65px;
	height: 20px;
	background: url(images/footer.png) no-repeat -335px -20px;}
	
li#n2_4 a{width : 65px;}
	
li#n2_4 a:hover {background: url(images/footer.png) no-repeat -335px -110px;}

li#n2_4 a:active {background: url(images/footer.png) no-repeat -335px -200px;}

/*            sub nav 5              */


li#n2_5 {
	position: absolute;
	top: 20px;
	left: 410px;
	width: 90px;
	height: 20px;
	background: url(images/footer.png) no-repeat -410px -20px;}
	
li#n2_5 a{width : 90px;}
	
li#n2_5 a:hover {background: url(images/footer.png) no-repeat -410px -110px;}

li#n2_5 a:active {background: url(images/footer.png) no-repeat -410px -200px;}

/*            sub nav 6              */


li#n2_6 {
	position: absolute;
	top: 20px;
	left: 510px;
	width: 246px;
	height: 20px;
	background: url(images/footer.png) no-repeat -510px -20px;}
	
li#n2_6 a{width : 246px;}

li#n2_6 a:hover {background: url(images/footer.png) no-repeat -510px -110px;}

li#n2_6 a:active {background: url(images/footer.png) no-repeat -510px -200px;}

/*            sub nav 7              */
li#n2_7 {
	position: absolute;
	top: 57px;
	left: 470px;
	width: 286px;
	height: 20px;
	background: url(images/footer.png) no-repeat -470px -57px;}
		
li#n2_7 a{width : 286px;}
		
li#n2_7 a:hover {background: url(images/footer.png) no-repeat -470px -147px;}

li#n2_7 a:active {background: url(images/footer.png) no-repeat -470px -237px;}

/*            sub nav 8              */
li#n2_8 {
	position: absolute;
	top: 57px;
	left: 0px;
	width: 120px;
	height: 20px;
	background: url(images/footer.png) no-repeat 0px -57px;}
		
li#n2_8 a{width : 120px;}
		
li#n2_8 a:hover {background: url(images/footer.png) no-repeat 0px -147px;}

li#n2_8 a:active {background: url(images/footer.png) no-repeat 0px -237px;}
/*   -----------------------------------------------------------------------  end sub navigation  -- */



/*   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  classes main +++++++ */
.embed {
	position: absolute;
	text-indent: -9999px;}	
	
.left {
	float: left;}
.right {
	float: right;}
	
.italic {
	font-style:italic;}

img.left {
	margin: 18px 18px 18px 9px;}
	
img.right {
	margin: 18px 9px 18px 18px;}
	
img.right_no_margin {
	float: right ;
	margin: 0;}
	
img.no_top_margin {
	margin-top: 0;
	padding: 0;
	border: 0px;
	}
img.no_bottom_margin {
	margin-bottom: 0;
	padding: 0;
	border: 0px;}

/*   -----------------------------------------------------------------------  end classes  -- */

	
/*   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  link styles +++++++ */
a	{
	text-decoration:none;
	margin: 0;
	font-size:12px;}
	
a:link	{
	color:#000;
	border-bottom:#333 1px dotted;
	line-height: 17px;}
	
a:visited {
	color:#000;
	border-bottom:#bbb 1px dotted;}
	
a:hover {
	background-color:#5b91cd;
	color:#000;
	line-height: 18px;}
	
a:active {
	color:#FFF;
	background:#5b91cd;
	padding:1px;
	line-height: 16px;}

a.img_links {margin: 0; padding: 0; border: 0; background: none;line-height: 18px;}
a:link.img_links {margin: 0; padding: 0; border: 0; background: none;line-height: 18px;}
a:hover.img_links {margin: 0; padding: 0; border: 0; background: none;line-height: 18px;}
a:active.img_links {margin: 0; padding: 0; border: 0; background: none;line-height: 18px;}
a:visited.img_links {margin: 0; padding: 0; border: 0; background: none;line-height: 18px;}


#non_semanticness a{
	position:absolute;
	left:11px;
	top:7px;
	width:461px;
	height:187px;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++ contact page specific ++++++++++++++++++++++  */
	
#content_main li {
	line-height: 1.5em;
	font-size:1em;
	margin: 0 0 0 18px;}	
#content_main ul {
	margin-top: 36px;}	
p.comp_reg {
	font-size:0.75em;
	line-height:2em;}
