*:focus { outline: none; }
.hidden { display: none; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.content:after, .columns:after, .column:after, .page:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }

html { height: 100%; color: #3e3e3e; font: 1.0em Arial, Helvetica, sans-serif; }
body {  height: 100%; min-height: 100%;width: 1000px; margin:0 auto; } /* body height 100% */

/* Content elements
------------------------------ */

h1, h2, h3, h4 {color: #3e3e3e;}
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; font-weight: bold; 	margin-top: 0.5em;}
h4 { font-size: 1.1em; font-weight: bold; }

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }
strong {  }
em {  }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

.em { font-style: italic; }
.strong { font-weight: bold; }




h1 {font: 12px Arial, sans-serif;color:#999;text-transform:uppercase;padding-bottom:25px}
h2 {font: 23px Arial, sans-serif;padding-bottom:25px}


a {color: #078E88;text-decoration:underline}
a:hover {color:#045ab6}
.columns {display: table-row;}



.menu {width: 1000px; height: 46px; display:block;  position: absolute;top: 155px;}
.menu a {display:block; float:left;background: url('/i/menu.jpg') center repeat;  text-align: center; font: bold 11px Arial, sans-serif; color: #fff; text-decoration:none; text-transform:uppercase; text-shadow: 1px 1px 1px #000; padding: 16px 10px; width: 180px;}
.menu a:hover {background: #078E88;}

#pageTitle{
    background: url("/i/arrow.jpg") no-repeat scroll left center transparent;
    color: #078E88;
    display: block;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    text-align: left;
    white-space: nowrap;
}

.wrap{
    margin: 0 auto;
    width: 1000px;
    position: relative;
    min-height: 100%;

}

.header{
    width: 100%;
    height: 168px;
    background: url('/i/head.jpg') center no-repeat;
}


.slogan{
    color: #FFFFFF;
    left: 200px;
    position: absolute;
    font-size: 1.5em;
    top: 50px;
  
}

.container{
    margin-bottom: -80px;
    min-height: 100%;
}


.page{

}

.slogan p{
    color: #FFFFFF;
    font-size: 0.5em;
    letter-spacing: 1px;
    word-spacing: 2px;
}
.footer{
    background: url("/i/footer.jpg") no-repeat scroll left top transparent;
    min-height: 80px;
}

.footer a{
    color: #ccc;

}

.footer p{
    padding-left: 5px;
    color: #FFFFFF;
    font-size: 0.8em;
    left: 200px;
    letter-spacing: 1px;
    margin: 10px 0 0 0;
}

.content:after, .columns:after, .column:after, .page:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.content{
    float: left; 
    margin: 0 auto;
    margin-top:50px;
    padding-bottom: 100px;
    height: 100%;
    width:750px;
}



.sidebar{
    float: left;
    width: 200px;
    padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 50px;

}

.left {
    float: left;
    width: 350px;
}
.right {
    float: right;
    width: 350px;
}

/*	Tables
------------------------------ */

table { border-collapse: collapse; width: 100%; text-align: center; font-size: 1.1em; }
table th, table td { border: 1px solid #078E88; padding: 2px 3px;  vertical-align: middle; }
table th { background: #f4f4f4; }
table tr { height: 40px; }

