html, body {
	margin:0;
	padding:0;
	border: 0;
}
body {
	background: #1C599D url(bg.jpg) repeat-x;
	font: 80% "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color: #333;
	min-width: 730px;
	text-align: center;
}

/**************************************
	Global               
***************************************/

/*	Headers  */


/*	Elements  */

a {
	color: #53489C;
}
a:hover {
	color: #DD742A;
}
td {
	vertical-align: top;
	font-size: 75%;
}
html>body td {
	vertical-align: top;
	font-size: 100%;
}

img, fieldset, form { 
	border: 0 solid;
	margin: 0;
	padding: 0;
}
input, select, textarea {
	color: #2E516A;
	font: normal 11px Verdana;
}


/**************************************
	Containers
***************************************/
#MainPane {
	margin: 0 auto 30px;
	width: 760px;
	text-align: left;
}

#TopPane {
/*	background: url(bg-top.jpg) 302px 0 no-repeat;*/
	margin: 0;
	padding: 0;
/*	height: 108px;*/
	height: 25px;
}

#MiddlePane {
	background: #fff url(bg-bot.gif) 100% 100% no-repeat;;
	border: 2px solid #184D89;
}

#LeftPane {
	background: #F6F6FA;
	margin: 0;
	padding: 10px;
	width: 25%;
}
#RightPane {
	width: 25%;
	padding: 0 10px;
	background: #F6F6FA;
}
#ContentPane {
	padding: 0 0 0 20px;
}

#LeftPane .min-width { width: 200px; }
#ContentPane .min-width { width: 500px; }
#RightPane .min-width { width: 150px; }


/**************************************
	TopPane
***************************************/
#site_title {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.logo {
	width: 30%;
	float: left;
}
html>body .logo {
	height: 100px;
}
.logo img {
	display: block;
	margin: 0 auto;
}

/* Top Meta Links */

.meta {
	float: right;
	width: 400px;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}
.meta ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.meta li {
	padding-left: 20px;
	display: inline;
}
.meta a {
	color: #fff;
	text-decoration: none;
	line-height: 20px;
}
.meta a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

/* Top Navigation */

.top-nav {
	text-align: center;
	float: left;
	width: 200px;
	margin: 10px 0;
	border-right: 1px dotted #ccc;
}

.top-nav ul * {
	display: block;
	margin: 0;
	padding: 0;
}

.top-nav ul {
	margin: 0 20px;
	padding: 0;
	list-style: none;
}
.top-nav li {
	font-weight: bold;
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #ccc;
	font-size: 15px;
}
.top-nav li a {
	text-decoration: none;
	padding: 3px 0;
}
.top-nav li a:hover {
	background-color: #F6F6FA;
}
.top-nav li.current { border-color: #fff; }
.top-nav li.current * { color: #fff; }

a.c1 { color: #215EA1; }
a.c2 { color: #72A122; }
a.c3 { color: #CC0000; }
a.c4 { color: #6F26A7; }
a.c5 { color: #DC6429; }
a.c6 { color: #CEA500; }

li.current a.c1 { background-color: #215EA1; }
li.current a.c2 { background-color: #72A122; }
li.current a.c3 { background-color: #CC0000; }
li.current a.c4 { background-color: #6F26A7; }
li.current a.c5 { background-color: #DC6429; }
li.current a.c6 { background-color: #CEA500; }




.top-pic {
/*
	margin-top: -1px;
*/

	background: url(pic-index.jpg) right top repeat-y;

	margin-right: 1px;
	float: right;
	height: 180px;
	width: 550px;
}

.top-pic .block {
	padding: 20px 10px;
}

.top-pic h1 {
	font-size: 16px;
}
.top-pic h1 a {
	color: #72A122;
}
.top-pic strong {
	color: #CC0000;
	font-size: 16px;
}



/**************************************
	Middle Pane
***************************************/

.TableMain {
}
.TableMain td {
	font-size: 13px;
}

h2.tab {
	margin: 0;
}
h2.tab span {
	display: block;
	padding: 10px 8px 9px 4px;
}

/**************************************
	Content Pane
***************************************/

.content {
	padding: 0 10px 0 0;
}

#ContentPane ul {
	margin-top: 5px;
}

#ContentPane li {
}

#ContentPane h1 {
	font-size: 20px;
	margin: 15px 0 5px;
	text-shadow: 3px 3px 5px black;
	color: #215EA1;
	border-bottom: 1px dotted #215EA1;
}
#ContentPane h2 {
	color: #72A122;
	border-bottom: 1px dotted #72A122;
}
#ContentPane h3 {
	color: #CC0000;
	border-bottom: 1px dotted #CC0000;
}

#ContentPane table {
	margin-bottom: 10px;
}

h2.bg {
	color: #6056A3;
	font-size: 14px;
	background: url(bg-h2.gif) repeat-x;
	text-transform: uppercase;
	margin: 0;
}
h2.bg span {
	display: block;
	background: url(bg-h2-l.gif) left top no-repeat;
}
h2.bg span span {
	padding: 10px 8px 9px 10px;
	background: url(bg-h2-r.gif) right top no-repeat;
}



.table-product {}

.table-product td {
	padding: 5px;
	border: 1px solid #DDDAEB;
	text-align: center;
}
.table-product td.empty, .table-product td.empty .spacer {
	width: 5px;
	padding: 0;
	border: 0;
}

.table-product a {
	font-weight: bold;
	color: #333;
	position: relative;
	top: -5px;
}
.table-product img {
	display: block;
	margin: 5px auto;
}
.table-product p {
	margin: 0;
}
.table-product strong {
	color: #DD742A;
}



/**************************************
	Left Pane
***************************************/

#LeftPane ul {
	clear: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#LeftPane ul ul {
	padding: 0 0 5px 0px;
}
#LeftPane ul li {
	padding: 2px 0 0 16px;
	background: url(li.gif) 0 9px no-repeat;
	font-weight: bold;
}
#LeftPane ul li a {
	color: #333;
}
#LeftPane ul li li {
	padding-left: 10px;
	background: url(li2.gif) 1px 9px no-repeat;
	font-weight: normal;
}
#LeftPane ul li li a {
	color: #53489C;
}
#LeftPane ul li a:hover {
	color: #DD742A;
}

/**************************************
	Right Pane
***************************************/

#RightPane {
	font-size: 11px;
}
#RightPane h2 {
}

#RightPane h3 {
	font-size: 14px;
	margin: 10px 0 0 0;
}

.date {
	font-size: 13px;
	display: block;
}
.loc {
	font-style: italic;
	color: #215EA1;
}

.news-right p {
	margin: 2px 0 5px;
}

/**************************************
	Bootom Pane
***************************************/

#BootomPane {
	border-top: 1px dotted #ccc;
	margin: 0;
	padding: 10px 0;
	color: #A9A3CD;
	font-size: 11px;
	height: 120px;
}

.column {
	display: block;
	float: left;
	width: 30%;
	margin-right: 2%;
	border-right: 1px dotted #ccc;
}
#BootomPane div p {
	margin: 0;
	padding: 0;
}
#BootomPane .title {
	color: #333;
}

#BootomPane ul {
	font-size: 10px
}
#BootomPane li {
	font-size: 12px
}

/**************************************
	Stuff Things
***************************************/

.spacer, .min-width {
	display: block;
	clear: both;
	overflow: hidden;
	height: 1px;
	font-size:1px;
	width: 1px;
}
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.bottom {vertical-align: bottom; }
.clear { clear: both; }
.hide { display: none; }
.smaller { font-size: 85%; }
.EmptyPane .spacer { width: 10px; }