html {
	background-image: url(../img/body_bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
}

body {
	width: 800px;
	margin: auto;
	font-family: Verdana;
	font-size: 10px;
}

img {
	border: 0;
}

ul,ol,li,h2,h3 {
	padding: 0;
	margin: 0;
}

.clearboth {
	clear: both;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p.message {
	margin: 10px 0px 10px 0px;
	border: 1px solid #777;
	padding: 10px;
	color: #1F1C5B;
}

/* header */

div#header {
	height: 121px;
}

div#header div#logo {
	width: 370px;
	float: left;
	padding: 25px 0px 0px 20px;
}

div#header div#banner {
	background-color: #fcc;
	border: 10px solid #fff;
	float: left;
	width: 390px;
	height: 95px;
	line-height: 1.2;
}

div#header div#banner_home {
	border: 10px solid #fff;
	float: left;
	width: 390px;
	height: 95px;
	line-height: 1.2;
}


/* menu */

div#menu {
	background-color: #006;
	list-style: none;
	text-align: right;
	padding: 8px 8px 0px 8px;
	color: #fff;
}

div#menu div#menusearch {
	padding: 0 10px 0 0px;
	height: 20px;
	border-left: 1px solid #fff;
}

div#menu div#menusearch img#search_sep {
	margin: 0;
	padding: 0 0 8px 0;
}

div#menu img.menu_sep {
	margin: 0;
	padding: 0 0 8px 0;
}

div#menu ul {
	background-color: #006;
	list-style: none;
	text-align: right;
	padding: 0px 8px 3px 8px;
	color: #fff;
}

div#menu li {
	padding: 8px 0 0 0;
	display: inline;
	/*
	background-image: url(../img/menu_sep.gif);
	background-repeat: no-repeat;
	background-position: top left; 
	*/
}

div#menu li#home {
	background-image: none;
}

div#menu li a {
	color: #fff;
}

div#menu li a:hover {
	text-decoration: none;
}

div#menu input {
	border: none;
	font-size: 100%;
	width: 175px;
	height: 13px;
	vertical-align: top;
}

div#menu form {
	display: inline;
	
}

div#menu img {
	vertical-align: bottom;
	margin: 4px 10px 0 10px;
}

div#menu img.cmsmenu {
	margin: 0;
	border: 0;
	padding: 0;
}

/* promo */
div#promo {
	height: 216px;
	background-color: #006;
	color: #fff;
}

div#promo div#visual {
	width: 400px;
	height: 216px;
	float: left;
}

div#promo div#welcome {
	float: left;
	width: 368px;
	padding: 30px 16px 0px 16px;
	line-height: 16px;
}

div#promo div#welcome h2 {
	color: #f00;
	font-size: 150%;
	font-weight: 400;
}

div#welcome a {
	color: #fff;
	text-decoration: underline;
}

/* etalage */

ul#etalage {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 4px 0px 8px 0px;
	background-image: url(../img/etalage_bg.gif);
	float: left;
}

ul#etalage li.etalage-item {
	width: 168px;
	height: 150px;
	float: left;
	padding: 0px 16px 0px 16px;
}

ul#etalage h3 {
	color: #f00;
	font-size: 150%;
	font-weight: 400;	
	margin-bottom: 10px;
}

ul.shortcuts {
	margin-left: 0px;
	padding-left: 20px;
	list-style-position: outside;
	list-style-image: url("../img/gt.gif");
}

ul.shortcuts li {
	padding: 4px 0px 0px 0px !important;
}

ul#etalage form {
	margin: 0px 0px 4px 4px;
}

ul#etalage input {
	width: 158px;
	border: none;
	font-size: 100%;
	height: 15px;
}

ul#etalage label {
	color: #666;
	margin: 8px 0px 3px 0px;
	display: block;
}

ul#etalage a {
	color: #666;
}

/* subnav */

div#subnav {
	width: 184px;
	float: left;
	padding: 16px 0px 0px 16px;
}

div#subnav h2 {
	color: #f00;
	font-size: 150%;
	font-weight: 400;	
	margin-bottom: 10px;
}

div#subnav h3 {
	font-size: 100%;
	color: #f00;
}

div#subnav h3#cmsheader {
	margin-top: 10px;
}

div#subnav h3 a {
	color: #f00;
}

div#subnav a {
	color: #666;
}

div#subnav ul {
	list-style: none;
}

div#subnav ul li {
	padding: 4px 0px 0px 0px; 
}

