body {
    background-color: #b7dff9;
    font-family: Arial;
    font-size: 12px;
    color: #646464;
}

.mcc-page {
    width: 1200px;
    margin: 0 auto;
    border: 1px solid #cccccc;
    border-radius: 6px 6px 6px 6px;
    font: 12px Arial;
}

.mcc-header-container {
    background-color: white;
    height: 65px;
}

.header-logo {
    float: left;
    width: 105px;
    height: 63px;	
    background: url("../images/logo.gif") no-repeat 0 5px transparent;
}

.header-caption{
    float: left;
    width: 170px;
    height: 20px;
    border: 0px solid;
    font: 17px Arial;
    color: #88caf7;
    position: relative;
    top: 35px;
    left:-7px;
}

.header-access{
    margin-right: 10px;
    float: right;
    height: 60px;
    
}

.header-access div.usr{
	height: 20px;
	margin: 4px 0px 0px 5px;
	font: 12px Arial;
}

.header-access div.logout{
	margin-top: 15px;
	font:12px Arial;
	height: 22px;
}

.header-access div.logout img{
	display: block;
	float: left;
}

.header-access div.logout a{
	display: block;
	font: 12px Arial;
	float: left;
	padding-top: 5px;
	color: black;
}

.nav-container {
    clear: both;
    margin-top: 5px;
    height: 28px;
    background-color: #dbeaf7;
	
    background-image: -moz-linear-gradient(center bottom , #f7fafd, #d9e9f7);
    background: -webkit-gradient(linear, left top, left bottom, from(#f7fafd), to(#d9e9f7));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7fafd', endColorstr='#d9e9f7'); 
}

.nav-container div.nav-home{
    float:left;
    width:22px;
    height:22px;
    margin: 3px 0px 0px 20px;
}

.nav-container div.nav-menu{
    float: left;
    width: 500px;
}

.mcc-content-container{
    clear: both;
    margin-top: 3px;
    height: 700px;
    background-color: #ffffff;
}

.content-submenu{
    float:left;	
    width: 200px;
    height: 400px;
}

.submenu-caption{
    height: 20px;
    margin: 15px 0px 0px 20px;
}

.submenu-caption span{
    font: 13px Arial;
    font-weight: bold;
}

.submenu-description{
    height: 120px;
    margin: 5px 0px 0px 20px;
}

.submenu-description span{
    color: #5e5e5e;
}

.submenu-place{
    height: 150px;
    margin: 20px 0px 0px 15px;
}

.content-main{
    float: left;
    width: 950px;
    height: 600px;
    border: 1px solid #cccccc;
    margin: 15px 0px 0px 10px;
}

#logCaption{
    width: 350px;
    height: 50px;
    border: 0px solid;
    margin: 0 auto;
}

#log{
    width:350px;
    margin: 0 auto;
    margin-top: 8px;
    padding-bottom: 15px;
    border: 1px solid #cccccc;
    border-radius: 6px 6px 6px 6px;
}

#log input.log-input{
	width: 250px;
	height: 18px;
	font: 13px Arial;
}

.mcc-footer-container{
    height: 24px;
    background-color: #e7f5fe;
    margin-top: 3px;
	
    background-image: -moz-linear-gradient(center bottom , #f7fafd, #d9e9f7);
    background: -webkit-gradient(linear, left top, left bottom, from(#f7fafd), to(#d9e9f7));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7fafd', endColorstr='#d9e9f7'); 
}

.footer-dev{
    float: left;
    margin: 3px 0px 0px 20px;
    font: 11px Arial;
    color: #8fbde7;
}

.footer-dev a{
    text-decoration: underline;
    color: #8fbde7;
}

.nav-links{
    text-decoration: none;
    color: #518CB1;
    font: 12px Arial;
    text-decoration: underline;
}

.contact{
	height: 170px;
	width: 180px;
	margin: 0px 0px 0px 15px;
}

.contact-header{
	height: 19px;
	border: 1px solid #cee1f7;		
	border-bottom: 0px solid;
	border-radius: 6px 6px 0px 0px;
	text-align: center;
	padding-top: 1px;
	font:13px Arial;
	color: #6a6a6a;
	background-color: #edf4fc
}

.contact-content{
	height: 155px;
	border: 1px solid #cee1f7;	
	padding: 5px 0px 0px 5px;	
	color:#5e5e5e;
}