﻿/* Structure */
* {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

html {
	min-height: 100%;
	height: 100%;
	}

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
	background-color: #cccccc;
	width: 100%;
	height: 100%; 
	text-align: center;
	}

#wrap {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
 	padding-bottom: 15px;
	width: 960px;
	min-height: 100%;
	background-color: #ff0000;
 	border: none;
	}

#page {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;	
	margin-bottom: 0px;
	padding: 0 0 0 0;
	}

#header	{
	position: relative;
	top: 10px;
	width: 900px;
	height: 120px;
	background-color: #ff0000;
	text-align: center;
	}	
	
#content	{
	position: relative;
	float: left;
	top: 30px;
	width: 900px;
	height: 100%;
	padding-bottom: 10px;
	margin-bottom: 30px; 
	background-color: #ffffff;
	text-align: left;
	}

#footer	{
/*	position: absolute;
*/	bottom: 0px;
	height: 90px;
	width: 900px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #ffffff;
	text-align: center;
	}

#twitter_div	{
	 border: 2px black solid; 
	 padding: 5px 5px 5px 5px;
	}

/* 	***************************	*/

/*   Typography	*/

body	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

a			{color: #000000; text-decoration: none;}
a:visited	{color: #000000; text-decoration: none;}
a:hover		{color: #ff0000; text-decoration: underline;}

p a			{color: #000000; text-decoration: none;}
p a:visited	{color: #000000; text-decoration: none;}
p a:hover	{color: #ff0000; text-decoration: underline;}

h1	{
	font-size: 24px;
	margin-top: 10px;
	text-align: center;
	}

h2	{
	font-size: 18px;
	}

h3	{
	font-size: 15px;
	}
	
small{
	font-size: 11px;
	}

#twitter_div a			{color: #ff0000; text-decoration: none;}
#twitter_div a:visited	{color: #ff0000; text-decoration: none;}
#twitter_div a:hover	{color: #000000; text-decoration: underline;}
	
.toptext	{
	font-size: 12px;
	}

.toptext a			{color: #000000; text-decoration: none;}
.toptext a:visited	{color: #000000; text-decoration: none;}
.toptext a:hover	{color: #ffffff; text-decoration: underline;}


/* 	***************************	*/

/*   Menus	*/

.menubox	{
	height: 21px;
	border-left-style: solid;
	border-left-width: 2px;
	border-right: 2px solid #C0C0C0;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom: 2px solid #C0C0C0;
	background-color: #FFFFFF;
	}

.menutext	{
	border: 2px solid #000000;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
.menutext a			{ color: #000000; text-decoration: none; font-weight: 600;}
.menutext a:hover	{ color: #ff0000; text-decoration: none; font-weight: 600;}
.menutext a:viaited	{ color: #000000; text-decoration: none; font-weight: 600;}

.menusmall	{
 	padding-left: 10px;
 	vertical-align: top; 
 	background-color: #eeeeee; 
 	font-size: 11px;
 	}
 	
.menupic span img{ 
	border-width: 0;
	padding: 2px;
	}
	
.menupic span{ /* image - hidden */
	position: absolute;
	visibility: hidden;
	padding: 5px;
	left: -1000px;
	border: 1px solid gray;
	color: red;
	text-decoration: none;
	}
 	
.menupica span{ /* default image without hover */
	position: absolute;
	visibility: visible;
	top: 270px;
	left: 20px; 
	z-index: 100;
	}

.menupic:hover span{ /* image on hover over main menu */
	position: absolute;
	visibility: visible;
	top: 270px;
	left: 20px; 
	z-index: 200;
	}

.menupicb span img{ 
	border-width: 0;
	padding: 2px;
	}

.menupicb span{ /* image - hidden */
	position: absolute;
	visibility: hidden;
	padding: 5px;
	left: -1000px;
	border: 1px solid gray;
	color: red;
	text-decoration: none;
	}

.menupicb:hover span{ /* image on hover over sub-menu */
	position: absolute;
	visibility: visible;
	top: 130px;
	left: 20px; 
	z-index: 200;
	}
	

/* 	*************************	*/

/*	Lists	*/

ul li	{ 
	list-style-position: inside;
	list-style-type: circle;
	padding-left: 5px;
	}

#fun ul li	{ 
	text-align: left;	
	list-style-image: url('images/smiley.gif');
	list-style-position: inside;	
	line-height: 25px;
	margin-left: 3px;
	}

#twitter_div ul li	{ 
	list-style-position: inside;
	list-style-image: url('images/signey.jpg');
	line-height: 15px;
	padding-left: 0;
	list-style-type: none;
	}

/* 	***************************	*/

/*	Descriptions	*/

#descr	{
	font-size: 13px;	
	}
	
#descr td	{
	vertical-align: top;
	font-size: 13px;	
	}

.thumbnail	{
	position: relative;
	}

.thumbnail img	{
	width: 125px;
	max-height: 300px;
	z-index: 10;
	}

.thumbnail:hover	{
	background-color: transparent;
	}

.thumbnail span	{ /* enlarged image*/
	position: absolute;
	background-color: #ffffff;
	padding: 5px;
	left: -1000px;
	border: 1px solid #cccccc;
	visibility: hidden;
	}

.thumbnail span img	{ /* enlarged image*/
	border-width: 0;
	padding: 2px;
	width: 300px;
	max-height: 900px;
	}

.thumbnail:hover span	{ /* enlarged image on hover*/
	visibility: visible;
	top: -80px;
	left: 80px; 
	z-index: 100;
	}