div#subnav ul#submenu {
	margin-left: 0px;
	padding-left: 20px;
	list-style-position: outside;
	list-style-image: url("../img/gt.gif");
}

div#subnav ul li.active a {
	color: #f00;
}

div#subnav ul li.active ul li {
	padding-left: 16px;
}

div#subnav ul li.active ul li a {
	color: #666;
}

div#subnav ul li.active ul li.active a {
	color: #006;
}

/* content */

div#content {
	width: 381px;
	float: left;
	color: #777;
	padding: 0px 8px 100px 8px;
	margin: 16px 0px 0px 0px;
	border-left: 1px solid #777;
}

div#content h3 {
	color: #f00;
	font-size: 110%;
	margin-bottom: 10px;
}

div#content h4 {
	color: #006;
	font-size: 100%;
	margin: 10px 0 0 0;
}

div#content p {
	margin: 5px 0 0 0;
}

div#content li {
	list-style-position: outside;
	margin: 0 0 0 20px;
}

div#content a {
	color: #006;
	font-style: italic;
}

div#content p.mdate {
	font-style: italic;
	margin-top: 10px;
}

#content img.left { 
        float: left;
}
 
#content img.right {
        float: right;
        margin-left: 10px;
        margin-right: 0px;
}

div#content .button-code {
	width: 100%;
	height: 75px;
}

img.search_picture {
	float: right; 
	margin: 0px 0px 10px 4px;
	max-width: 150px;
}

/* stats */

div#stats {
	width: 200px;
	float: right;
	background-color: #f00;
	color: #fff;
}

div#stats h3 {
	font-size: 110%;
	margin: 10px 8px 0px 8px;
}

div#stats p {
	margin: 0 8px 10px 8px;
}

div#stats ol,
div#stats ul {
	margin: 10px 8px 10px 8px;
}

div#stats li {
	list-style-position: outside;
	margin: 0 0 0 20px;
}
/* style for extra form in macro */

div#extra {
	width: 200px;
	height: 200px;
	padding: 5px;
	background-color: #ccd5e6;
}

div#extra dl {
	clear: both;
}

div#extra dl dt {
        margin-top: 5px;
        font-size: 100%;
}

div#extra dl dd {
	margin: 0px;
}

div#extra input {
	width: 190px;
}

div#extra input#extralogin {
	width: 50px;
	margin: 15px 0px 0px 145px;
}

/* login form on home */

div#loginhome input#submithome {
	width: 50px;
	height: 20px;
	font-size: 120%;
	margin: 20px 0px 0px 105px;
	border: 0;
	padding: 0;
}

/* paginate */

ul.paginate {
	list-style-type: none;
	margin: 20px 0px 20px 0px;
}
ul.paginate li {
	display: inline;
}
ul.paginate li a {
	color: #777;
}
ul.paginate li.active a {
	color: #f00;
}

/* form items top-down */

form.top-down dl {
        clear: right;
}

form.top-down ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
}

form.top-down dl dt {
        margin-top: 5px;
        font-size: 100%;
        font-weight: bold;
}

form.top-down dl dd {
        margin: 0px;
}

form.top-down dl.horizontal dd ul li {
        float: left;
}

form.top-down input.type_text {
        width: 300px;
}
form.top-down input.type_file {
        width: 300px;
}
form.top-down textarea {
        width: 300px;
        height: 100px;
}

form.top-down textarea#in_content_id {
        height: 300px;
}

form.top-down input.type_checkbox {
        vertical-align: bottom;
}

form.top-down input,
form.top-down textarea,
form.top-down select {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 120%;
}

form.top-down input#in_login_id,
form.top-down input#in_passwd_id {
        width: 300px;
}


div.helpinfo {
        z-index: 2;
        position: absolute;
        display: none;
        width: 220px;
        font-size: 90%;
        font-weight: normal;
        color: #000;
        background-color: #ababab;
        padding: 3px 4px 4px 6px;
        border: 1px solid #000;
}

form.top-down dl.dl_hidden {
	display: none;
}

/* search form */
form#searchfrm {
	background-color: #fcc;
	padding: 8px 8px 8px 8px;
	color: #000;
	font-size: 90%;
	margin: 0;
	line-height: 1.2;
}

form#searchfrm h4 {
	margin: 0;
	color: #006;
	font-size: 100%;
}

form#searchfrm dt, 
form#searchfrm dd {
	width: 180px;
	float: left;
	height: 22px;
	margin :0;
	padding: 0;
}

form#searchfrm select,
form#searchfrm input.type_text {
	width: 170px;
}

form#searchfrm input.type_submit {
}