/*

      Created by Keith Donegan of Code-Sucks.com

	  

	  E-Mail: Keithdonegan@gmail.com

	  

	  You can do whatever you want with these layouts,

	  but it would be greatly appreciated if you gave a link

	  back to http://www.code-sucks.com

	  

*/



* { padding: 0; margin: 0; }



body

{

font-family: Arial, Helvetica, sans-serif;

 font-size: 13px;



background-image:url('imgs/BG.png');

background-repeat:repeat-x;

background-position:top center;

background-attachment:fixed;

}



h1 {text-align:center;}

p.date {text-align:right;}

p.main {text-align:justify;}

p.list {text-align:justify;}



h1 {font-size:40px;}

h2 {font-size:16px;}

h3 {font-size:14px;}



a:link {color:#FF0000;}    /* unvisited link */

a:visited {color:#FF0000; border: 0;} /* visited link */

a:hover {color:#00000;}   /* mouse over link */

a:active {color:#FF0000;}  /* selected link */



a.bold{

	font-size: 12px;

	color: #000000;

	text-decoration: none;

	font-weight: bold;

}

a.bold:hover{

	font-size: 12px;

	color: #000000;

	

	text-decoration: underline;

	font-weight: bold;

	}











img.headerImg

{

background:url(imgs/header.png)  0px 0 ;

position:relative;

left:0px;

}







#wrapper { 

 margin: 0 auto;

 width: 939px;

 



}

#header {

 color: #333;

 width: 939px;

 padding: 0px;

 height: 102px; 



}



#navigation {

 width:939px; 

 height:94px;

 

}

#nav_holder { 

 width: 939px;

 margin: 0px 0px 0px 0px;

 padding: 0px;

 height: 94px;

}



.prodrop5 {

 padding:0 0 0 0px;

 margin:0;

 list-style:none;

 height:94px;

 position:relative;

 z-index:500;

 font-family:arial, verdana, sans-serif;

 border-bottom-style: none;

}

.prodrop5 li.top {

 display:block; 

 float:left;

}



.prodrop5 li a.pos1 {

background:url(imgs/home.png); 

 width:114px; 

 height:94px; 

 display:block; 

 text-indent:-99999px;

} 

.prodrop5 li a.pos2 {

 background:url(imgs/staff.png);

 width:58px; 

 height:94px; 

 display:block;

 text-indent:-99999px;

} 

.prodrop5 li a.pos3 {

 background:url(imgs/services.png); 

 width:93px; 

 height:94px; 

 display:block;

 text-indent:-99999px;

} 

.prodrop5 li a.pos4 {

 background:url(imgs/faqs.png);

 width:71px; 

 height:94px; 

 display:block;

 text-indent:-99999px;

} 

.prodrop5 li a.pos5 {

 background:url(imgs/articles.png);

 width:86px; 

 height:94px; 

 display:block;

 text-indent:-99999px;

}

.prodrop5 li a.pos6 {

 background:url(imgs/therapy.png);

 width:153px; 

 height:94px; 

 display:block;

 text-indent:-99999px;

} 

.prodrop5 li a.pos7 {

 background:url(imgs/prisms.png);

 width:77px; 

 height:94px; 

 display:block;

 text-indent:-99999px;

 }

 .prodrop5 li a.pos8 {

 background:url(imgs/letters.png);

 width:80px; 

 height:94px; 

 display:block;

 text-indent:-99999px;

 }

 .prodrop5 li a.pos9 {

 background:url(imgs/vtkits.png);

 width:79px; 

 height:94px; 

 display:block;

 text-indent:-99999px;

 }

 .prodrop5 li a.pos10 {

 background:url(imgs/contact.png);

 width:127px; 

 height:94px; 

 display:block;

 text-indent:-99999px;

 }

 

.prodrop5 li.p1 {background:url(imgs/home_alt.png); background-repeat:no-repeat;} 

.prodrop5 li.p2 {background:url(imgs/staff_alt.png); background-repeat:no-repeat;} 

.prodrop5 li.p3 {background:url(imgs/services_alt.png); background-repeat:no-repeat;} 

.prodrop5 li.p4 {background:url(imgs/faqs_alt.png); background-repeat:no-repeat;} 

.prodrop5 li.p5 {background:url(imgs/articles_alt.png); background-repeat:no-repeat;} 

.prodrop5 li.p6 {background:url(imgs/therapy_alt.png); background-repeat:no-repeat;} 

.prodrop5 li.p7 {background:url(imgs/prisms_alt.png); background-repeat:no-repeat;}

.prodrop5 li.p8 {background:url(imgs/letters_alt.png); background-repeat:no-repeat;} 

.prodrop5 li.p9 {background:url(imgs/vtkits_alt.png); background-repeat:no-repeat;} 

.prodrop5 li.p10 {background:url(imgs/contact_alt.png); background-repeat:no-repeat;}  

.prodrop5 table {

 border-collapse:collapse; 

 width:0; 

 height:0; 

 position:absolute; 

 top:0; 

 left:0;

}

.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}

.prodrop5 li:hover {position:relative; z-index:200;}

.prodrop5 li a.top_link:hover {background: none;}

.prodrop5 li:hover > a.top_link {background: none;} 

/* keep the 'next' level invisible by placing it off screen. */

