@import url(layouts.css);
body {
	color: #003300;
	font-size: 12px;
	font-family: Arial;
	background-color: #cccccc;
}
#container {
	background-color: #fff;
	width: 1150px;
	margin: 0 auto;
	border-top: 0;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	font-family: Arial;
}
#masthead {
	background-color: white;
	width: 1150px;
}	
#header {
	clear: both;
	width: 1150px;
	height: 95px;
}
#logo {
	float: right;	
	width: 400px;
	height: 100px;
	background: url('http://www.superrake.com/images/dices_1.png') no-repeat;
	margin: 10px 0 0 10px;	
}
#banner {
 	float: left;
 	width: 400px;
	height: 100px;
 	background: url('http://www.superrake.com/images/lolito.jpg') no-repeat;
	margin: 10px 0 0 10px;	
	
}
#flags {
    width:1150px; 
    height:55px; 
    background:#000; 
    position:relative;
}
#nav {
    width:1150px; 
    height:55px; 
    background:#000; 
    position:relative;
}

#nav .current {
   margin :0; 
   padding:0; 
   list-style:none;
}

#nav .select {
   margin :0; 
   padding:0; 
   list-style:none;
}

#nav li {
   display:inline;
   margin:0;
   padding:0;
   height:auto;
}

#nav .current a {
   display:block; 
   height:20px; 
   float:left; 
   background:#000; 
   padding:0 10px 0 10px; 
   text-decoration:none; 
   font-size:11px; 
   line-height:20px; 
   white-space:nowrap; 
   border-right:1px solid #ffffff; 
   color:#fff;}

#nav .select a {
   display:block; 
   height:20px; 
   float:left; 
   background:#000; 
   padding:0 10px 0 10px; 
   text-decoration:none; 
   font-size:11px; 
   line-height:20px; 
   white-space:nowrap; 
   border-right:1px solid #ffffff; 
   color:#fff;
   }


#nav .select li:hover a {background:#000000; cursor:pointer; color:#ff0;}


#nav .select a:hover {background:#000000; cursor:pointer; color:#ff0;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .current a {background:#000000; color:#ff0;}

#nav .select li:hover .sub li a:hover {background:#000000; color:#ff0;}

#nav .select a:hover .sub li a:hover {background:#000000; color:#ff0;}

#nav .sub li a:hover {background:#000000; color:#ff0;}

#nav .sub_active a:hover {
   background:#000000; 
   color:#ff0;
   }

#nav .select li:hover .sub {
   display:block; 
   position:absolute; 
   width:1150px; 
   top:20px; 
   left:0; 
   background:#000000; 
   margin-top:0; 
   padding:0; 
   z-index:100; 
   color:#fff; 
   font-size:11px;
   }

#nav .select li a:hover .sub {
   display:block; 
   position:absolute; 
   width:1150px; 
   top:20px; 
   left:0; 
   background:#000000; 
   margin-top:0; 
   padding:0; 
   z-index:100; 
   color:#fff; 
   font-size:11px;
   }

#nav .sub_active {margin:0px 0px 5px 0px; padding:0; list-style:none;}

#nav .sub {margin:0px 0px 5px 0px; padding:0; list-style:none;}

#nav .sub_active {display:block; position:absolute; width:1150px; top:20px; left:0; background:#000000; margin-top:0; padding:0; z-index:10;}
* html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

* html #nav .sub_active {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {
   height:21px; 
   text-decoration:none; 
   line-height:20px; 
   white-space:nowrap; 
   display:block; 
   float:left; 
   background:#000000; 
   padding:5px 10px 10px 10px; 
   margin:0; 
   font-size:11px; 
   white-space:nowrap; 
   border:0; 
   color:#fff;
   }

#nav .select li:hover .sub li a {
   display:block; 
   background:#000000; 
   padding:5px 10px 10px 10px; 
   margin:0; 
   white-space:nowrap; 
   border:0; 
   color:#fff; 
   font-size:11px;
}

#nav .select a:hover .sub li a {
   display:block; 
   background:#003300; 
   padding:5px 10px 10px 10px; 
   margin:0; 
   white-space:nowrap; 
   border:0; 
   color:#fff; 
   font-size:11px;
}
#column_l {
	width: 870px;
	margin: 0;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
	color: #000000;
	font-family: Arial;
}
#column_r {
	width: 250px;
	margin: 0;
	float: right;
	padding: 5px 5px 5px 5px;
	background-color: #ffffff;
	position: static; 
	color: #003300;
	font-size: 11px;
	font-family: Arial;
}
#footer {
	width: 1150px;
	text-align: center;
	background-color: #000000;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 11px;
	font-family: Arial;
}
/* Styles for Masthead */
#masthead img { 
	float: left; 
}
#column_r p {
	font-size: 11px;
	margin: 5px;
	font-family: Arial;
}
/* Styles for Navigation */
#navigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
}
#navigation a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #ffffff;
}
#navigation a:hover {
	color: #000;
	text-decoration: none;
	border: 1px solid #ffffff;
	background-color: #ffffff;
}
/* Styles for Footer */
#footer p {
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	margin: 1px;
	padding: 1px;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}
/* Styles for Links */
a {
	color: #cc0000;
	text-decoration: none;
}
a:hover {
	color: #808080;
	text-decoration: underline;
}