html{
	padding:0;
	margin:0;
}
body {
	background-color:#ffc057;
	text-align:center;
	color:#fff;
	margin:0;
	padding:0;
	font:70%/1.4em helvetica, arial, sans-serif;
}
body.none {
	background-color: #fff;
	background-image: none;
	padding:10px;
}

td {color:#666;}
th {text-align: left; }

a   {color: #d6ddf6; text-decoration: none; font-weight:normal; }
a:hover {color: #d6ddf6; font-weight:bold;}
a:visited { color: #d6ddf6; text-decoration: none; }
.popup {color:#fff}

h3  {font-size: 12px; font-weight: bold;}
h4  {font-size: 11px; font-weight: bold; margin-bottom:-10px;}

img.float       {float:left; clear:left; margin: 5px 2em 0 0;}
img.floatRight  {float:right; clear:right; margin: 0 0 0 2em;}

ul{margin-left:0; padding-left:0; list-style: none;}
ul.list{margin-left:20px; padding:0; list-style: disc;}
.list li {padding-bottom:5px;}

input, textarea  {  background-color::#eee;
                    color:#000;
                    font-family:Verdana;
                    font-size:9px;
                    border: 1px dotted #333}
input.textNone{     background-color:#faecef; border: 0 none #fff;}
input.textSolid{    border: 1px solid #000;}

#container	{
	background:#383c45 url(../images/topBorder.jpg) top left repeat-x;
	width:697px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
#intro		{
	height:25px;
	border-bottom:1px solid #000;
}
#content	{
    float:right;
	text-align:justify;
	width:478px;
	margin: 300px 9px 20px 9px;
}
* html #content	{
	margin: 300px 5px 20px 5px;
}
#footer {
	border-top:1px solid #000;
	background-color:#2f4468;
	text-align:center;
}

/* ---MENU STUFF-------------------------------------------------------- */
#links		{
    float: left;
	width:198px;
	background:#2f4468 url(../images/fotoSmall.jpg) top center no-repeat;
	padding-top:1px;
	border-right:1px solid #000;
}
li.head, h3.head{
	text-transform: uppercase;
	font-weight:normal;
	width:195px;
	height:35px;
	margin-top:0;
	margin-bottom:-15px;
	color:#d6ddf6;
	font-size:1.1em;
	text-align:right;
	background: transparent url(../images/menuHeader.gif) top left no-repeat;
}
#menu, #news, #fotodb  {
	width: 198px;
	margin-bottom:0;
	margin-top:0;
}
#fotodb table{
	width:100%;
}
#fotodb table th, #fotodb table td{
	border: #555 solid 1px;
    border-top:0;
	padding:0 3px;
}
#fotodb table th{
	border-top:#555 solid 1px;
}
#fotodb table th.topTableCell {
	padding-left:0;
	border:none;
	text-align:center;
}

#menu li, #news li, #fotodb h3 {
	padding:2px;
	padding-right:0;
}
#menu 		{
	border-bottom:1px solid #000;
	margin-top:285px;
}
#news, #fotodb{
	border-bottom:1px solid #000;
}
* html #menu 		{
	margin-top:286px;
}
#menu ul 	{
	position: absolute;
	width: 175px;
	left: 198px;
	top:0;
	border: 1px solid #000;
	display: none;
}
#menu li	{
	background-color:#2f4468;
	position:relative;
}
#menu li a  {
	display:block;
	padding:1px;
	text-decoration:none;
}
#menu li a:visited {
	color:#eee;
}
                        
#menu li:hover ul, #menu li li:hover ul, #menu li.over ul, #menu li li.over ul{ display: block;}
#menu li:hover a{ background:transparent url(../images/menuBg.gif) no-repeat right center}
#menu li.over a{ background: transparent url(../images/menuBg.gif) no-repeat right center}
#menu li.flat a{ background: none}

/* Hollyhack, hides for IE mac, note backslash here >> \*/
* html #menu li { float: left; }
* html #menu li a { height: 1%; }
* html div.float {height: 170px;}
/* end of Hollyhack */


/* top image */
#extraDiv1{
	position:absolute;
	top:26px;
	right:0;
	width:100%;
	text-align:center;
}
#extraDiv1 span{
	height:199px;
	background:transparent url(../images/fotoBig.jpg) top right no-repeat;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-left:199px;
	z-index:3;
	width:498px;}

/* logo */
#extraDiv2{
	position:absolute;
	top:226px;
	right:0;
	width:100%;
	text-align:center;
}
#extraDiv2 span{
	height:85px;
	background:transparent url(../images/title.gif) 202px center no-repeat;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-left:200px;
	border-bottom:1px solid #000;
	z-index:2;
	width:498px;
}

#rings{text-align:center; margin: 25px;}
#rings ul li{padding: 0 15px; border-left:1px solid #000; display: inline; }
#rings ul li.first{ margin-left:0; padding-left: 0; border-left:none; display: inline; }

#row        {width:100%; padding-bottom:20px;}
#oneThird   {width:30%; float:left;}
#twoThird   {width:70%; float:left;}

div.float    {float:left; padding:2px; height:150px;}
div.float p  {text-align: center;}
div.left     {float: left;}
div.right    {float: left; text-align:right;}
div.clearPrev{clear: both;}