@charset "utf-8";
body {
	background-color: #623993;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666666;
	letter-spacing: 0.1em;
}
/** FORMS */
#form {
	width: 600px;
	position:relative;
	margin-left: 200px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding: 20px;
}
.cssform p {
	width: 500px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-bottom: 1px dashed gray;
	height: 1%;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	line-height: inherit;
	color: #000000;
}
.cssform label {
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	font-size: 12px;
}
.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}
.cssform textarea {
	width: 250px;
	height: 150px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix {
	margin-left: 3px;
}
.formbutton {
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	padding: 1px 2px;
	background:url(images/formbg.gif) repeat-x left top;
}
/** HEADINGS */

h1 {
	margin: 10px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
h2 {
	margin: 0px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #6F0F00;
	font-size: 18px;
	font-weight: normal;
}
h3 {
	margin: 0px 0px 0px 30px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #990000;
	font-size: 16px;
	font-weight: normal;
}
/** TEXTS */

input, textarea, select {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	line-height: inherit;
	color: #000000;
}
p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: left;
	letter-spacing: 0.05em;
}
.text1 {
	font-size: 12px;
	font-weight: bold;
	color: #423826;
}
.text2 {
	text-align: center;
	font-size: 12px;
	color: #9B8F83;
}
/** LINKS */

a {
	color: #771C01;
	outline:none;
}
a:hover {
	text-decoration: none;
}
/** MISC */

.align-justify {
	text-align: justify;
}
.align-right {
	text-align: right;
}
img {
	border: none;
}
.img1 {
	float: left;
	margin: 3px 15px 0px 0px;
}
.img2 {
	float: right;
	margin: 3px 0px 0px 15px;
}
hr {
	display: none;
}
.hr1 {
	height: 1px;
}
#head {
	width: 990px;
	height: 167px;
	margin: 0 auto;
	background-image: url(images/bkgd_01.jpg);
	background-repeat: no-repeat;
	padding: 0px;
}
#rule {
	width: 775px;
	float: right;
	margin-right: 10px;
	height: 2px;
	background-color:#fcc200;
	margin-bottom: 30px;
}
#mid {
	width: 990px;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(images/bkgd_02.jpg);
	background-repeat: repeat-y;
	padding: 0px;
}
#midleft {
	width: 150px;
	float: left;
	margin-left: 25px;
	padding-right: 15px;
}
#foot {
	width: 990px;
	height: 89px;
	margin: 0 auto;
	background-image: url(images/bkgd_03.jpg);
	background-repeat: no-repeat;
	padding: 0px;
}
#translate {
	width:332px;
	float: left;
	margin-left: 30px;
	padding-top: 12px;
}
#translate p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/* menu */

#menu {
	display:block;
	height:50px;
	margin-left: 500px;
}
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu li {
	float:left;
	margin-right:1px;
	display:block;
	border:0px;
	margin:0px;
}
#menu li.list1 {
	background:transparent url(images/nav_01.jpg);
	width:155px;
}
#menu li.list2 {
	background:transparent url(images/nav_02.jpg);
	width:125px;
}
#menu li.list3 {
	background:transparent url(images/nav_03.jpg);
	width:94px;
}
#menu li.list4 {
	background:transparent url(images/nav_04.jpg);
	width:74px;
}
#menu li.list5 {
	background:transparent url(images/nav_05.jpg);
	width:152px;
}
#menu a {
	display:block;
	outline:none;
	height:50px;
	margin:0px;
}
#menu a#item1 {
	background:transparent url(images/nav_on_01.jpg) -50px -155px no-repeat;
}
#menu a#item2 {
	background:transparent url(images/nav_on_02.jpg) -50px -125px no-repeat;
}
#menu a#item3 {
	background:transparent url(images/nav_on_03.jpg) -50px -94px no-repeat;
}
#menu a#item4 {
	background:transparent url(images/nav_on_04.jpg) -50px -74px no-repeat;
}
#menu a#item5 {
	background:transparent url(images/nav_on_05.jpg) -50px -152px no-repeat;
}
#menu a#item1:hover {
	background-position:top right;
	z-index:50;
}
#menu a#item2:hover {
	background-position:top right;
	z-index:50;
}
#menu a#item3:hover {
	background-position:top right;
	z-index:50;
}
#menu a#item4:hover {
	background-position:top right;
	z-index:50;
}
#menu a#item5:hover {
	background-position:top right;
	z-index:50;
}
#menu a#item6:hover {
	background-position:top right;
	z-index:50;
}
* html #menu a:hover {
	height:50px;
	he\ight:0;
}
/* VERTICAL MENU */

.glossymenu{
	margin: 0px;
	width: 150px;
}

.glossymenu a.menuitem{
	font: bold normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #623993;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 10px;
	text-decoration: none;
	border-top: 1px solid #e6eef6;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #623993;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 10px;
right: 15px;
border: none;
}

.glossymenu a.menuitem:hover{
	color: #fcc200;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: transparent;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0px;
}

.glossymenu div.submenu ul li{
}

.glossymenu div.submenu ul li a{
	display: block;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #623993;
	text-decoration: none;
	padding: 5px;
	margin:0px 0px 0px 15px;
	border-top: 1px solid #e6eef6;
}

.glossymenu div.submenu ul li a:hover{
color: #fcc200;
}
#mid #form img {
	padding-right: 10px;
	padding-bottom: 10px;
}