@charset "UTF-8";

/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
background: #c9c8c8;
	font-size: 14px;
	font-family: Georgia, Garamond, "Times New Roman", Times, serif;
}

#wrapper {
background: #c9c8c8 url("images/wrapper.jpg") repeat-y center center;
}

#wrapper2 {
width: 620px;
margin: 0 auto;
z-index: 3;
}

#branding {
background: url("images/header.jpg") no-repeat right top;
height: 199px;
font-variant: small-caps;
}

#branding, #footer {
font-family: Georgia, Garamond, "Times New Roman", Times, serif;
}

#menu {
	position: relative;
	display: block;
	bottom: 1px;
}

#head {
	padding-bottom: 51px;
}

.try {
	display: none;
}


#footer {
/*width: 620px;*/
border-bottom: 2px solid #2e2e2e;
margin-top:33px;
padding-top: 3em;
padding-bottom: 3em;
background-color:#9c0808;
}
#footer * {
font-size: medium;
text-align: center;
}

#footer .open{
line-height: 1.2em;
font-size: 14px;
}


/* menu
----------------------------------------------- */
ul.level-1 {
padding: 0 0 0 8px;
margin: 0;
list-style: none;
height: 35px;
background: #fff url(images/button.png);
position: relative;
/*border: 1px solid #000;
border-width: 0 1px;
border-bottom: 1px solid #444;*/
}
.level-1 li {
float: left;
margin-left:2px;
}
.level-1 li:hover{
/*	border-bottom:#000 solid;*/
}

.level-1 li a {
display: block;
float: left;
height: 35px;
line-height: 35px;
color: #aaa;
text-decoration: none;
font-size: 1em;
/*font-family: arial, verdana, sans-serif;*/
font-weight: bold;
text-align: center;
padding: 0 4px;
cursor: pointer;
}
.level-1 li a b {
float: left;
display: block;
padding: 0 16px 0 8px;
}
.level-1 li.current a {
color: #fff;
/*background: url(button3.gif);*/
}
.level-1 li.current a b {
/*background: url(button3.gif) no-repeat right top;*/
}
.level-1 li a:hover {
color: #222;
background-color: rgba(156,8,8,0.5);
}
.level-1 li a:hover b {
	
/*background: url(button2.gif) no-repeat right top;*/
}
.level-1 li.current a:hover {
color: #fff;
/*background: #000 url(button3.gif);*/
cursor: default;
}
.level-1 li.current a:hover b {
/*background: url(button3.gif) no-repeat right top;*/
}

/* anchors
----------------------------------------------- */
a {
color: #000;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #333;
}

/* images
----------------------------------------------- */

img.left{
float:left;
margin-right:1.5em;
}

img.right{
float:right;
margin-left:1.5em;
}

/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
line-height: 1.2em;
margin-bottom: .3em;
}
h1 {
font-size: 1.6em;
}
h2 {
font-size:1.4em;
margin-top: 1em;
}
h5 {
font-size: 1.2em;
}
h6 {
font-size: 1em;
text-transform: uppercase;
}


h1 a {
font-weight: normal;
}


/* branding
----------------------------------------------- */
div#head h1 {
font-weight: normal;
font-size: 2.5em;
text-align: left;
padding: .7em 1em;
margin-bottom: 0;
}

/*emulate some nice shadow*/
div#head h1 span {
font-weight: normal;
position: absolute;
display: block;
padding-left: 3px;
padding-top: 2px;
opacity: 0.3;
filter: alpha(opacity=30); /*IE*/
	-moz-opacity:0.3;/*oldschool-moz*/
	-khtml-opacity: 0.3;/*oldschool-khtml - CAUTION USED WITHIN CSSEDIT !!! */
}

/*checked list elements
----------------------------------------------- */
ul.check li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
ul.check li:before{
	content: "✓" !important;
	position: relative;
	right: 1.5em;
}
/* page heading
----------------------------------------------- */
h2#page-heading {
font-weight: normal;
padding: .5em;
margin: 0 0 10px 0;
border-bottom: 1px solid #ccc;
}



