/* PROPERTIES */

html {
height:100%; 
max-height:100%;
width:790px;
padding:0; 
margin:0 auto 0 auto;
border:0; 
background:#f5f5f5; 
font-size:80%; 
font-family: arial, sans-serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body{
margin:0 auto 0 auto;
padding:0;
width:100%;
height:100%; 
max-height:100%;
line-height: 1.5em;
font-family:arial, sans-serif;
}

h1 {
margin: 30px;
font-size:36px;
}

hr {
color:#7E97A6;
background-color:#7E97A6;
height:2px;
}

/* PAGE LAYOUT */
#container{
border: #8D8D8D solid 1px;
background-color:#FFFFFF;
}

#header{
background: #7E97A6 url(../img/css/bg_main.jpg) repeat-x;
color:#FFF;
padding-top: 15px;
padding-bottom: 30px;
margin-bottom:5px;
}
#header h1{
margin: 0;
font-size:22px;
}
#header h1 a {
text-decoration:none;
color:#FFFFFF;
}
.freak {
color:#4F6070;
}
#wrapper{
float: left;
width: 100%;
}
#content{
margin: 2px 0 0 0;
}
#footer{
clear: left;
width:100%;
height:25px;
background: #7E97A6 url(../img/css/bg_main.jpg) repeat-x;
color: #FFF;
font-size:11px;
text-align: center;
padding: 4px 0;
}
#footer a{
color: #FFF;
}

.wrap{
margin: 0 10px 10px 10px; 
}
.right {
	float: right;
}
.left {
	float: left;
}
.left a {
	color:#FFFFFF;
}

/*PORTAL NAV*/

#portalnav {
padding: 3px 0;
height:23px;
margin-left: 0;
margin-bottom: 0;
margin-top: 0;
font-size:11px;
text-transform:uppercase;
vertical-align:middle;
}

#portalnav li{
list-style: none;
display: inline;
margin: 0;
}

#portalnav li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #FFFFFF;
background: white;
}

#portalnav li a:link, #portalnav li a:visited{
color: #7F7D7F;
}

#portalnav li a:hover{
color: #87919E;
background: #EDF3F3;
border-color: #FFFFFF;
}

#portalnav li a.selected{
background: lightyellow;
}

/*DROP*/

.drop {
position:absolute;
visibility: hidden;
margin-left:3px;
margin-top:5px;
border:1px solid #567181;
font:normal 11px Verdana;
line-height: 18px;
z-index: 100;
text-transform:none;
background-color: #FFFFFF;
width: 130px;
}

.drop a {
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #746E53;
padding: 2px 0 2px 0;
text-decoration: none;
font-family:arial, sans-serif;
text-indent: 5px;
color: #87919E;
}

.drop a:hover {
color: #87919E;
background-color: #EDF3F3;
border-color: #746E53;
}

/*FORMS*/

.button{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../img/css/formbg.gif) repeat-x left top;
}

.field{
width: 200px;
border: 1px dashed gray;
padding:1px;
}

/* RESULTS */

.d_t { display:table; height:100%; width:100%}

.d_r { display:table-row; height:100%; width:100%}

.d_c { display:table-cell; float:left; height:100%; width:100%}