/* 1024px 

/******** General tags ********/

html, body, #body {  height:100%; width:100%;  } 
body{
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#fff url(../images/bg.jpg) top center  repeat-x;
color:#404040;
margin:0 auto;
padding:0;
}

a{text-decoration:none;color:#4088b8;font-weight:bold;}
a:hover{text-decoration:underline; color:#f26522}
a img{border:0;}

h1{font-size:2.6em; font-family:Arial, Helvetica, sans-serif;letter-spacing:-2px;margin:0 0 10px 80px;color:#00448f;line-height:0.9em; font-weight:bold}
h1 a{text-transform:none; color:#4088b8;}

/******** Main wrap ********/
#wrap {	min-height: 100%;	height: auto !important;
	height: 100%;	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	 color:#404040;width:970px;padding:0;
}
#footer, #push {	clear:both; height: 60px; /* .push must be the same height as .footer */}

#header{margin:0 ;height:410px;}
#header-page{margin:0 ;height:310px;}
#mainmenu {float:right;margin:0;height:60px;background: url(../images/bg-menu.gif) top left repeat-x; width:570px;}
#mainmenu ul {font-size:14px;margin:0;padding:0;height:60px;}
#mainmenu li {float:left;height:60px;list-style:none;margin:0;padding:0;}
#mainmenu a {border-right:1px solid #0e5b9b;color:#fff;display:block;padding:0 10px;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;line-height:60px}
#mainmenu a:hover {background:#f0f0f0 url(../images/bg-menu-sel.gif) top left repeat-x;color:#fff;text-decoration:none;height:60px}
#mainmenu a.current {background:#f0f0f0 url(../images/bg-menu-sel.gif) top left repeat-x;color:#fff;text-decoration:none;height:60px;}
#logo{width:600px; height:350px; float:left; }
#volo{width:340px; height:290px; float:left; margin:60px 0 0 0px; }
#home{width:970px;height:300px;text-align:left;padding:0;background:#fefeff url(../images/bg-home.gif) top left repeat-x; min-height: 100%;	height: auto !important; height: 100%;}
/******** Footer ********/
#footer{
clear:both;
text-align:right;
color:#808080;
font-size:0.9em;
margin:0 auto;
padding:8px 0;
line-height:1.6em;
background:url(../images/bg-footer.gif) top left repeat-x
}

#footer p{margin:0 10px 0 0 ; padding:0;}
#footer a{color:#f29400; }
#footer a:Hover{color:#00adef;}

/******** Various classes ********/
.box1{ width:220px; height:242px; background:#fff url(../images/bg1.gif) top left repeat-x; color:#ffffff;font-size:0.9em;border:1px solid #fff;line-height:1.3em;margin:16px 10px 10px 10px; float:left}
.box2{ width:220px; height:242px; background:#fff url(../images/bg2.gif) top left repeat-x; color:#ffffff;font-size:0.9em;border:1px solid #fff;line-height:1.3em;margin:16px 10px 10px 10px; float:left}
.box3{ width:220px; height:242px; background:#fff url(../images/bg3.gif) top left repeat-x; color:#ffffff;font-size:0.9em;border:1px solid #fff;line-height:1.3em;margin:16px 10px 10px 10px; float:left}
.box{ width:220px; height:242px;  color:#ffffff;font-size:0.9em;line-height:1.3em;margin:16px 10px 10px 10px; float:left}
.box1 ul li, .box2 ul li, .box3 ul li {list-style: outside ; list-style-image: url(../images/star.png); font:16px bold "Trebuchet MS", Arial; font-weight:bold; line-height:14px;}
.box1 ul li a, .box2 ul li a, .box3 ul li a {color:#FFFFFF}
.box1 ul li a:Hover, .box2 ul li a:Hover, .box3 ul li a:Hover { color: #CC6600;text-decoration:none }

.box1 ul li span, .box2 ul li span, .box3 ul li span{ font:12px bold "Trebuchet MS", Arial; font-weight: normal;line-height:14px}
.box1 ul li span a{ color:#000066}
.box1 ul li span a:Hover{ color: #CC6600;text-decoration:none }

.box1 .head {width:209px; margin:0 auto; background:#0b2250; font:14px bold "Arial Black", Arial; line-height:40px; margin-top:5px;}
.box2 .head {width:209px; margin:0 auto; background:#e76e34; font:13px bold "Arial Black", Arial; line-height:40px; margin-top:5px; letter-spacing:-1px}


.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}
.thumb{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 6px 2px 6px;
}


#scrollingContainer{
		width:220px;	/* 170 pixels in width */
		height:242px;	/* Height of box */
		
		float:left;	/* I want the text to wrap around the box */		
		overflow:hidden;	/* Hide overflow content */
		background:#338ed2 url(../images/bg3.gif) top left repeat-x; color:#ffffff;
		font-size:0.9em;
		border:1px solid #fff;
		line-height:1.1em;
		margin:16px 10px 10px 10px 
	}
#scrollingContainer p{border-bottom:1px dotted #fff; margin:10px; padding:10px}
.title{font-weight:bold; color:#c00000}