@charset "iso-8859-1";
/*
Original design: andreas02 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas02/
*/

/* General layout */
body {
	color:#FFFFFF;
	margin:0;
	padding:15px 0 0;
	font-family: tahoma, verdana, sans-serif;
	font-size: 76%;
	background-position: left;
	background-repeat: repeat-y;
	background-attachment: fixed;
}
#container {
	margin:0 auto 20px;
	padding:5px 20px 20px;
	width:730px;
	background-color: #000000;
	border: 2px solid #FFFFFF;
}

/* Site title */
#logo {margin:15px 0 0;}
#logo h1 a {
	border:none;
	color:#FFFFFF;
}
#logo h1 a:hover {border:none; color:#303030; text-decoration:none;}
#logo p {
	font-size:18px;
	color:#FFFFFF;
	margin:0 0 20px 0;
	text-align: center;
}

/* Tags */
a {
	border-bottom:1px dotted #505050;
	color:#CCCCCC;
	text-decoration:none;
}
a:hover {
	color:#6600CC;
	text-decoration:none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #505050;
}
a img {border:0;}
h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0;}
h2 {font-size:1.8em; font-weight:400; margin:0 0 12px;}
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px;}
p {
	line-height:1.5em;
	margin:0 0 15px;
	text-align:justify;
}
ul,ol {margin:0 0 15px 15px; padding:0;}
li {margin:0 0 3px 0;}

/* Toptabs menu */
#toptabs {font-size:.8em; margin:10px auto -13px; width:760px;}
#toptabs p {color:gray; text-align:right;}
.toptab {
	color:#000000;
	margin:0 0 0 4px;
	padding:4px 5px 3px;
	text-decoration:none;
	background-color: #FFFFFF;
	background-image: url(images/corner2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.toptab:hover {
	border-bottom:1px solid #eaeaea;
	color:#6600CC;
	text-decoration:none;
	background-color: #CCCCCC;
	background-image: url(images/corner2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.activetoptab {
	color:#FFFFFF;
	margin:0 0 0 4px;
	padding:4px 5px 3px;
	text-decoration:none;
	background-color: #000000;
	background-image: url(images/corner2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.activetoptab:hover {border-bottom:1px solid #fff; text-decoration:none;}

/* Navitabs menu */
#navitabs {clear:both;}
.navitab {
	font-size:1.1em;
	margin:0 0 4px;
	padding:4px 8px;
	text-decoration:none;
	background-color: #6600CC;
	background-image: url(images/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #6600CC;
	border-left-color: #6600CC;
}
.navitab:hover {background:#d0d0d0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; text-decoration:none;}
.activenavitab {background:#505050 url(images/corner.gif) top right no-repeat; color:#fff; font-size:1.1em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;}
.activenavitab:hover {color:#fff; text-decoration:none;}

/* Header description area */
#desc {
	clear:both;
	color:#fff; /* height:200px; */
	margin:5px 0 15px;
	padding:0 0 5px 0;
	background-color: #505050;
	background-image: url(images/front_page.png);
	background-repeat: repeat-y;
	background-position: left bottom;
}
#desc p {
	font-size:1em;
	line-height:1.3em;
	padding:0 0 0 15px;
	width:290px;
}
#desc h2 {color:#fff; padding:15px 15px 0;}
#desc a {border-color:#fff; color:#fff; text-decoration:none;}

/* Main content */
#main {border-right:1px solid #d8d8d8; float:left; margin:0; padding:0 15px 0 0; width:550px;}




/* Sidebar */
#sidebar {float:right; width:150px;}

#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
#sidebar ul {margin:0 0 15px 0; padding:0;}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{
	border:none;
	display:block;
	margin:5px 10px 5px 0;
	padding:3px 4px 3px 8px;
	text-align:left;
	width:140px;
	background-color: #333333;
	background-image: url(images/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;}
	
ul.sidelink li a:hover {
	border:none;
	text-decoration:none;
	background-color: #666666;
	background-repeat: no-repeat;
	background-position: right top;
}

/* Footer */
#footer {
	border-top:1px solid #d8d8d8;
	clear:both;
	margin:0;
	padding:0;
	background-color: #000000;
}
#footer a {
	color:#CCCCCC;
}
#footer a:hover {color:#303030;}
#footer p {
	color:#999999;
	font-size:1.1em;
	line-height:1.3em;
	margin:15px 0 0;
	padding:0;
}

/* Additional classes */
.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.timestamp {
	font-size:1.2em;
	color:#999999;
	margin:-12px 0 12px 0;
	text-align: left;
}
.right {margin:-8px 0 8px 0; text-align:right;}
.block {
	padding:10px;
	background-color: #333333;
}
.hide {display:none;}
border {
	font-size: 2px;
	color: #FFFFFF;
}
background {
	background-image: url(../../../../Desktop/Tongillo%20Website/images/corner2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
border {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
width {
	float: left;
	width: 550px;
}
width {
	font-size: 550px;
	float: left;
	width: 550px;
}
width {
	font-size: 550px;
	float: left;
}