/***** Header and Logo *****/
#header{
width: 100%;
height:150px;
background-color: #9ac0cd;
border-bottom:4px solid #f0f0f0;}
#logo{
padding: 0px 145px 0px 5px;
float: left;}

/***** Hut *****/
#hut{
margin: 5px auto 5px 3px;
}

/***** Hut *****/
#igfalogo{
padding-top: 8px;}

/***** World Record *****/
#wr{
width:150px;
margin:0px 0px 0px -160px;
float: right;}

/***** Ray *****/
#rayimg{
margin: 5px 5px 5px 5px;
}

/***** Active Gallery Page *****/
#activephoto{
color: #6633ff;
background-color: #f4f4f4;}

/***** Marie *****/
#marie{
margin: 5px 10px 5px 0px;
}

/***** Body and main container *****/

body {
	margin:0 auto;
	padding:0;
	font:76% Verdana,Tahoma,Arial,sans-serif;
	background: #89abb7;
	background-image: url(images/bgtile.jpg);
}


#wrap {
	background: #cbe0eb;
	margin: 0px auto 0px auto;
	width:760px;
	clear: both;
	height: 100%;
	background-image: url(images/sidebarback.jpg);
	background-repeat: repeat-y;
}



/***** Various tags *****/

a {
text-decoration:none;
font-weight:bold;
color:#286ea0;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#286ea0;
background-color:inherit;
}

a img {
border:0;
}

p {
margin:0 0 1.4em 0;
}

/***** Left sidebar *****/

#leftside {
	clear:both;
	float:left;
	width:145px;
	margin:150 0 5px;
	padding-top: 10px;
	background-color: #cbe0eb;
	background-image: url(images/sidebarback.jpg);
}

#leftside h2,#leftside h3 {
color:#505050;
background-color:inherit;

font-size:1.3em;
margin:0 0 5px;
padding:0;
}

#leftside div.announce {
clear:left;
margin:10px 0 10px;
padding:7px 5px;
width:126px;
font-size:0.9em;
background-color:#f4f4f4;
color:#505050;
border-left:4px solid #cccccc;
line-height:1.5em;
}

#leftside div.announce p {
margin:10px 0 0;
padding:0;
}

/***** Main menu *****/

ul.mainmenu {
width:140px;
margin:0 0 20px;
padding:0;
list-style:none;
}

ul.mainmenu li {
width:140px;
padding:0;
line-height:1.4em;
display:inline;
}

ul.mainmenu li a {
background-color: #a9c0eb;
color:#505050;
font-weight:bold;
width:130px;
float:left;
margin-bottom:5px;
padding:5px 1px 5px 5px;
border-left:4px solid #cccccc;
text-decoration:none;
}

ul.mainmenu li a:hover,ul.mainmenu li a.current {
background-color: #5d94b2;
border-left:4px solid #286ea0;
color:#505050;
}

ul.mainmenu ul {
margin:0 0 0 15px;
padding:0 0 5px 0;
font-size:0.9em;
width:125px;
}

ul.mainmenu ul a {
padding:3px 1px 3px 5px;
font-weight:normal;
width:115px;
}

ul.mainmenu ul ul {
width:113px;
}

ul.mainmenu ul ul a {
width:100px;
}

/***** Main content *****/

#content {
margin:0 150px 10px 150px;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
padding:0 100px;
line-height:1.5em;
}

#maincontent {
	margin: 0em 5px 0px 155px;
	padding: 10px 0em 0em 10px;
}

#maincontent h2 {
font-size:1.6em;
margin:0 0 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;}

#maincontent h3 {
font-size:1.3em;
margin:0 0 8px;
}

#maincontent img {
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

#maincontentwide ul, #maincontent ol {
margin:0 0 16px 20px;
padding:0;
}

#maincontent li{
margin:0;
padding:0 0 0 5px;
}

#maincontent ul ul, #maincontent ol ol{
margin:0 0 0 16px;
padding:0;
}

/***** Footer *****/
#wrap_footer{
	clear: both;

}

#footer {
clear:both;
margin:0 auto;
padding:15px 0;
border-top:4px solid #f0f0f0;
color: #6961bb;
background: #9ac0cd;
width: 100%;}

#footer p {
margin:0;
padding:0;
}

#footer a {
	color: #eff3ff;
	text-decoration:none;
	font-weight: lighter;
}

#footer a:hover {
text-decoration:underline;
color: #6d7d98;}

/***** Various classes *****/

.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.postinfo {
background-color:#f4f4f4;
border-left:4px solid #cccccc;
color:#606060;
font-size:0.9em;
line-height:1.4em;
margin:1px 0 20px;
padding:8px 5px 8px 8px;
}

.clearing {
clear:left;
padding:0;
margin:0;
visibility:hidden;
}

.hide {
display:none;
}

/*
UBERLINK 
  STYLES Begin here:
*/
#navlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navlist a, #navlist a:visited {
	display: block;
	padding: 2px 2px 2px 24px;
	border: 1px solid;
	border-color: #ddd #000 #000 #ddd;
	background-color: #999999;
	background-image:  url(images/btn_down.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #eee;
	text-decoration: none;
}
#navlist a:hover {
	background-color: #9F6F9F;
	background-image:  url(images/btn_over.jpg);
	color: #2D1E2D;
}
#sidebar #navlist .uberlink {
	background-color: #9F6F9F;
	background-image: url(images/btn_over.jpg));
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #333 !important;
	font-weight: bold;
	cursor: default;
}