/*******************************************************
TITLE: Fixed Three-Column Over Four-Column Layout V1.0
DATE: 20060807
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:0em;
padding:0;
height:100%;
background-color:#6F6F6F;
background-image: url(http://www.youhype.com/images/bg.png);
background-repeat: repeat-x,y;
color:#000000;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
}

a {
color:#FFFFFF;
text-decoration:none;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
color:#082A80;
text-decoration:none;
}

blockquote {
margin:1em;
padding:.5em .5em .5em 85px;
background-color:#D7ECF8;
}

blockquote p {
margin:.2em;
color:#000000;
}

hr {
margin-bottom:20px;
border:none;
width:99%;
color:#eeeeee;
background-color:#eeeeee;
height:1px;
clear:both;
}

td.desc {
padding:4px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
}

/* misc*/
h1 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding-top:10px;
    padding-left: 15px;
    height:29px;
    background-image: url(/images/h1-header.gif);
    margin: 0px 0px 0px 0px;
    }
h2 {
    font-size: 12px;
    color: #FFFFFF;
    padding-top:10px;
    height:25px;
    background-image: url(/images/h1-header.gif);
    margin: 3em 0em .5em 0em;
    font-weight: normal;
    }
h3 {
    font-size: 13px;
    margin: 0em 0em .5em 0em;
    font-weight: bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #990000;
    }
h4 {
    font-size: 14px;
    margin: 0em 0em .5em 0em;
    font-weight: bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    }

#postHeader {   
margin:0 auto;
padding:0 .2em .3em .2em;
width:95%;
text-align:right;
vertical-align: middle; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
text-transform:uppercase;
}

#centerColumn {     
margin:0 auto;
padding:1em;
width:95%;
height:100%;
text-align:left;
vertical-align: middle; 
background-color:#031133;
background-repeat: repeat-y;
background-repeat: repeat-x;
}

#centerColumn h2 {
margin:0 0 0em 0;
padding:.75em 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
}

#centerColumn h3 {
margin:0 0 0em 0;
padding:.75em 0 0 0;
font-size:.8em;
font-weight:lighter;
letter-spacing:.1em;
}

#navbar {
margin:0em 0em 0 0em; /* Mozzila attributes */
padding:1em 0 1em 0 !important; /* IE specific attributes */
padding:1em 0 0 0;
background-color:#FFFFFF;
}

#navbar ul {
margin:0 0 0em 0em !important;
margin:.0em 0 0 0em;
padding:0 0 1em 0;
list-style:none;
background-color:#6B7900;
}

#navbar li {
margin:0 0 0 0em;
padding:0em 0 0em 0 !important;
padding:1em 0 1em 0;
list-style:none;
display:inline;
background-color:#6B7900;
}

#navbar li a {
margin:0 0 0 0;
padding:1em .5em 1em .5em !important;
padding:1em .5em 0 .5em;
}

#header {
margin:0 0 0 0;
padding:0 0 0 0;
height:90px;
background-color:#031133;
border-top:0px solid #ffffff;
}

#header h1 {
margin:0 0 0px 0px;
padding:0px 0 0 0em;
background-image:  url(/images/h1.png);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:3px;
font-weight:lighter;
letter-spacing:.15em;
color:#FFFFFF;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 10px;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color:#FFFFFF;
}

#cell_1 {
margin:0 5px 1em 0;
padding:3px;
float:left;
width:179px;
background-color:#546080;
}

#cell_2 {
margin:0 14px 1em 2px;
padding:3px;
float:left;
width:160px;
background-color:#546080;
}

#cell_3 {
margin:0 0 1em 2px;
padding:3px;
float:left;
width:500px;
background-color:#546080;
}

#cell_4 {
margin:0 0 1em 2px;
padding:3px;
float:left;
width:300px;
background-color:#908FFF;
}

#cell_1 p, #cell_2 p, #cell_3 p, #cell_4 p {
font-size:.75em;
color:#000000;
}

#cell_1 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
}

#cell_2 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
}

#cell_3 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
}

#cell_4 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
}

.barepic {
border:none;
}

.right {
float:right;
margin:5px;
padding:2px;
}

.left {
float:left;
margin:5px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

.news em {
font-size:.8em;
color:#000000;
}

#cell_1 ul.news, #cell_2 ul.news, #cell_3 ul.news, #cell_4 ul.news {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#cell_1 li.news, #cell_2 li.news, #cell_3 li.news, #cell_4 li.news {
margin:0 0 .3em 0;
padding:5px 0 6px 10px;
font-size:.75em;
}

#cell_1 ul, #cell_2 ul, #cell_3 ul, #cell_4 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#cell_1 li, #cell_2 li, #cell_3 li, #cell_4 li {
margin:0 0 .3em 0;
padding:5px 0 6px 5px;
font-size:.75em;
}

#box_1 {
margin:0 5px 2em 0;
padding:8px;
float:left;
width:150px;
background-color:#222733;
}

#box_2 {
margin:0 7px 2em 14px;
padding:8px;
float:left;
width:150px;
background-color:#222733;
}

#box_3 {
margin:0 14px 2em 7px;
padding:8px;
float:left;
width:150px;
background-color:#222733;
}

#box_4 {
margin:0 0 2em 5px;
padding:8px;
float:left;
width:150px;
background-color:#222733;
}

#box_5 {
margin:0 5px 2em 0;
padding:8px;
float:left;
width:450px;
background-color:#908FFF;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p, #box_5 p {
font-size:.75em;
color:#000000;
}

#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2, #box_5 h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:.8em;
} 

#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul, #box_5 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#box_1 li, #box_2 li, #box_3 li, #box_4 li, #box_5 li {
margin:0 0 .3em 0;
padding:5px 0 0 5px;
font-size:.8em;
}

#footer {
position:relative;
clear:both;
bottom:0;
margin:5em 0 0 0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:.7em;
background-color:#546080;
}

/*  LEFT menu */
td.menu {
    width: 170px;
    padding: 1px;
    margin: 0;
    border-right: 0px solid #c6def0;

}
td.menu div.headmenu {
    width:180px;
    background-color:#051D59;
    background-image:  url(/images/h1.png);
    height: 40px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;

}
td.menu div.submenu {
    padding: 1px;
}
td.menu div.submenu a {
    display: block;
    padding: 2px;
    padding-left:0px;
    margin: 0px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: normal;
    border-top: 1px solid #cdd7e3;
    border-bottom: 3px;
}
td.menu div.submenu a:hover { 
    background: #546080;
    padding-left:1px;
    background-color: #546080;
    color: #FF0000;
    }
td.menu div.submenu2 {
    padding: 1px;
}
td.menu div.submenu2 a {
    display: block;
    padding: 3px;
    padding-left:0px;
    margin: 0px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    border-top: 1px solid #cdd7e3;
    border-bottom: 5px;
}
td.menu div.submenu2 a:hover {
    background: #546080;
    padding-left:1px;
    background-color: #546080;
    color: #FF0000;
    }