*{border:0;margin:0;padding:0;}

body {
  margin: 0px;
  padding: 0px;
  width:100%;
  background-color:#FFF;
  background-image: url(graphics/backgrounds/kayak.jpg);
  background-repeat:no-repeat;
  font-family: Arial, Helvetica, sans-serif;
    
 
}
#wrapper {
  	width:995px;
	height: 100%;
	min-height:700px;
	 margin-left: auto;
  	margin-right: auto;
	text-align: left;
	padding-bottom:120px;
	overflow:hidden;
}

#pop {
  	width:360px;
	height: 260px;
	 margin-left: auto;
  	margin-right: auto;
	text-align: left;
	background-color:#FFF;
	padding:20px;
	
}



#header{
	width:auto;
	height:auto;
	padding-top:0px;
	
	
}




div.box {
 	width:100%;
	_width:98%;
	position: relative;
	top: 0px;
 	left: 0;
	padding-top:0px;
	
}

div.box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101;
	 padding:10px;
}
div.box_background {
     background-color: white;
     height: 100%;
    filter:alpha(opacity=0); /* IE's opacity*/
     left: 0px;
     opacity: 0.0;
	 -moz-opacity: 0.0;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
}


#main {
	width:580px;
	position: relative;
	top: 0px;
 	left: 0;
	padding-top:0px;
	
}




#content {
  padding:15px;
  margin-left:40px;
  margin-top:15px;
  width: 925px;
  height:200px;

}

#postit {
 padding-right:20px;
 float:left;
 width:286px;
 height:200px;
 background:url(graphics/main/postit.jpg) no-repeat;
}



#title {
 margin:40px 0px 0px 120px;
 width: 135px;

}



/*		sub_pages	*/





#content_sub{
	margin-top:-3px;
	width:600px;
	min-height:700px;
        height:auto;
	height:650px;	
	padding-left:5px;
	background:#FFF;
	display:block;
	overflow:visible;
	position:relative;
}





#line{
	width:605px;
	height: 5px;
	margin: -15px 0 0 0;
	
}

#main_sub{
 position: relative;
 margin-left:50px;
 margin-top: 20px;
}

#sub_title{
	margin-top: 0px;
	margin-left: 0px;
	height:75px;
	position:relative;
	
}


#sidebar {
  position:absolute;
  float:left;
  right:55px;
  top: 0px;
  width: 230px;
  height: auto;
  margin: 20px  0px  0px  0px;
}

/*		authors	*/

#postits{
	width: 200px;
  	height:200px;
	padding:20px;
	background:#FFFFFF;
	float: left;
	
}

#postits2{
	margin-top:20px;
	width: 200px;
  	height: 300px;
	padding:20px;
	background:#FFFFFF;
	float: left;
	
}



#askpost{
	width: 200px;
  	height: 346px;
	padding:5px;
	float: left;
	
}



/*	news	*/

#sidenews {
  position: absolute;
  float:left;
  top:0px;
  right:25px;
  width: 210px;
  height: auto;
  margin: 20px  0px  0px  0px;
 
}

#sidebox{
	width: 193px;
  	height: 273px;
	padding:0px 0px 0px 10px;
	background:url(graphics/sub/sidebar.gif) top left no-repeat;
	float: left;
	
}




#postitcopy{
	width:170px;
	margin:5px 0px 0px 10px;
	
}



ul{
	margin: 0;
	line-height:1.3em;
	list-style:none;
	display: inline;
 	#display: block;
 	_display: block;
	
	}
	
