html,
body
{
    height: 100%;
}

body
{
    background-color: #FFFFFF;
    margin:20px 10px 10px 10x;
    padding:20px 10px 10px 10x;
    text-align:center;
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	color: #4571A1;
}

a
{
	color: #578A2E;
	text-decoration: none;
}


a:hover
{
	text-decoration: underline
}

a.contentpagetitle
{
    font-weight:bold;
}

a.logo
{
    text-decoration: none;
    display:block;
    height:80px;
    width:215px;
}

a.small
{
    font-size:11px;
    color:#777777;
}

/* DIV tags */
#outer
{
    margin:auto;
    text-align:left;
    width:960px;
}

#inner
{
    float:left;
    width:960px;
    border: 1px solid #A9ABAD;
    background-color:#FFFFFF;
}

#header
{
    float:left;
    width:960px;
    height:80px;
    margin:0 !important;
    padding:0 !important;
}

#logo
{
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    float:left;
    height:80px;
    width:215px;
    border-right:1px solid #C0CEDC;
}

#breadcrumb
{
    float:left;
    width:958px;
    margin:0;
    padding:0;
    background-color:#FFCC80;
    border:1px solid #FF9900;
    height:14px;
}

#breadcrumb div
{
    margin-left:220px;
    font-size:11px;
    color: #666666;
}

#topcontainer
{
    float:left;
    height:80px;
    width:744px;
    background-image: url("../images/header_bg.jpg");
    background-repeat: no-repeat;
}

#topcontent
{
    margin:52px 0 0 35px;
}

#container_main
{
    float:left;
    width:958px;
    background-image: url("../images/bg_main.png");
    background-repeat: repeat-y;
}

div#mainlevel_head
{
    width:170px;
    height:16px;
    padding:2px 0 0 3px;
    background-color:#F2F2F2;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
    color:#4571A1;
    font-size:11px;
    font-weight:bold;
}

#mainmenu
{
    float:left;
    width:195px;
    height:535px;
    background-color:#FFFFFF;
    padding:8px 0px 0px 20px;
    margin-right:1px;
    background-image: url("../images/mainmenu_bg.jpg");
    background-repeat: no-repeat;
}

#maincontent
{
    float:left;
    width:724px;
    background-color:#FFFFFF;
    margin:5px;
}

.inner_content
{
    float:left;
    height:490px;
    width:730px;
}

h1
{
    font-size:14px;
    font-weight:bold;
    color:#578A2E;
}

h1.red
{
    color:#CC2200;
}

/* LISTS */
ul li
{
    margin: 3px 0px 5px 0px;
}

ul#mainlevel a
{
	font-size:12px;
}

ul#mainlevel a.menu_active
{
    font-weight:bold;
}

ul#mainlevel
{
    list-style-image: url("../images/arrow.png");
    margin:5px 0px 13px 0px;
    padding:0px 0px 0px 23px;
}


/* -------------------------------------------------------------------------- */
/* Custom Example Styles                                                      */

#example_header
{
    float            : left;
    width            : 99%;
    font-size        : 13px;
    font-weight      : bold;
    height           : 22px;
    padding-top      : 6px;
    padding-left     : 5px;
    border           : 1px solid #CCCCCC;
    background-color : #F3F3F3;
    margin-bottom    : 12px;
}

#query
{
    float            : left;
    width            : 370px;
    height           : 440px;
}

#result
{
    float            : left;
    width            : 350px;
    height           : 430px;
    background-color : #CCCCCC;
    font-size        : 11px;
    font-family      : monospace;
    overflow         : auto;
    margin-top       : 0px;
    border           : 1px solid #777777;
}

#statistic
{
    float            : left;
    width            : 340px;
    height           : 60px;
    background-color : #EEEEEE;
    border           : 1px solid #777777;
    font-size        : 11px;
    font-family      : monospace;
    overflow         : auto;
    padding          : 5px;
}