/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/

* {
margin: 0;
padding: 0;
}

body {	
font-size: 11px;
font-family: helvetica, sans-serif;
color: #708090;
background-color: white;	
}

#email{
font-size:10px;
}

#copyright{
font-size:10px;
color: #CDCCCC;
}

#mbody {
font-size: 11px;
font-family: helvetica, sans-serif;
color: #708090;
background-image:url('project-images/mainpage.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position: 180px 0px; 
background-size:400px;
background-color: white;	
}

a:link { text-decoration: none; color: #778899; }
a:active { text-decoration: none;  }
a:visited { text-decoration: none; color: #829EBF; }
a:hover { text-decoration: underline;  color: #5CADFF; }

a img { border: none; }

a.mtitle:link { text-decoration: none; color: #778899; }
a.mtitle:active { text-decoration: none;  }
a.mtitle:visited { text-decoration: none; color: #778899; }
a.mtitle:hover { text-decoration: underline;  color: #5CADFF; }


#menu {
width: 160px;
/*overflow: auto;*/
top: 10px;
bottom: 0;
left: 10px;
/*position:fixed;*/
z-index:10;
float: left;
/*height: 100%;*/
background-color: #fff;
border: 0;
}

#menu ul {
list-style: none;
margin: 0 0 12px 0;
}


#menu ul li.section-title { 
font-size: 10px;
color: #708090;
font-weight: bold;
}


#txtmayor-main h1 {
max-width: 78%;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size: 15px;

}

#txtmayor-main h2 {
text-align:center;
font-size: 10px;

}

#may-message {
padding-left: 1.5em;
text-indent:-1.5em;
font-size: 10px;
margin-bottom:5px;
}

#txtmayor-main {
padding: 10px 10px 10px 10px;
margin-left:auto;
margin-right:auto;
max-width:500px;
background-color:#ececec;
margin-top:15px;

}


#mpcontent {
/*height: 100%;*/
width: 400px;
/*margin: 0 0 0 180px;*/
position: absolute;
left: 180px;
float: left;
top: 0;
}

#stcontent {
/*height: 100%;*/
width: 600px;
/*margin: 0 0 0 180px;*/
position: absolute;
left: 180px;
float: left;
top: 0;
}
#content {
/*height: 100%;*/ /*comment*/
/*margin: 0 0 0 180px;*/
position:absolute;
left: 180px;
float: left;
top: 0;
}

.container {
padding: 5px 5px 5px 5px;
}

#content p { width: 500px; margin-bottom: 9px; }
#mpcontent p { width: 400px; margin-bottom: 9px; }
#stcontent p { width: 600px; margin-bottom: 9px; }

p {
margin: 3 3 9px 3;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; color: DimGray; }

#img-container	{ margin: 0; padding: 0; z-index:-1; }
#img-container p { width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

#rainbows { display: table; margin: 0 auto; padding: 0;}