BODY	{background-image: url('background.png'); text-align: center; margin: 0px; font-family: verdana}
H1		{color: #FF9000; font-size: 14px}

#mainbody	{width: 950px; background-color: #FFFFFF; margin: auto; position: relative; left: 0px}
#logoslider	{width: 220px; height: 136px; position: absolute; overflow: hidden}
#logoslider	.panel	{visibility: hidden; text-align: center; }
#largelogoslider	{position: absolute; left: 230px; top: 10px; width: 550px; height: 70px}

.layout	{width: 100%}
.layout	TD	{vertical-align: top}
.layout	.left{width: 220px;}
.layout	.middle	{width: 570px}
.layout	.right	{width: 160px}
.layout	.bigright {width: 700px; height: 600px}
.layout	IMG	{border: 0px}
.button		{width: 185px; height: 22px; background-image: url('button.png'); vertical-align: middle} 
.button	A	{text-decoration: none; color: white; font-size: 13px; margin: 3px; display: block}
.button	A:hover	{color: #216778}

.center	{
	text-align: center;
}

.article	{font-size: 12px; color: #216778; height: 465px; overflow: auto; padding: 10px; width: 550px}
.article	A	{color: #FF9000; text-decoration: none}
.article	A	IMG	{border: 0px; margin-bottom: 0px; vertical-align: middle; margin-right: 5px}
.article	A:hover	{color: #216778}

.menudiv	{width: 240px; height: 200px; overflow: auto; visibility: hidden; display: none}
.menuitem	{width: 220px; height: 32px; font-size: 12px; background-image: url('article.png'); color: white}
.menuitem	A	{color: white; margin-left: 3px; text-decoration: none; display: block}
.menuitem	A:hover	{color: #FF9000}

.links	{width: 220px}
.links	TD	{width: 110px}
.links .button	{height: 22px}
.links .button	A	{text-decoration: none; color: white; font-size: 13px; margin: 3px;}
.links .button	A:hover	{color: #216778}
.copynotice	{background-color: #216778; text-align: center; color: white; font-size: 12px}
.copynotice	TABLE	{color: white; font-size: 12px; width: 100%}
.copynotice	IMG	{vertical-align: center; padding-bottom: 0px}
.copynotice	A	{color: white; text-decoration: none; padding-bottom: 0px}

.blockout	{filter: alpha(opacity=60); opacity: 0.6; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #808080}
.dialog		{margin: auto; visibility: hidden; display: none}
.dialogtitle	{background-color: #216778; padding: 2px 2px 2px 2px; color: white; font-weight: bold}
.dialogcontent	{font-size: 16px; background-color: #FFFFFF; border: 1px solid #216778; text-align: left; padding: 7px}
.barclass	{padding: 3px; background-color: #216778; text-align: right}
.barclass	BUTTON	{width: 100px}

.helplink	{font-weight: normal}

.vspacer	{height: 5px; clear: both; float: none}

.edittable		{width: 100%; visibility: visible}
.edittable	TD	{vertical-align: top; font-family: verdana; font-size: 12px; color: #216778}
.edittable .title	{width: 50px; text-align: right}
.edittable .field	{width: 410px;}
.edittable .col3		{width: 70px}
.edittable	TD	INPUT	{width: 100%; border: 1px solid #FF9000}
.edittable 	TD	TEXTAREA	{width: 100%; border: 1px solid #FF9000}


.tool	{vertical-align: top; font-family: verdana; font-size: 12px; color: #216778; clear: both}
.tool	TD	{vertical-align: top;}
.tool	#logo	{width: 310px; height: 90px; border: 1px solid #FF9000; float: left;}
.tool	#logoimg	{width: 310px; height: 90px; float: left; border: 1px solid #FF9000}
.tool	.title	{background-color: #216778; color: #FFFFFF; height: 20px; padding: 2px}
.tool	.field	{border: 1px solid #FF9000; width: 160px; padding: 0px}
.tool .field SELECT {width: 100%}
.tool .field INPUT	{width: 100%}
.title2	{background-color: white; color: #216778; height: 20px; padding: 2px; font-weight: bold}
.field2	{border: 1px solid #FF9000; width: 160px; padding: 0px}
.field2	SELECT	{width: 100%}
.field2	INPUT	{width: 100%}
.title3	{background-color: white; color: #216778; padding: 2px; font-weight: bold; margin-bottom: 3px}
.title3	DIV	{margin-left: 5px; font-weight: normal}
.title2	IMG	{padding-bottom: 0px; vertical-align: middle; margin: 2px 4px 2px 2px}
.title3	IMG	{padding-bottom: 0px; vertical-align: middle; margin: 2px 4px 2px 2px}

.colorbox	{width: 100%; height: 80px; border: 1px solid #FF9000; overflow: auto}
.colorbox	DIV	{float: left}
.listbox	{width: 100%; height: 180px; border: 1px solid #FF9000; overflow: auto}
.listbox .item	{width: 184px; padding: 0px; border: 1px solid #FFFFFF; clear: both; float: none}
.listbox .item IMG	{border: 0px; clear: both; margin: 2px}
.listbox .itemn	{background-color: #FFFFFF; border: 1px solid #FFFFFF}
.listbox .itemh	{background-color: #ffdbb6; border: 1px solid #FFDBB6}
.listbox .items	{background-color: #FF9000; border: 1px solid #FF9000}
.selcolor	{width: 100%; height: 20px; border: 1px solid #FF9000}

.tabsetbuttons	{float: none; width: 450px; display: block; height: 20px; clear: both}
.tabsetbuttons	DIV	{text-align: center; font-size: 12px; padding: 3px 5px 3px 5px; border-right: 1px solid white}
.tabsetbuttons	.tab	{float: left; background-color: #FF9000; color: white; border-right: white 1px solid}
.tabsetbuttons 	.tabs	{float: left; background-color: #216778; color: white}
.tabsetbuttons 	.tabh	{float: left; background-color: #FF9000; color: #216778}

.pages	{width: 450px; height: 320px; float: none; border: 1px solid #216778}
.pages .page	{visibility: hidden; display: none; float: none; padding: 5px; visibility: hidden}
.pages .page	.col	{width: 215px; float: left; padding: 2px}
.pages .page .col INPUT	{width: 210px}
.pages .page .col SELECT	{width: 210px; border: 1px solid #FF9000}
.pages .page .howto	{overflow: auto; width: 440px; height: 290px}
.pages .page .col .checkbox {width: 20px; height: 20px; border: 0px}
.largecol	{width: 430px; margin: 5px 5px 5px 5px; float: left; padding: 2px 2px 2px 2px}
.largecol	INPUT	{width: 410px;}
.largecol	SELECT	{width: 410px;}


.catbox	{position: relative; left: 0px; top: 0px; width: 120px; height: 120px; background-image: url('catbox.png'); text-align: center; font-size: 12px; background-repeat: no-repeat}
.catbox	.placer	{position: relative; left: 0px; top: 0px; width: 100%; height: 100%; border: 1px solid white}
.catbox	A	{color: #216778; margin: 17px 24px 3px 3px; display: block}
.catbox	A:hover	{text-decoration: underline; color: #FF9000}
.catbox	.subinfo	{font-size: 10px; color: #FF9000; position: absolute; top: 72px; left: 6px;}

.itembox		{width: 430px; height: 80px; background-image: url('itembox.png'); font-size: 12px; position: relative; left: 0px; top: 0px}
.itembox		A	{margin: 10px 30px 5px 15px; display: block; font-size: 14px; position: absolute; top: 1px}
.itembox	.description	{margin: 2px 30px 3px 15px; color: #216778; position: absolute; top: 27px; width: 390px}
.itembox	.expires	{position: absolute; bottom: 10px; right: 30px; margin: 8px; color: #216778}

.advertise	{width: 430px; height: 65px; background-image: url('advertise.png'); font-size: 14px; text-align: center; display: table-cell; margin: auto;}
.advertise	A	{color: #216778; margin: 17px 23px 3px 3px; display: block}

.article	.thumbgroup	{float: none; display: block; clear: both; position: relative; left: 0px; top: 0px}
.article	.thumbgroup	.header	{display: block; clear: both; float: none; text-align: left; background-image: url('bar.png'); color: white; font-size: 10px; font-weight: bold; background-repeat: repeat-x; position: relative; left: 0px; top: 0px; height: 15px}
.article	.thumbgroup	.header	SPAN	{position: absolute; left: 20px; top: 2px}
.article	.thumbgroup	.indicator	{margin-bottom: 0px; vertical-align: middle; position: absolute; left: 3px; top: 3px}

.article	.thumbnail	{margin: 5px 5px 5px 5px; display: block; float: left; border: 1px solid #FFFFFF}
.article	.thumbnail	IMG	{margin: 0px}
.article	.thumbnail:hover	{border: 1px solid #FF9000}

.box	{
	padding: 5px;
	min-height: 40px;
	border: 1px solid #216778;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-image: url('images/grad.png');
	background-color: #ffdcaf;
	background-repeat: no-repeat;
}