html,body{
	margin:0;padding:0;
	background-color: #D3DBDF;
	background-image: url(../images/fadebg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

div#header {
	background-image:url(../images/GRANICOL_header.jpg);
	height:143px;
	width:776px;
	margin:0;
	padding:0;
	background-repeat: no-repeat;
	background-position: left top;
}
div#header h1{
	margin:0;
	padding:0;
}
div#header h1 span  {
	display: none;
	}
div#content {
	margin-left: 138px;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom:20px;
	padding:0px;

}
div#contentdetails {
	margin-left: 138px;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom:20px;
	padding:0px;
}
div#contentdetails h2{	
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	padding:10px;
	margin:0px;
}
div#contentdetails p{	
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 12px;
	color: #000000;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
}
div#contentdetails p img {
	border: 1px solid white;
	padding:0px;
	/*
	float:right;
	clear:right;
	*/
	margin:5px;
}
div#content p img {
	border: 1px solid white;
	padding:0px;
	/*
	float:right;
	clear:right;
	*/
	margin:5px;
}
div#contentdetails p img:a{
	text-decoration:none;
}	
div#contact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #333333;
	margin-left: 138px;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom:20px;
	padding:0px;
	text-align: left;


}
div#contact p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	color: #333333;
	text-align: left;

}
div#contact p.warning{
	padding-left: 20px;
	padding-bottom: 20px;
	text-align: left;
	color:#FF0000;
}
div#contact form p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	padding-bottom:3px;
	margin:0px;
	
}
div#contact form {
	width: 340px;

}
div#contact label {
	display:block;
	float:left;
	padding-bottom:0px;
	text-align: right;
	width: 85px;
	padding-right:10px;
	line-height: 20px;
}
div#contact a{
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FF177A;
	line-height: 12px;
	font-weight: bold;
	z-index: 99;
}
div#contact a:hover{
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #999999;
	line-height: 12px;
	font-weight: bold;
	z-index: 99;
}
div#contact h2{	
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	padding:10px;
	margin:0px;


}
div#Imagedetails {
	margin: 0px;
	padding-right:10px;
	float:right;
}
div#content p{	
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 12px;
	color: #000000;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
}
div#content h2{	
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	padding:10px;
	margin:0px;


}

div#menu {
	height:35px;
	width:776px;
	margin:0;
 	text-align: right;
}
div#menu {
	height:35px;
	width:776px;
	margin:0;
	background-image:url(../images/GRANICOL_menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#menu ul{
	padding:0;
	margin:0;



	
}
div#menu li{
	display: inline;


}
div#menu a{
	list-style-type: none;
	list-style-image: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: inline;
	color: #000000;
	text-align:right;
	display:block;
	text-decoration:none;
	line-height: 35px;
	display: inline;
	padding: 11px 8px 10px 8px;
}

div#menu li:hover, #menu a:hover{
	color: #000000;
	background-color:#CEE9F2;

}
div#submenu {

	width:138px;
	float: left;
	margin:0px;
	padding:0px;
}
div#submenu p{

	width:108px;
	float: left;
	margin:0px;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	text-align:left;
	
}
div#submenu ul {
	list-style-type: none;
	list-style-image: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width:138px;
	margin:0px;
	padding:0px;

}

div#submenu li {
	margin:0px;
	padding:0px;
	width: 138px;

}
div#submenu li:last-child{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
div#submenu a {
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:left;
	display:block;
	text-decoration:none;
	padding:8px;
	line-height: 20px;


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

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

li>ul { 
	top: auto;
	left: auto;
}

/* Win IE only \*/
* html div#submenu ul li{float:left;} 
/* end Win IE only */

div#submenu a:hover {
	background-color:#CEE9F2;

}
div#contentBody  {
	margin: 0px;
	padding: 0px;
	width:776px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background-image: url(../images/subnav.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color:#FFFFFF;



}

div#footer {
	height:34px;
	width:776px;
	margin:0px;
	padding:0px;
	background-image:url(../images/GRANICOL_menu.gif);
	background-repeat: repeat-y;
	background-position: left top;
	clear:both;
	border-bottom: 1px solid #999999;
}

div#footer p {


	margin:0px;
	padding:10px 10px 0px 145px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
}
/*
div#footer {
	height:34px;
	width:776px;
	margin:0px;
	padding:0px;

	background-repeat: no-repeat;
	background-position: left top;
	clear:both;

	border-bottom: 1px solid #999999;

}
*/

div#wrapper {

	margin:0px;
	padding:0px;


}