@charset "UTF-8";
/* CSS Document */

/*
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
|                                     |
|    CSS The Independent Stylesheet   |
|   theindependentonline.co.uk/canon/ |
|                                     |
|    Created By: Simon Krambousanos   |
|                                     |
|                                     |
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

/* +-+-+-+-+-+-+-+ General Styling +-+-+-+-+-+-+-+ */
body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 20px 0px 0px 10px; 
}


h1 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	vertical-align : top;
	font-size: 14px;
	padding: 0px 0px 0px 0px;
}

h2 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	vertical-align : top;
	font-size: 12px;
	padding: 0px 0px 0px 0px;	
}
ul, li, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, img { margin: 0; padding: 0; list-style: none; border: 0; font-weight: normal; font-size: 1em; }
.clean { clear: both; }
.hide, hr, #level-1 h1, #level-3 span { display: none; }
a { color: #0000ff; text-decoration: underline; }
a:hover { color: #000; }
a:hover img { background: none; }
.links {
	font-size:100%;
	color:#000000;
}

/* +-+-+-+-+-+-+-+ Wrappers +-+-+-+-+-+-+-+ */
div#site-container {width:728px;background-color:#fff;}

div.leaderboard{  height: 90px; width: 728px;background-image : url(../cssimg/leaderboard.jpg); background-color : #ffffff;margin: 0px 0px 10px 0px;}
	
div#header {position: relative;height:70px;width:100%;background-color:#fff;clear:both;margin-left: auto;margin-right:auto;}
	
div#logo {float:left;width:247px;height:65px;background-image : url(../cssimg/mainlogo.gif);}	

div#top-text-strap {background-color:#fff;text-align:right;border-bottom:solid #333333 1px;color:#666666;font-size:90%;margin: 0px;}

div#top-text-strap2 {clear:both;background-color:#fff;text-align:center;border-bottom:solid #000 1px;border-top:solid #000 1px;padding-top: 15px;}

div#top-text {background-color:#fff;}

div#top-text p {margin: 10px 0px 10px 10px;}

div#top-text h1 {margin: 10px 0px 10px 10px; font-weight : bold; text-decoration : underline; }

div#top-text h2 {margin: 10px 0px 10px 10px; font-weight : bold;}

div#sponsor {float:right;width:468px;height:70px;background-color:#fff;}

div#nav-strap {clear:both;width:100%;background-color:#fff;}

div#banner {width:728px;height:90px;background-color:#fff;}

div#content-wrapper {width:100%;background-color:#fff; clear:both; padding-top:15px;}

.thinborder{ float:left; padding:5px;margin-right:20px; margin-top:5px; }

.thinborder2{ float:right; padding:5px;margin-right:10px;margin-top:5px; margin-left:10px;border:solid #999999 1px;}

/* +-+-+-+-+-+-+-+ Gallery +-+-+-+-+-+-+-+ */
.gallery-wrapper {background-color:#fff;clear:both;}

.gallery {position: relative;clear:both; padding-top:15px;}

.rating {margin-top:5px;}

.gallery span img {padding:0px 0px 0px 0px;}

/* +-+-+-+-+-+-+-+ A Site +-+-+-+-+-+-+-+ */
.image-wrapper {position: relative;display: block;margin: 2px;float: left;width: 170px; background-color:#FFFFFF;}

.image-base {position: relative;padding: 5px;border: solid #666 1px; }

/* +-+-+-+-+-+-+-+ A Site +-+-+-+-+-+-+-+ */

.image-base {position: relative;border:solid #CCCCCC 1px;}

.image-base p {margin: 0 0 0 0;font-size: 80%;color:#666666; }

#right-floaty {
float:right;
width:460px;
margin-right:10px;
margin-bottom:10px;
	border-top:solid #000000 1px;
	border-bottom:solid #000000 1px;
}

#right-floaty2 {
float:left;
width:715px;
margin-right:10px;
margin-bottom:10px;
	border-top:solid #000000 1px;
	border-bottom:solid #000000 1px;
}

h5 {
	font-size: 30px;
	text-align:center;
	padding: 2px;
	color: #000;
	
}

h4 {
	font-size: 20px;
	text-align:center;
	padding: 4px 0px  0 4px;
	border-top:solid #000000 1px;
	border-bottom:solid #000000 1px;
	color: #000;
}

/*.image-base p a img {
	position: relative;
	top: 0px;
	left: 0px;
	filter: alpha(opacity=90);
	opacity: .9;
	width: 149px;
	height: 96px;
	border: 2px solid #505050;
}
.image-base p a:hover img,
/*.image-base:hover p img {filter: alpha(opacity=100);opacity: 1;background-color: none; }*/

.rating {position: relative;display: block;width: 160px; } 


/* start - first level navigation */
   .header {
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* start - first level navigation */
    .header { width: 100%; float: left;}
ul.header ul {position:fixed; top:0px;  margin: 0px 0px 10px 0px;  padding: 10px 0px 0px 0px;}
ul.header { /* float:right; */ position:relative; top:0px;  margin: 10px 0px 0px 0px;}
ul.header li  { display:inline; list-style:none; 	margin:0px 0px 0px 0px; padding:0px; }
ul.header li a  { position:relative; font-size:80%; border:1px solid #000000; background-repeat:no-repeat; text-decoration:none; color:#000000; padding: 2px 26px 2px 25px;   margin: 0px 0px 0px 5px; }
ul.header li a:hover {  position:relative;  border:1px solid #000;  background-color: #EDEDED; }
ul.header li a.active { text-decoration:none; }
ul.header li  a:hover {text-decoration:none; color:#000;}
ul.header li  a:visited {text-decoration:none; } 

    .level2 { width: 100%; float: left;}
ul.level2 ul {position:fixed; top:0px;  margin: 0px 0px 10px 0px;  padding: 10px 0px 0px 0px;}
ul.level2 { /* float:right; */ position:relative; top:0px;  margin: 10px 0px 0px 0px;}
ul.level2 li  { display:inline; list-style:none; 	margin:0px 0px 0px 0px; padding:0px; }
ul.level2 li a  { position:relative; font-size:75%;  padding:2px 0px 2px 0px;   margin: 0px 0px 0px 3px ; color:#000000;}
ul.level2 li a:hover {  position:relative;   }
ul.level2 li a.active { text-decoration:none; }
ul.level2 li  a:hover {text-decoration:none; color:#000;}

div#footer {width:100%;text-align: center; background-color:#fff;border-top:dotted #999999 1px;clear:both;}
div#footer ul {clear: both;padding: 10px 0px 10px 0px;}
div#footer ul li {display: inline;font-size:80%;}
div#footer ul li a {border-right: #666 1px solid; font-size: 1em; color: #666; text-decoration: none}
div#footer ul li a.last {border-right-style: none}
div#footer a {color: #666; text-decoration: none; padding: 0px 4px 0px 4px;}
div#footer ul li a.portal_last {color: #333; border-right-style: none}
div#footer ul li a.portal { padding-bottom: 0px; color: #333; padding-top: 0px}
div#footer ul li a:hover {color: #000}

/* text link */

#txtlink a, #txtlink a:visited  {
color : #000000;
 text-decoration: underline;
} 

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

/* image boxes */

.imagebox_right
{   
	BACKGROUND-COLOR: #ffffff; 
	width : 260px;
	margin: 2px 0px 3px 10px;
	float: right;
	font-size:12px; font-weight:normal;COLOR: #000000; font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif; font-style : italic;text-align : left;
}

.imagebox_left
{   
	BACKGROUND-COLOR: #ffffff; 
	width : 260px;
	margin: 2px 10px 3px 10px;
	float: left;
	font-size:12px; font-weight:normal;COLOR: #000000; font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif; font-style : italic;text-align : left;
}