/* CSS Document */
* {/*Set's border, padding and margin to 0 for all values*/
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #000; 
font-family: Verdana, Arial, Tahoma, sans-serif;
text-align: center; /*** Centers the design in old IE versions ***/
}
body {
font-size: 70%;
background: #003780 url(../images/layout/bk.gif) repeat-x;
}
p {padding: 7px 0 7px 0;}
table{ margin: auto;}
a {
color: #000099;
}
a:hover{
color: #0000FF;
text-decoration: none;
}

h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
input, textarea{border: 1px solid #333333;
}
h1 a, #header h2{
color: #fff;
}
.mmhide_clear { clear: both; }
#mainContainer {
width: 800px;
overflow: hidden;
margin: -140px auto 60px auto; /*** Centers the design ***/
background: #fff url(../images/layout/bk_left.gif) repeat-y;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
.row0{	background: none; }
.row1{ background: #ddd; }
/**************************
HEADER
**************************/
#header {
background: url(../images/layout/bnr.gif) no-repeat;
height: 108px;
border-bottom: 7px solid #fff;
}

#logo{
	margin: 10px auto 0 auto;
	position: relative;
	right: 280px;
	width: 328px;
	height: 193px;
	z-index: 101;
}
/**************************
CONTENT AND COLUMNS
**************************/
.mmhide_outer {
padding-left: 242px;  
}
* html .mmhide_outer {
padding-right: 163px; /* Normally this shouldn't be in this hack, it should be in .outer, but because of IE7 I had to */
}
.mmhide_inner {
width: 551px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
padding-bottom: 30px;
}
* html .mmhide_inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.mmhide_float-wrap {
float: left;
width: 793px;
margin-left: -242px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .mmhide_float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
width: 543px;
background: url(../images/layout/bk_text.gif) repeat-x;
}
* html #content {
position: relative;  /*** IE needs this  ***/
}
.mmhide_contentWrap{
padding: 20px;
}
.mmhide_contentWrap ol, .mmhide_contentWrap ul {
margin: 3px 0 5px 35px;
}
.mmhide_contentWrap li {
padding-bottom: 2px;
color: #000;
font-size: small;
}
.mmhide_contentWrap img {
padding: 15px;
margin: auto inherit;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 221px;
padding: 40px 0px 10px 28px;
background: url(../images/layout/bk_topleft2.gif) no-repeat;
min-height: 240px;
z-index: 99;
}
* html #left {
position: relative;  /*** IE needs this  ***/
height: 240px;
}
#left_menu {
z-index:1000;
font-size: 16px;
font-weight: bold;
margin:10px 0 0 0; /* this page only */
}
/* remove all the bullets, borders and padding from the default list styling */
#left_menu ul {
padding:0;
margin:0;
list-style-type:none;
width:214px;
}
/* hack for IE5.5 */
* html #left_menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
#left_menu li {
position:relative;
height:30px;
 }

/* get rid of the table */
#left_menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
#left_menu a, #left_menu a:visited {
display:block; 
text-decoration: none;
height:30px;
line-height:30px;
width:214px;
color:#fff;
text-indent:50px;
}
#left_menu ul ul a, #left_menu ul ul a:visited{
font-size: 12px;
text-indent: 20px;
height: 24px;
line-height: 24px;
}
/* hack for IE5.5 */
* html #left_menu a, * html #left_menu a:visited {width:214px; w\idth:213px;}
/* style the link hover */
* html #left_menu a:hover {background: #fff; color: #666;}

#left_menu :hover > a {
background: #fff;
color: #666;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#left_menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:214px;
background: #666;
}
#left_menu ul ul li{
height: 24px;
font-size: 14px;
text-indent: 10px;
}
/* make the second level visible when hover on first level list OR link */
#left_menu ul li:hover ul,
#left_menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
#left_menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#left_menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#left_menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#left_menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
/*************************
RIGHT COLUMN
**************************/
#right {
float: right; 
width: 140px;
height: 240px;
/*padding: 5px;*/
background: url(../images/layout/bk_text.gif) repeat-x;
}
* html #right {
position: relative;  /*** IE needs this  ***/
margin-right: -140px; /*** IE gets this margin. ***/
}
#right ul {
padding-bottom: 4px;
}
#right li {
padding-bottom: 2px;
}
/**************************
FOOTER
**************************/
#footer {
width: 800px;
height: 205px; /*** The drawback with this solution is that the height of the footer can't be flexible. If you add so much content to the footer that it extends 30px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
margin: -60px auto 0 auto;
padding-top: 10px;
text-align: center;
background: url(../images/layout/ftr.gif) no-repeat;
color: #ccc;
}

.error{
	background: #CC9933;
}