div#content_tech a:link {color:#005581; font-size:16px; font-weight: normal; text-decoration:underline;}
div#content_tech a:visited {color: #005581; font-size:16px; font-weight: normal; text-decoration:underline; }
div#content_tech a:hover {color: #689d00; font-size:16px; font-weight: normal; text-decoration:underline; }

 a:link {color: #005581; font-size:11px; font-weight: bold; text-decoration:none ; }
 a:visited {color: #005581;font-size:11px; font-weight: bold; text-decoration:none ; }
 a:hover {color: #689d00; font-size:11px; font-weight: bold; text-decoration:none ; }


.style6  {
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	letter-spacing:0em;
	color:#0064A5;
	}

.style5  {
	font-size:14px;
	font-weight:bold;
	letter-spacing:0em;
	color:#0079c1;
	}

.style4  {
	font-size:20px;
	font-weight:bold;
	letter-spacing:0em;
	color:#0079c1;
	}
	
.style3  {
	font-size:16px;
	font-weight:normal;
	letter-spacing:0em;
	color:#0079c1;
	}

.style2  {
	font-size:16px;
	font-weight:normal;
	letter-spacing:0em;
	color:#333333;
	}
	
.style1  {
	font-size:22px;
	font-weight:normal;
	letter-spacing:0em;
	color:#007Dc3;
	}
	
	
	p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.4em;
	color:#333;
	display: block;

}


#footer{
position:absolute;

min-width:700px;
width:auto;
width:1250px;	
  
  left:0px;
  right:0px;
  border:0px solid red;
  height:125px;
  padding-top:10px;
  background:url(graphics/main/footer.png) repeat-x center ;
  .background:url(graphics/main/footer.gif) repeat-x center ;
  background-repeat: repeat-x;
  background-position:relative
  margin-top:50px;
  margin:0 auto;

}




.textarea{

color: #002d5e;
height:25px;
background: #ededed;
border-top: 1.2px solid #6a6a6a;
border-left: 1.2px solid #6a6a6a;
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}


.grey{

color: #002d5e;
height:25px;
background: #ededed;
border-top: 1.2px solid #6a6a6a;
border-left: 1.2px solid #6a6a6a;
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}






#navigation{
	width:995px;
	height:67px;
	margin-top:-4px;
	background:url('graphics/main/nav.jpg') no-repeat;
	padding:0;
		
}



#menu {
width: 995px;
margin-left:150px;
padding-top:11px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: auto;
float: left;
margin-left:25px;

}

#menu a,  #menu img {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
margin: 0;
}
#menu img
{
}


#menu a {
color: #CDDAF0; font-size:11px; font-weight: bold; text-decoration:none ;
text-decoration: none;
display:block;
}

#menu a:hover {
       text-decoration:underline;
}


#menu li {
position: relative;
z-index:10000!important;
border:0px solid #0079c1;
}

#menu ul ul {
position: absolute;
z-index: 500;
top:auto;
display:none;
width:200px;
}


#menu ul li
{
}
#menu ul li ul
{
	background-color:#0079c1;

}
#menu ul li ul li
{
	padding-left:10px;
	padding-bottom:10px;
	padding-top:5px;

}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



#maincontent{
	margin: 5px;
	width: 540px;
	text-align: left;
}
#maincontent th{
	padding: 10px 8px;	
	
}
#maincontent td{
	padding: 6px 8px;
	
	
}




#samples{
	margin: 0px;
	width: 565px;
	text-align: left;
}
#samples th{
	padding: 2px;
	text-align: left;
	
}
#samples td{
	padding-top: 10px;
	
	
	
	
}

#books{
	margin-left: 15px;
	width: 175px;
	/*height:235px;*/
	padding:0px;

	background:#f1f1f1;
}

#books td{
	margin: 0px;
	
	
	
	
}


#ask{
	margin: 0px;
	width: 150px;
	text-align: left;
}
#ask th{
	padding: 0px 8px;	
}
#ask td{
	padding: 0px 8px;
}



.comp_list {
margin: 0px;
padding: 0px;
width: 575px;
}
.comp_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#e6e6e6;
margin:1px;
}
.comp_body {
padding: 5px 0px 0px 0px;
background-color:#f2f2f2;
width: 540px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}