/* Main INTAMAP stylesheet */

body
{
margin: 0 0 0 0;
padding: 0 0 0 0;

background-image: url(../images/diag_background.jpg);
background-repeat: repeat-x;
background-position: 0px 80px;
height: 100%;
text-align:center;
}

html
{
height:100%;
background-color: #ddd;
}

#page
{
width: 800px;
border-left: #9CA8AB 1px solid;
border-right: #9CA8AB 1px solid;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
background-color: #FFFFFF;
min-height: 100%;
height: auto !important;
overflow: hidden;
display:block;
text-align:left;
}

#header
{
width: 100%;
height: auto;
padding:0 0 0 0;
margin:0 0 0 0;
clear:both;
}

#header #image
{
float: left;
width: 338px;
margin-left: 16px;
margin-right:0;
padding:0 0 0 0;
display:inline;
margin-bottom:20px;
}

#header #image img
{
margin:0 0 0 0;
padding:0 0 0 0;
margin-left: 10px;
margin-top: 10px;
}


#header #strap
{
float:left;
width: 400px;
font-family: "Trebuchet MS", Verdana, Arial;
font-size:xx-large;
color: #9CA8AB;
padding-left: 25px;
padding-top: 8px;
text-align:left;
clear:right;
}

#menu
{
width: 800px;
height: 23px;
border-top: #9CA8AB 1px solid;
border-bottom: #9CA8AB 1px solid;

margin-left:auto;
margin-right:auto;
color: #3D8FD8;
text-align:center;
clear:both;

}

#submenu
{
    margin-top: 30px;
    border-top: 1px #9CA8AB solid;
    border-bottom: 1px #9CA8AB solid;
    border-right: 1px #9CA8AB solid;
    float:left;
    clear:left;
    width: 180px;
    height: auto;
    padding-left: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #ccc;
    
}

#filler
{
    margin-top: 50px;
    float:left;
    width: 130px;
    height: 600px;
    padding-left: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff;
}

#content
{
/*background-image:url('../images/diag_background.png');
background-repeat:repeat-y;*/
width:550px;
height: auto;
margin-top: 15px;
padding-left:0px;
padding-right: 20px;
text-align:justify;
margin-left: 15px;
margin-bottom: 10px;
float:left;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color:#222;

}

#footer
{
height: auto;
width: 500px;
margin-left:150px;
margin-right:150px;
font-family:"Trebuchet MS", Verdana, Arial;
font-size: x-small;
color:#777;
float:left;
display: block;
text-align:center;
border-top: #9CA8AB 1px dotted;
padding-top: 10px;
}

/* Non div properties */

h1
{
font-family:"Trebuchet MS", Verdana, Arial;
color: #94aebf;
text-align:left;
font-size:xx-large;
line-height: 30px;
}

h2
{
font-family:"Trebuchet MS", Verdana, Arial;
color: #6d9563;
text-align:left;
}

h3
{
font-family:"Trebuchet MS", Verdana, Arial;
color: #000;
text-align:left;
}

a
{
color: #677679;
font-weight:bold;
}

a:hover
{
text-decoration:none;
}

hr
{
color: #94aebf;
width: 75%;
border:1px solid;
margin-top: 15px;
margin-bottom: 15px;
clear: both;
}

span.code
{
display:block;
font: 1em 'Courier New', Courier, Fixed, monospace;
font-size : 100%;
color: #000;
overflow : auto;
text-align:left;
border : 1px solid #9CA8AB;
padding : 0px 20px 0 30px;
margin:1em 0 1em 0;
line-height:17px;
font-weight:normal!important;
}

span.textbox
{
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size : 100%;
color: #000;
overflow : auto;
text-align:justified;
border : 2px solid #9CA8AB;
padding : 10px 20px 10px 30px;
margin:1em 1em 1em 1em;
line-height:17px;
font-weight:normal!important;
}

span.code a
{
font-weight: normal;
text-decoration:none;
}

span.code a:hover
{
    color: #000;
}

span.code_inline
{
font: 1em 'Courier New', Courier, Fixed, monospace;
font-size : 100%;
font-weight:normal!important;
}

img.biography
{
margin-right: 25px;
margin-bottom: 25px;
}


p.faq_question { 
    text-align : left;
    font-family: arial;
    color: #000000;
    font-size:14px;
    font-weight:bold;
}

p.faq_answer { 
    text-align : justify;
    font-family: arial;
    color: #000000;
    font-size:12px;
}

.frame { padding: 2px; border: 2px solid #aaa; } 
.align-right { float:right; margin: 0 0 2px 2px; }
.align-left { float:left; margin: 0 2px 2px 0; }

img.middle {
    display: block;
    margin-left: auto;
    margin-right: auto;
}