* {
	margin:0;
	padding:0;
}

html, body {height:100%;}
a img {border:none}

body {
	font-family:"Georgia", sans-serif;
	text-align:center;
	background:#89B101 url(/s/repeatbg.gif) top left;
}

#topleft {
	float: left;
	width: 100px;
	height: 300px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	font-size: 100%;
}

.searchit {
        font-size:200%;
        color: #ffffff;
        text-decoration: none;
}
#searchbutton {
        float: left;
        margin: 33px 0px 0px 25px;
        cursor: pointer;
	cursor: hand;
}

p {margin-top:0.6em}

#midad {
	width: 680px;
	text-align: center;
	height: 260px;
	align: center;
	padding: 0 38px 0 0;
}
#inad {
	float: left;
	width: 336px;
	height: 260px;
}

#wrap {
	height:100%;
	width:826px;
	margin:0 auto;
	background:#89B101 url(/s/containerbg.gif) top repeat-y;
}

#intro {margin-top:10px;font-size:16px;color:#333333;padding:0 10px 0 5px;}

#container {
	width:770px;
	margin:0 auto;
	padding:0 28px;
	text-align:left;
	background:#89B101 url(/s/containerbg.gif) top repeat-y;
}

#header {
	text-align:center;
	width:826px;
	margin:0 auto;
	background:url(/s/bg.gif) top repeat-x;
}

#logo {margin:40px 0 30px;}

#menubox {
	width:700px;
	padding: 0px 0px 0px 36px;
}

#searchbox {
	width:770px;
	height:99px;
	background:url(/s/searchbox.gif);
}

#searchboxShadow {
	width:770px;
	height:23px;
	margin-top:-1px;
}

#searchboxtitle {
	padding: 5px 0px 0px 10px;
	float: left;
	width: 240px;
	height:63px;
	position:relative;
}

.searchgo {
        font-size:28px;
        color: #ffffff;
        font-weight:bold;
	padding: 1px 0px 0px 0px;
}

.searchboxtitle {
        font-size:150%;
        color: #ffffff;
        text-align: center;
	height: 100%;
}


#tbox2 {
	float: left;
	padding: 8px 5px 10px;
	margin: 5px 0 0 10px;
	font-size:10px;
	color: #cccccc;
	height: 62px;
}
.tbox2 {
	font-size:10px;
	font-weight:normal;
	padding: 0px 2px 0px;
}
#tbox {
        float: left;
        padding: 8px 5px 10px;
        margin: 5px 0 0 10px;
        font-size:10px;
        color: #cccccc;
        height: 62px;
}
#textbox {
	width:328px;
	height:32px;
	border:none;
	color:#5A5A5A;
	font-size:24px;
	padding:13px 10px 10px;
	background:url(/s/textbox.gif);
	float:left;
	maargin: 25px 0 0 30px;
}
#textbox2 {
        width:140px;
        height:32px;
        border:none;
        color:#5A5A5A;
        font-size:24px;
        background:url(/s/textbox.gif);
	float: left;
	padding: 13px 10px 10px;
}


#sd {margin:35px 0 0 25px;float:left;}
#goo {float:right;margin:35px 35px 0 0;width:63px;height:33px;}
#go {float:right;margin:35px 35px 0 0;}

#bottomClear {height:200px;}


#lBorder,#rBorder {width:6px;background:url(/s/border2.gif) top repeat-y;height:187px;}
#lBorder {float:left;}
#rBorder {float:right;}

.big {font-size:1.2em;color:white}
.white {color:white}
.tags {color:#660000; text-decoration:none;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; border:1px solid #000; border-color:#eca #b97 #a86 #edb; border-width:1px 2px 2px 1px; background:#fff; position:relative; z-index:200;}
#nav {height:25px; padding:0;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 10px 0 10px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#888; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background:#fff;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#b75;}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#b75;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}