* {
	margin: 0;
        padding: 3;
}

html, body {
background: #3f3f3f url(images/background.gif) repeat-y top center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #222;
height: 100%;
visibility:visible;/*for IE8*/

}

a {
text-decoration: none;
color: #000;
visibility:visible;/*for IE8*/

}

a:hover {
text-decoration: none;
color: #000;
visibility:visible;/*for IE8*/

}

#wrap {
margin: 0 auto;
width: 860px;
min-height: 100%;
margin-bottom: -50px;
margin-left: auto ;
margin-right: auto ;

}

#header {
margin-left: auto;
margin-right: auto;
height: 113px;
width: 482px;

}
#header h1 { 
font-size: 25px;
letter-spacing: -1px;
padding: 25px 0 0 20px;
color: #fff;
visibility:visible;/*for IE8*/

}
#header h1 a { 
color: #fff;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #111;
}
#header h2 {
font-size: 18px;
color: #fff;
padding: 3px 0 0 20px;
letter-spacing: -1px;
font-weight: 100;
visibility:visible;/*for IE8*/

}

#menu {
list-style: none;
margin-left: auto;
margin-right: auto;
height: 20px;
background: url(archives/images/menu.png) no-repeat;
width: 482px;
position: relative;
}

#menu span {
  display: none;
  position: absolute;
}


#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}

#menu a:hover span {
  display: block;
}

#menu .suggest {
  width: 136px;
  height: 20px;
  background: url(archives/images/suggest.png) no-repeat;
  right: 150px;
  top: 1px;
}


#menu .archive {
  width: 76px;
  height: 20px;
  background: url(archives/images/archives.png) no-repeat;
  right: 74px;
  top: 1px;
}

#menubottom { 
margin-left: auto;
margin-right: auto;
height: 29px;
background: url(archives/images/bottom.png) no-repeat;
width: 482px;
}

#content {
width: 540px;
margin-left: auto;
margin-right: auto;
background: #f4f2e5;
text-align: center;
padding: 10px;
visibility: visible;

}

#h2 {
font-size: 18px;
color: #f4f2e5;
padding-bottom: 5px;
padding-top: 5px;
margin-left: -10px;
margin-right: -10px;
font-weight: bold;
background: #6f4815;
visibility: visible;

}


blockquote {
margin: 8px;
text-align: center;
padding: 10px;
border-style: dashed;
border-color:#b97d30;
border-width:2px;
visibility:visible;/*for IE8*/

}

#right {
position: absolute; top: 130px; right: 200px;
width: 35px;
padding-top: 90px;
}

#right2 {
position: absolute; top: 90px; right: 160px;
}

#left {
position: absolute; top: 100px; right: 760px;
}

}
.articles { padding: 10px;
text-align: center; 
visibility:visible;/*for IE8*/

}

#footer {
text-align: center;
font-size: 11px;
color: #aaa;
height: 50px;
padding-top: 10px;
position: relative;
visibility:visible;/*for IE8*/

}

.footer a { color: #aaa; }
.footer a:hover { color: #111; }

#clearfooter {
height: 50px;
clear: both;
}

.push {
height: 4px;
clear: both;
}

img { border: none; }

table
{   margin-left: auto ;
    margin-right: auto ;

}

img {vertical-align: bottom;}

table.table 
{ font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: #000;
width: 500px;
background-color: #f4f2e5;
border-spacing: 10px;
margin-top: 0px;
visibility:visible;/*for IE8*/
}


table.table td.left
{
border: 2px dotted #b97d30;
background-color: f4f2e5;
text-align: center;
padding: 10px;
visibility:visible;/*for IE8*/
}


table.table td.right
{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: #404040;
background-color: f4f2e5;
text-align: left;
padding: 5px;
visibility:visible;/*for IE8*/
}

label, input, select, textarea {display: block;}
label {margin-bottom: 10px;}
input[type="radio"], input[type="checkbox"] {display: inline;}