/* 
File: piconigeria.css 
Author: piconigeria.com 
Updated: 17/02/07 
 
Page layout
*/

body {
	width: 800px;
	margin: 0px;
	padding: 0px;
	position: relative;
	margin: 0 auto;
	background-image: url(images/global-span.gif);
	background-repeat: repeat-x;
}
#container {
	width: 800px;
	position: relative;
	padding-bottom: 5px;
	width: 100%;
}
#header-container {
	width: 800px;
	position: relative;
	background-color: #D9D4D3;
	width: 100%;
	}
#header-left {
	width: 300px;
	float: left;
	background-color: #D9D4D3;
}
#header-logo {
	float: left;
	position: relative;
	padding-left: 0px;
	padding-top: 10px;
	background-color: #D9D4D3;
	}
#header-image {
	float: left;
	padding-left: 0px;
	padding-top: 10px;
	background-color: #D9D4D3;
	margin-left: 15px;
	}
#header-center {
	position: relative;
	background-color: #D9D4D3;
	margin-top: -300px;
	margin-left: 320px;
	width: 500px;
	float: left;
}	
#header-nav {
	position: relative;
	width: 500px;
	float: left;
	margin-top: 95px;	
	background-color: #D9D4D3;
}
#header-text {
	position: relative;
	width: 500px;
	float: left;
	margin-left: -60px;
	margin-top: 28px;
	background-color: #D9D4D3;
}
.header-country {
	position: relative;
	margin-top: 5px;
	margin-left: 300px;
	background-color: #D9D4D3;
		}
#main-container {
	width: 700px; 
	position: relative;
	margin: auto;
	background-color: #ffffff;
}
#main-upper {
	width: 700px;
	margin-top: 20px;
	padding-right: 0px;
	float: left;
}
#main-span {
	width: 640px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	background-color: #ffffff;
}
#main-left {
	width: 320px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	background-color: #ffffff;
}
#main-right {
	width: 320px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 30px;
	background-color: #ffffff;
}
#footer-text {
	width: 470px;
	float: left;
	padding-top: 5px;
	border-style: solid;
	border-width: 3px 0px 0px 0px;
	border-color: #999999;
} 
#footer-nav {
	width: 230px;
	float: left;
	padding-top: 5px;
	border-style: solid;
	border-width: 3px 0px 0px 0px;
	border-color: #999999;
}
img.floatLeft { 
    float: left; 
    margin: 6px; 
	clear: left;
}
.clear {
	clear:both
}	
.preloadimage {
	display:none;
}

/* Define fonts */

.small-white{font-family:verdana; font-size:9px; color:#FFFFFF }
.std-white{font-family:verdana;	font-size:14px;	color:#FFFFFF}
.large-white{
	font-family:verdana;
	font-size:24px;
	color:#FFFFFF;
	}
.small-black{
	font-family:verdana;
	font-size: 9px;
	color:#000000;
	line-height: 15px;
}
.std-black{font-family:verdana;	font-size: 11px; color:#000000;	line-height: 16px}
.large-black{font-family:verdana; font-size: 24px; color:#000000 }
.std-grey{
	font-family:verdana;
	font-size:14px;
	color:#999999;
	font-weight: bold;
}
.large-grey{
	font-family:verdana;
	font-size:16px;
	color:#999999;
	font-weight: bold;
}
.red{font-family:verdana; font-size:14px; color:#ff1b1b;}
.std-blue{font-family:verdana; font-size:11px; color:#245dc5;}
.blue{font-family:verdana; font-size:14px; color:#245dc5;}
.link{font-family:verdana; font-size:11px; color:#091d80;}
.table-header {
	font-family:verdana;
	font-size:9px;
	color:#FFFFFF;
	background-color: #000000;	
}	
.table-content {
	font-family:verdana;
	font-size:9px;
	color:#000000;
	background-color: #D9D4D3;
	margin-left: 5px; 
	margin-right: 5px;
}	
#table-list {
	padding-left: 10px; margin-left: 5px;
}


/* Define links	*/	
 
a:link {text-decoration: none; color:#245dc5;}
a:visited {text-decoration: none; color:#245dc5;}
a:active {text-decoration: none}
a:hover {text-decoration: underline; color: #ff1b1b;}

a.footer:link {text-decoration: none; color:#000000;}
a.footer:visited {text-decoration: none; color:#000000;}
a.footer:active {text-decoration: none}
a.footer:hover {text-decoration: underline; color: #55a6e4;}

a.arrow {
	background: url(/images/arrow.gif) 0 2px no-repeat;
	padding: 6px 0px 23px 25px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	}
a.arrow:hover {
	background: url(/images/arrow-on.gif) 0 2px no-repeat;
	padding: 6px 0px 23px 25px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;
	font-size: 11px;
	color: #55a6e4;
}

/*CSS for pop up hint box */
#hintbox{ 
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint */ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

/* form formatting */
label
{
width: 220px;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 0px;
} 

/* menu */

#nav, #nav ul {
	float: left;
	width: 500px;
	list-style: none;
	background: #D9D4D3;
	font-family:verdana;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	}

#nav a {
	display: block;
	width: auto;
	color: #000000;
	text-decoration: none;
	padding: 0.25em 2em;
}


#nav li {
	float: left;
	padding: 0;
	width: auto;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 80px;
	font-family:verdana;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 118px;
}

#nav li ul a {
	width: 100px;
	}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #55a6e4;
}

#content {
	clear: left;
}

#content a {
	color: #FFFFFF;
}

#content a:hover {
	text-decoration: none;
}