/*general styles*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
  font-size: 11px;  
  background: #ffffff url(img/body_bg.jpg) repeat-x;
  text-align: center;
}

a, a:visited, a:active {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0px;
	margin-bottom: 15px;
	padding: 0px;
}

h1 {
	margin: 0px;
	/*margin-bottom: 15px;*/
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #c00000;
}

hr {
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	height: 1px;
	color: #f7de79;
	background-color: #f7de79;
	border: none;
}

.small {
  color: #000000;
  font: normal 9px Verdana, sans-serif;
}

.clearer {
	line-height: 0px;
	clear: both;
}

.spacer {
	margin: 0px;
	padding: 0px;
	height: 1px;
	background: #ffffff;
}

#wrapper {
	margin: auto;
	padding: 0px;
	width: 787px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #ffffff;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #ffffff;
	background-color: #ffffff;
	/*overflow: hidden;*/
}

/*form styles*/
form {
  border: none;
  margin: 0;
  padding: 0;
}

input, textarea, select {
  border: 1px solid #CCCCCC;
  background-color: #F6F6F6;
  font: normal 11px Verdana;
  color: #666666;
}

input:active, textarea:active, select:active,
input:focus, textarea:focus, select:focus {
  border: 1px solid #666666;
  background-color: #EAF7FD;
  color: #666666;
}

input[type="radio"], input[type="checkbox"], 
input[type="radio"]:focus, input[type="radio"]:active,
input[type="checkbox"]:focus, input[type="checkbox"]:active {
  border: 0px;
}

/*header styles*/
#headerwrapper {
	margin: 0px;
	padding: 0px;
	width: 787px;
	height: 221px;
	background-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
}

#headerleft {
	margin: 0px;
	padding: 0px;
	width: 374px;
	height: 221px;
	background-color: #ff0000;
	float: left;
}

#headerright {
	margin: 0px;
	padding: 0px;
	width: 413px;
	height: 221px;
	background: #ffffff url(img/headerright_bg.jpg) repeat-x;
	float: right;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
}

#menuleft {
	margin: 0px;
	padding: 0px;
	width: 220px;
	height: 221px;
	background-color: #ff0000;
	float: left;
}

#menucategories {
	margin: 0px;
	padding: 0px;
	width: 220px;
	height: 46px;
	background-color: #cc0000;
	line-height: 46px;
}

#menucategories ul {
	margin: 0px;
	padding: 0px;
}

#menucategories li {
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	display: inline;
	list-style-type: none;
}

#menucategories a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#menucategories a:hover {
	color: #f4d03f;
}

#logowrapper {
	margin: 0px;
	padding: 0px;
	width: 220px;
	height: 175px;
	background-color: #ffffff;
}

.logo {
	margin: 0px;
	padding: 0px;
}

#menuright {
	margin: 0px;
	padding: 0px;
	width: 154px;
	height: 221px;
	color: #ffffff;
	font-weight: bold;
	background-color: #ffffff;
	background-image: url(img/menu_bg.jpg);
	background-repeat: repeat-y;
	background-position: right;
	text-align: left;
	float: right;
}

#menuhead {
	margin: 0px;
	padding: 0px;
	width: 153px;
	height: 46px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #a20000;
}

#menuright ul {
	margin: 0px;
	padding: 0px;
	
}

#menuright li {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #ffffff;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #cacaca;
	list-style-type: none;
}

#menuright a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#menuright a:hover {
	color: #f4d03f;
}

/*content styles*/
#contentwrapper {
	margin: 0px;
	padding: 0px;
	width: 787px;
}

#content {
	margin: 0px;
	padding: 0px;
	width: 787px;
	background: #ffcb02 url(img/box_left_bg.jpg) repeat-y;
}

#mainleft {
	margin: 0px;
	padding: 0px;
	width: 220px;
	/*background: #ffffff url(img/box_left_bg.jpg);*/
	float: left;
	/*height: 100%;*/
}

.box {
	text-align: left;
	
}

.boxhead {
	margin: 0px;
	padding: 0px;
	padding-left: 60px;
	padding-top: 27px;
	width: 220px;
	height: 28px;
	background: url(img/box_left_head.jpg) no-repeat;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}

.boxcontent {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	background: #ffcb02 url(img/box_left_bg.jpg) repeat-y;
}

.boxcontent p {
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
	/*padding-bottom: 4px;*/
}

#loginmenu {
	margin: 0px;
	margin-left: 15px;
	margin-top: 15px;
	padding: 0px;
	text-align: left;
}

#mainright {
	margin: 0px;
	padding: 15px;
	width: 536px;
	background-color: #ffcb02;
	float: right;
	text-align: justify;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #ffffff;
	min-height: 500px;
}

/*footer styles*/
#footerwrapper {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	width: 787px;
	height: 40px;
	background: url(img/footer_bg.jpg) no-repeat;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #ffffff;
	color: #ffffff;
	text-align: center;
}

#footerwrapper a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#footerwrapper a:hover {
	color: #f4d03f;
}

/*BBCode tags */
.quote {
  color: #383838;
  text-align: left;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 3px;
}

.list {
	list-style-type: disc;
	list-style-position:outside;
}
.list_num {
	list-style-type: decimal;
	list-style-position:outside;
}

.list_alpha {
	list-style-type: lower-latin;
	list-style-position:outside;
}

.code {
  color: #000000;
  text-align: left;
  margin: 0 auto;
  padding: 3px;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.codeinner {
  color: #000000;
  font: 11px 'Courier New', Courier, monospace;
}

.codeline0 {
	background-color: #F3F3F3;
	height: 15px;
	padding-left: 3px;
	white-space: nowrap;
}

.codeline1 {
	background-color: #FFFFFF;
	height: 15px;
	padding-left: 3px;
	white-space: nowrap;
}

/*infomessages - miscellaneous */
.tooltip {
  position: absolute;
  display: none;
  background-color: #FCFCFC;
  color: #000000;
  border: 1px solid #DDDDDD;
  border-left: 4px solid #0E8AEA;
  padding: 4px 10px;
  z-index: 300;
  width: 200px;
}

.errorbox {
  background-color: #FFCCCC;
  border: 1px dashed #D60000;
  color: #666666;
  font-size: 10px;
  width: 350px;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}