body {
    margin: 0px;
    padding: 0px;
    font-family: "Trebuchet MS", "Lucida Grande", "Verdana", "Helvetica";
    font-size: small;
    background: url('/img/main_bg.png');
    text-align: center;
}

img {
    border: none;
}

#menu {
    background-image: url('/img/main_menu720.png');
    background-repeat: no-repeat;
    height: 20px;
    text-align: right;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#page {
    width: 760px;
    background-image: url('/img/main_bg_720.png');
    background-repeat: repeat-y;
    background-position: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#subpage {
    width: 720px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
}

/* restrictions on the content */
#content {
    text-align: center;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 10px;
}

#mainbar {
    float: left;
    width: 650px;
    padding-right: 5px;
    border-right: 1px dashed #eee;
    text-align: left;
    padding-left: 10px;
}
    #mainbar h2 {
        font-size: large;
        font-weight: bold;
        color: #555E7B;
	border-bottom: 1px dashed #ddd;
	margin: 0;
        padding: 0;        
        padding-top: 20px;
    }

    #mainbar h3 {
        color: #445E7B;	
	font-size: large;
	font-weight: bold;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 2px;
    }

    #mainbar h3 a {
        text-decoration: none;
        color: #445E7B;	
    }
    
    #mainbar p.meta {
        font-style: italic;
        font-size: small;
        color: #aaaaaa;
	background-color: #eef;
        margin: 0;
        padding: 2px;        
    }

    #mainbar p.meta img {
	vertical-align: middle;
    }

    #mainbar p.foot {
        font-style: italic;
        font-size: x-small;
        color: #aaaaaa;
        margin: 0;
        padding: 2px;        
    }
    
    #mainbar p {
        margin-top: 5px;
    }
    
    #mainbar table {
        margin: auto;
    }

    #mainbar th { 
        text-align: center;
    }

    #mainbar td#left { 
        text-align: left;
    }

    #mainbar td#right { 
        text-align: right;
    }

#sidebar {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    width: 110px;
}
    #sidebar h2 {
        font-size: small;
        color: #445E7B;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }
    
    #sidebar p {
        margin: 0;
    }
    
#bottombar {
    clear: both;
}

#footer {
    background-image: url('/img/main_bg_footer720.png');
    background-repeat: no-repeat;
    background-position: top center;
    border-top: 1px dashed #ddd;
    padding: 10px;
    height: 50px;
    max-height: 60px;
}

/*
input[type=text] {
    border: 1px solid #ccc;
    background-color: white;
    color: #ccc;
}
*/
body#index_body {
    background-image: none;
    background-color: white;
    color: #666;
}

#index_header {
    height: 25px;
    width: 100%;
}

.center {
    width: 100%;
    text-align: center;
}

#index_footer {
    clear: both;
    position: absolute;
    text-align: right;
    top: 95%;
    left: 50%;
    color: #ddd;
}