/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end of css reset */


html, body {
  height:100%;
}
body {
  font-family:Arial, verdana;
  font-size:0.625em;
  background:url(images/bg.gif);
  color:#111;
}

h1 {
  font-size:3em;
  color:#b7d54f;
  font-weight:bold;
  margin-bottom:0.5em;
}
h2, h3, h4 {
  margin:1em 0 0.5em 0;
}
h2 {
  font-size:2.4em;
  color:#2ec0ed;
  font-weight:bold;
}
h3 {
  font-size:1em;
  font-weight:bold;
}

p {
  margin:0.5em 0;
  line-height:1.2em;
}

#container {
  background:url(images/new/header.gif) repeat-x;
  text-align:center;
  width:100%;
  min-height: 100%;
  position:relative;
  top:-20px;
}

* html #container {
  height: 100%;
}

#page {
  width:960px;
  margin:0 auto;
  text-align:left;
  padding-bottom:20px;
}

#logo {
  text-align:right;
}

#navigation {
  float:right;
  width:700px;
  text-align:right;
}
#navigation ul li {
  display:inline;
  margin:0 0 0 5px;
}
#navigation ul li.active a {
  position:relative;
  z-index:100;
  top:15px;
}
#navigation ul li a:hover {
  position:relative;
  z-index:100;
}

#banner {
  background:url(images/new/banner.gif) no-repeat;
  height:158px;
  width:960px;
  position:relative;
  top:-11px;
}
#banner #slideshow {
  float:right;
  margin:0 20px 0 0;
}

#main {
  margin:10px 0 20px 0;
}
#main ul {
  margin-left:2em;
}
#main ul li {
  list-style-type:disc;
  padding:0.3em;
}

#content-block {
  width:680px;
  float:left;
}
#content-block .content-block-head {
  background:url(images/main_head.gif) no-repeat top left;
}
#content-block .content-block-foot {
  background:url(images/main_foot.gif) no-repeat bottom left;
}
#right-block {
  width:254px;
  float:right;
}
#right-block .block-head {
  background:url(images/block_head.gif) no-repeat top left;
}
#right-block .block-foot {
  background:url(images/block_foot.gif) no-repeat bottom left;
}
#content-block .content-block-head, #content-block .content-block-foot, #right-block .block-head, #right-block .block-foot {
  height:20px;
}
#content-block .content-wrap, #right-block .content-wrap {
  background:#fff;
  padding:1px 20px;
}
#content-block .content, #right-block .content {
  font-size:1.5em;
}
#content-block .content h2 {
  font-size:1.33em;
  margin-top:1em;
}

#footer {
  background:url(images/footer.gif) no-repeat bottom left;
  min-height:75px;
}
#footer .left-content {
  width:440px;
  padding:20px;
  float:left;
  font-size:1.2em;
}
#footer .right-content {
  width:440px;
  padding:10px 20px;
  float:right;
}
* html #footer {
  height: 75px;
}

table th, table td {
  padding:0 1em 1em 0;
}

form {
  margin:10px 0;
}
form ul.errors {
  margin:10px 0 !important;
  border:2px solid #cc0000;
  color:#cc0000;
  background-color:#ffddee;
  padding:10px;
}
form ul.errors li {
  list-style-type:none !important;
}
.form-item {
  margin:10px 0;
}
.form-item label {
  float:left;
  width:180px;
  font-weight:bold;
}
.form-item input, .form-item  textarea, .form-item div.input {
  float:left;
}
form label span.required, form .error label {
  color:#cc0000;
}

form #submit {
  margin:20px 0 0 180px;
}
.success {
  border:2px solid #b7d54f;
  color:#b7d54f;
  background-color:#FBFFEF;
  padding:10px;
  font-weight:bold;
}

.clear {
  clear:both;
}

img.right {
  margin:0 0 10px 10px;
  float:right;
}