﻿body {
 font-family: Georgia, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#543a3a;
 text-align:left;
 background-color:#a2b3b3; 
 line-height:18px;
 background-image:url('/images/bg.gif');
}
body,html {
  padding:0 0 10px 0;
}
* {
 margin:0;
 padding:0;
}
img {
 border:0;
}

.float-right{
 float:right !important;
}
.float-left{
 float:left;
}

.text-right {
 text-align:right;
}
.text-left {
 text-align:left;
}
.text-center {
 text-align:center;
}
.center {
 text-align:center;
}

.clearBoth {
 clear:both; 
}

.left-image{
 margin:0 15px 10px 0;
 float:left;
}
.right-image{
 margin:0 0 10px 15px;
 float:right;
}

.display-inline{
 display:inline;
}
.inline {
}
.inline li {
 display:inline;
}



/* HEADLINES
----------------------------------------------- */


h1,h2,h3,h4,h5,h6 {
 font-weight:normal;
 color:#543a3a;
 padding:.2em 0 .5em 0;
 line-height:normal;
}

h1 {font-size: 30px; }
h2 {font-size: 20px; }
h3 {font-size: 16px; }
h4 {font-size: 14px; }
h5 {font-size: 12px; }
h6 {font-size: 10px; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
 color:#0d5992;	
}


/* LISTS */

ul {
 list-style-position: outside;
 padding:0 0 0 2em;
}
ul.nodots {
  padding:0;
  margin:0;
  list-style-type:none;
}
ol {
 margin: .5em .5em 1.5em;
}

ol li {
 margin-left: 2em;
 padding-left: 0;
 background: none; 
 list-style-type: decimal;
}


/* TYPOGRAPHY
----------------------------------------------- */

a {
 text-decoration: underline;
 outline:none;
 color:#5f0430;
}
a:hover {
 text-decoration: none;
 outline:none;
 color:#5f0430;
}

p {
 line-height:20px;
 margin:0 0 10px 0;
 font-weight:normal;
 color:#543a3a;
 font-size:14px;
}
.required {
 color:#000;
}



/* FRAMEWORK
----------------------------------------------- */

#sitecontainer {
  width:960px;
  margin:0 auto;
  border:3px #000 solid;
}
#mainarea{
 /*background-color:#bbb577;*/
 background-color:#9f9fff;
 height:100%;
 overflow:hidden;
 clear:both;
}
#header
{
  width:960px;
  margin:0 auto;
}

/* full width = 960px , 960-padding=920px/

/* left content , right sidebar */

#content-sidebar{
 background-image:url('/images/bg-content-sidebar.gif');
 background-repeat:repeat-y;
 float:left;
 width:920px;
 padding:20px;  
}
#content-sidebar #content{
 width:620px;
 margin:0 20px 0 0; /* space between content and sidebar */
 float:left;
}
#content-sidebar #content img 
{
	max-width:620px;
	_width: expression(this.width > 620 ? 618: true);
}
#content-sidebar #sidebar{
 width: 260px; /* 280px - padding = 260px */
 float: right; 
 padding:0 0 0 20px;
}

/* left sidebar , right content */

#sidebar-content{
 background-image:url('/images/bg-sidebar-content.gif');
 background-repeat:repeat-y;
 float:left;
 width:920px;
 padding:20px;  
}
#sidebar-content #content{
 width:620px;
 margin:0 0 0 20px; /* space between content and sidebar */
 float:right;
}
#sidebar-content #sidebar{
 width: 260px; /* 280px - padding = 260px */
 float: left; 
}

/* content-wide */

#content-wide {
 width:960px;
 padding:20px 0;
}

.sidebarelement {
 clear:both;
 margin:0 0 20px 0;
 height:100%;
 overflow:hidden;
}
.element {
 clear:both;
 margin:0 0 20px 0;
 height:100%;
 overflow:hidden;
}
.entry {
 clear:both;
 margin:0 0 10px 0;
 height:100%;
 overflow:hidden;
}

#topbanner
{
	width:960px;
	margin:0 auto;
}
#logo {
	width:220px;
	height:50px;	
	background-image:url('images/transparent.gif');
	background-repeat:no-repeat;
	text-indent:-9000px;
	float:left;
	position:absolute;
	top:0px;
	margin:40px 0 0 100px;
}
#logo a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
}



/* SUBPAGES & MISC
----------------------------------------------- */

#subpage{
}
#switchlayout {
  text-align:center;
  margin:20px 0;
  background-color:#fff;
}
#switchlayout img {
  vertical-align:middle;
}


/* FOOTER 2 */


#footer 
{
 width:960px;
 margin:10px auto 0 auto;
 color:#ccc;
}
#footer a {
  color:#ccc;
}

#footer p {
 margin:0;
 padding:0;
}

#footer img {
 vertical-align:middle;
 padding:0 0 0 4px;
}
#footer ul {
 list-style-type:none;
 padding:5px 0;
 margin:6px 0 0 0;
 border-top:1px #cfcfcf solid;
}
#footer ul li {
 display:inline;
 padding:0 10px;
 border-right:1px #cfcfcf solid;
}

#footer ul li.last {
 border-right:none;
}

#footer ul li a {
 text-decoration:none;
}

#footer ul li a:hover {
 text-decoration:underline;
}

#footer #line {
 height:1px;
 clear:both;
 margin:5px 0 5px 0;
 font-size:0; /* ie6 space */
}



/* NAVIGATION
----------------------------------------------- */

/* sidebar menu */

#sidebarmenu{
}
#sidebarmenu ul {
  margin:0;
  padding:0;
}
#sidebarmenu ul li {
  background-color:#6d6cf0;
  border-bottom:1px #5f5edf solid;
  background-image:url('/images/icons/star.gif');
  background-repeat:no-repeat;
  background-position:10px center;
  padding:0 0 0 30px;
}
#sidebarmenu ul li:hover {
    background-color:#5f5edf;

}
#sidebarmenu ul li a {
  width:240px;
  _width:210px;
  padding:0 10px;
  height:30px;
  line-height:30px;
  display:block;
  color:#fff;
  text-decoration:none;
}
#sidebarmenu ul li a:hover {
  
}

#topmenuarea 
{
	background-color:#000;
	float:left;
	width:960px;
}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 700px; /*For KHTML*/
  list-style: none;
  height: 28px;
  background-color:#000;    float:left;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  /*height: 28px;*/
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 200px;
  list-style: none;
  list-style-type:none;
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 200px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/  
  border-bottom:1px #527faa solid;
  
}

/* Root Menu */
ul#navmenu a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background-color:#000;
  color: #fff;
  font-size:12px;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/  
  border-right:1px #2c2c2c solid;
    background-image:url('/images/icons/star.gif');
  background-repeat:no-repeat;
  background-position:5px center;
  padding:5px 10px 5px 30px;

}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background-color:#2c2c2c;
  color: #fff;
  
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background-color:#000;
  color: #fff;
  margin:0;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background-color:#2c2c2c;
  color: #fff;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background-color:#000;
  color: #fff;
  margin:0;  
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background-color:#2c2c2c;
  color: #fff;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background-color:#000;
  color: #fff;
  margin:0;  
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background-color:#2c2c2c;
  color: #fff;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}


