/* CSS Document */
@media all { 
html,body {
	background:url(../images/BG.jpg) repeat-x;
}
body {
	font:76% arial,sans-serif;
	text-align:center;
}
#container {
	margin: auto;
	width:780px;
	display:block;
	background:#FFFFFF;
	border:#663300 solid 1px;
}
p {
	margin:0 10px 10px 10px;
}
a, a:visited {
	color:#CC9933;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
h3 {
	font-size:100%;
	margin:0 10px 10px;
	padding:0;
	text-align:left;
}

h2 {
	font-size:130%;
	margin:0 10px 0 10px;
	padding:0;
	text-align:left;
}

h1 {
	font-size:180%;
	margin:0 10px 10px 10px;
	padding:0;
	text-align:left;
}

dl {margin:0 10px 10px 10px;}

dt {font-weight:bold;font-size:120%;margin:0;padding:5px 0 0 0;border-top:#999999 1px solid;}

dd {margin:0;padding:0;}

dd p {margin:0;padding:0;}

.hide {display:none}

.leftpic {
	padding:5px;
	margin:0 10px 10px 0;
	border:#999999 1px solid;
	background:#FFFFFF;
}

.pic {
	padding:5px;
	border:#999999 1px solid;
	background:#FFFFFF;
}

#header {
	background:#FFFFFF;
	height:40px;
	padding-top:20px;
}

#menubar {
	background:url(../images/menubar_BG.jpg) repeat-y;
	padding:15px 0;
	border-top:#663300 solid 1px;
}

div#menubar ul#menu {
	margin:0 0 0 30px;
	padding:0;
}
div#menubar ul#menu li {
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
div#menubar ul#menu li a {
	font-weight:bold;
	font-size:12px;
	color:#fff;
	padding:0 20px;
	display:block;
}

#logo {
	float:left;
	margin-left:20px;
	font-size:120%;
}

#slogan{
	float:right;
	margin-right:160px;
	color:#999999;
	font-size:100%;
	display:inline;
	font-weight:normal;
}

#splash {
		border-top:#663300 solid 1px;
		border-bottom:#663300 solid 1px;
}

#content {
	background:#ffffff;
	text-align:left;
}

#hometext {
	text-align:left;
	float:left;
	width:310px;
	padding:15px 10px 0 10px;	
	background:#FFFFCC;
	text-align:justify;
}

#text {
	float:left;
	width:450px;
	text-align:left;
	padding:10px;	
	background:#FFFFFF;
	text-align:justify;
}

#textfull {
	text-align:left;
	padding:10px;	
	background:#FFFFFF;
	text-align:justify;
}

#recenttitle{
	text-align:left;
	position:relative;
	left:15px;
	top:10px;
	margin-bottom:10px;
}

.recentitem {
	float:right;
	width:410px;
	margin:5px;	
}
	.recentitem img {
		position:relative;
		left:-5px;
	}

.recentitem h3 {
	margin:0;
	padding:0;
}

.recentitemcaption { 
	width:100px;
	float:right;
}
#recentdetails  {
	background:#E1E2C2;
	float:right;
	width:420px;
	padding: 10px;
	margin-top:5px;
}

#recentdetails img  {
	float:left;
	border:#999999 1px solid;
	margin-right:6px;
}

.detailcaption {
	float:left;
	width:70px;
	margin-left:5px;
	font-size:80%;
}

.left {
	float:left;
}

.right {
	float:right;
}

.recentitem p {
	text-align:left;
	font-size:80%;
	margin:0;
	padding:0 5px;
}

.recentitem h3 {
	margin:0;
	padding:0 5px;
}

.caption {font-size:80%;font-weight:bold;}

#rightcol {
	display:inline;
	width:265px;
	margin:10px 15px 0 0;
	float:right;
	background:#FFFFCC;
	border:#CCCC99 1px solid;
	padding:10px;
	text-align:left;
}

#footer {
	background:url(../images/menubar_BG.jpg) no-repeat;
	border-top:#663300 solid 1px;
	padding:5px 0;
	color:#FFFFFF;
}

#footer, #footer a {
	color:#FFFFFF;
}

#tg, #tg a {
	font-size:80%;
	COLOR:#CCCCCC;
	text-align:center;
}

#tg a:hover {
	color:#666666;
}

sup {
	font-size:50%;
}

}