/*
      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; }

html{height:100%;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #E6E6E6 url(images/page_bg.png) repeat-y center top;
 text-align: center;
}

h1, h2, h3, h4, p, ul, ol {
	margin: 0px;
	padding: 0px;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
 background-color:#FF99CC;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px 0px 15px 0px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background: #E7DBD5 url(images/header2.jpg) center no-repeat;
 }


#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #000000;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
font-weight:bold;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: white;
}

#navcontainer #active { border-left: 1px solid #fff; }

#wrapper3{
background:#FF99CC  url(images/danni_main5.jpg) no-repeat top center;
}


#leftcolumn { 
 color: #333;
 border: 1px solid #FF99CC;
 background: #FF99CC;
 margin: 0px 5px 0px 0px;
 padding: 5px;

 width: 195px;
 float: left;
}

/* LEFTCONTENTS */

.leftboxes{
padding-bottom:5px;

}



#content { 
 float: left;
 color: #333;
 border: 1px ;
 
 margin: 0px 5px 5px 0px;
 padding: 10px 5px 0 20px;

 width: 456px;
 display: inline;
 font-style:italic;
 font-size: 14px;
}

#welcome{
color: #FF0000;
text-align:left;

}

#rightcolumn { 
 color: #333;
 border: 1px solid  #FF99CC;
 background: #FF99CC;
 margin: 0px 0px 5px 0px;
 padding: 10px;

 width: 195px;
 float: left;
}

/* NEWS */
#news .story {
	background: url(images/bg_story.png) repeat-y;
	color: #FFFFFF;
	padding: 5px 5px;
	border-bottom: 1px dashed #AAEB11;
	display: block;
	text-decoration: none;
	line-height: 100%;
}
#news span.title {
	font-size: 1.1em;
	font-weight: bold;
	display: block;
	line-height: 120%;
	color: #FF0033;
}
#news a.story:hover {
	color: #4A761D;
	background: url(images/bg_story_high.png);
}
#news h2 {
	background: #000000 url(images/earth04.gif) right no-repeat;
	color: #FF0033;
	font-size: 2em;
	text-align: left;
	text-transform: uppercase;
	padding-top: 50px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#news h2 span {
	background: url(images/down.png) no-repeat;
	position: absolute;
	right: 10px;
	height: 48px;
	width: 48px;
	top: 4px;
	z-index: 10;
}



#footer { 
 width: 900px;
 clear: both;
 color: #FFFFFF;
 border: 1px solid #ccc;
 background: #000000;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}