.prodrop5 ul {

 position:absolute; 

 left:-9999px; 

 top:-9999px; 

 width:0; 

 height:0; 

 margin:0; 

 padding:0; 

 list-style:none;

}

.prodrop5 :hover ul {

 display: block;

 left:0; 

 top:45px; /* height of Nav*/

 padding:3px; 

 white-space:nowrap; 

 height:auto; 

 width:165px; 

 z-index:300;

}

.prodrop5 :hover ul li {display:block; 

 height:20px;  /* height of NavDropdown*/

 position:relative; 

 font-weight:normal; 

 width:auto;

}

.prodrop5 :hover ul li a {

 font-size: 12px;

 color: #527094;

 background: white;

 border: 1px solid #CBCBCB;

 text-decoration: none;

 padding: 2px 10px 2px 10px;

 display:block; 

 height:20px; 

 line-height:20px; 

 width:auto; 

 color:#000; 

}

.prodrop5 :hover ul li a:hover {

 font-size: 12px;

 color: white;

 background: #aac7fe;

 border: 1px #FFFFFF;

 text-decoration: none;

 padding: 2px 10px 1px 10px;

 width:auto; 

}





#content1 { 

 padding: 0px;

 height: *px;

 width: 925px;

 margin: 0 0 0 10px;

 background-image:url(imgs/pixelW.png);

}



#rightcolumn { 

 padding: 10px;

 height: *px;

 width: 400px;



  margin: 0 0 0 0px;

float: right;

}



#leftcolumn { 

 height: *px;

 width: 430px;

 background: #aac7fe;

 float: left;

}





#footer { 

 width: 921px;

 height: 50;px

 clear: both;

 color: #000;

 border: 0px solid #000000;

 background: #ffffce;

 padding: 0px;

  margin: 0 0 0 10px;

   float: left;

}



#footerC { 

 width: 911px;

 height: 50;px

 clear: both;

 color: #000;

 border: 0px solid #000000;

 background: #ffffce;

 padding: px;

  margin: 0 0 0 0px;

   float: left;

}

#boxPict

{

width:430px;

height:290px;

padding:0px;

 margin: 0 0 0 44px;

float:left

}



#boxCenter

{

width:921px;

height:*px;

padding:0px;

margin:0px;

margin: 0px 0 0 10px;

background-image:url(imgs/pixelW.png);

float:left

}



#boxTop

{

width:900px;

height:*px;

padding:0px;

margin:0px;

margin: 0px 0 0 10px;

background: #aac7fe;

float:left

}



#boxLeftText

{

width:480px;

padding:20px;

margin: 0px 0 0 0px;

background: #aac7fe;

float:left

}

#boxLeftTextB

{

width:500px;

padding:20px;

margin: 0px 0 0 0px;

background: #aac7fe;

float:left

}



#boxLeftTextY

{

width:450px;

padding:10px;

margin:0px;

margin: 10px 0 30px 5px;

background-image:url('imgs/yellowGrad.png');

background-repeat:repeat-x;

float:left

}

#boxLeftTextW

{

width:450px;

height:*px;

padding:10px;

margin:0px;

margin: 10px 0 30px 5px;

float:left

}



#boxLeftTextF

{

width:650px;

height:650px;

padding:10px;

margin:0px;

margin: 10px 0 30px 5px;

float:left

}



#boxLeftTextK

{

width:650px;

height:200px;

padding:10px;

margin:0px;

margin: 10px 0 30px 5px;

float:left

}



#boxLeftTextA

{

width:300px;

height:*px;

padding:10px;

margin:0px;

margin: 10px 0 30px 5px;

float:left

}







#boxRightTextF

{

width:200px;

height:300px;

padding:10px;

margin:0px;

margin: 30px 0px 0px -130px;

float:left

}

#boxLeftList

{

width:300px;

height:200px;

padding:0px;

margin:0px;

margin: 0px 0px 0px 15px;

float:left

}

#boxLeftListK

{

width:300px;

height:200px;

padding:0px;

margin:0px;

margin: 0px 0px 0px 200px;

float:left

}



#boxLeftStaff

{

width:400px;

padding:10px;

margin:0px;

margin: 10px 0 30px 5px;

float:left

}



#boxRightText

{

width:300px;

padding:20px;

margin:0px;

margin: 0px 0 0 0px;

float:left

}



#boxRightText2

{

width:380px;

padding:0px;

margin:0px;

margin: 0px 20px 0px 0px;

float:right

}



#boxRightTextP

{

width:380px;

padding:0px;

margin: 0px 0 0 40px;

}



#boxRightTextK

{

width:380px;

height:500px;

padding:0px;

margin: 0px 0 0 40px;

float:left

}

#boxCenterMap

{

width:800px;

height:*px;

padding:10px;

margin: 0px 0 0px 200px;

float:left

}

#boxLeftMap

{

width:250px;

height:*px;

padding:10px;

margin: 0px 0 0px 0px;

float:left

}

#boxRightMap

{

width:250px;

height:*px;

padding:10px;

margin:0px;

margin: 0px 0 0px 0px;

float:left

}



#box2

{

width:430px;

padding:0px;

margin:0px;



/*border:1px solid red;

outline-style:solid;

outline-color:#ffffff;



*/



}