/* boxes
----------------------------------------------- */
.box {
background: #ddd;
margin-bottom: 20px;
padding: 10px 10px 1px 10px;
}
.box h2 {
font-size: 1em;
font-weight: normal;
text-transform: uppercase;
color: #fff;
background: #333;
margin: -10px -10px 0 -10px;
padding: 6px 12px;
}
.box h2 a,
.box h2 a.visible {
color: #fff;
background: #333 url("../img/switch_minus.gif") 97% 50% no-repeat;
display: block;
padding: 6px 12px;
margin: -6px -12px;
border: none;
}
.grid_4 .box h2 a {
background-position: 97% 50%;
}
.grid_5 .box h2 a {
background-position: 98% 50%;
}
.grid_12 .box h2 a {
background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
background-image: url("../img/switch_plus.gif");
}
.box h2 a:hover {
background-color: #111;
}
.block {
padding-top: 10px;
}
div.menu {
padding: 0;
}
div.menu h2 {
margin: 0;
}
div.menu .block {
padding-top: 0;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
#content {
	text-align: justify;
}
.bold{
	font-weight: bold;
}
.justify{
	text-align: justify;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
p {
margin-bottom: 1em;
}
blockquote {
font-family: Georgia, 'Times New Roman', serif;
font-size: 1.2em;
padding-left: 1em;
border-left: 4px solid #ccc;
}
blockquote cite {
font-size: .9em;
}
ul, ol {
padding-top: 0;
}


/* menus
----------------------------------------------- */
ul.menu {
list-style: none;
border-top: 1px solid #bbb;
}
ul.menu li {
margin: 0;
}
ul.menu li a {
display: block;
padding: 4px 10px;
border-bottom: 1px solid #ccc;
}
ul.menu li a:hover {
background: #eee;
}
ul.menu li a:active {
background: #ccc;
}


/* submenus
----------------------------------------------- */
ul.menu ul {
list-style: none;
margin: 0;
}
ul.menu ul li a {
padding-left: 30px;
}


/* table
----------------------------------------------- */
table {
width: 100%;
border: 1px solid #bbb;
margin-bottom: 10px;
}
col.colC {
width: 8em;
}
th, td {
padding: .2em 1em;
text-align: left;
}
thead th {
border-bottom: 2px solid #888;
background: #bbb;
padding: .4em 1em .2em;
}
thead th.table-head {
font-size: 1em;
font-weight: normal;
text-transform: uppercase;
color: #fff;
background: #555;
border: 1px solid #555;
}
tbody th,
tbody td {
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
background: #eee;
}
tbody tr.odd th,
tbody tr.odd td {
background: #fff;
}
tfoot th,
tfoot td {
border-top: 2px solid #666;
background: #eee;
}
tfoot tr.total th,
tfoot tr.total td {
border-top: 6px double #666;
}
tfoot tr.total th {
text-transform: uppercase;
}
th.currency,
td.currency {
text-align: right;
}


/* forms
----------------------------------------------- */
form {
overflow: hidden;
}
fieldset {
border: 1px solid #bbb;
padding: 10px;
position: relative;
background: #e9e9e9;
margin-bottom: 10px;
}
legend {
font-size: 1.1em;
padding: .4em .8em;
background: #fff;
border: 1px solid #bbb;
}
fieldset.login p {
margin-bottom: 1em;
margin-top: 0pt;
}
fieldset p label {
width: 98%;
}
fieldset p input {
width: 98%;
}
fieldset p select {
width: 99%;
}
fieldset.login p label {
float: left;
line-height: 2em;
margin-right: 3%;
text-align: right;
width: 32%;
}
fieldset.login p input {
width: 60%;
}
fieldset.login input.button {
margin-left: 35%;
}
form p.notice {
font-weight: bold;
}
input.search.text {
width: 66%;
}
input.search.button {
width: 28%;
margin-left: 2%;
}