html,body
{
    margin:0;
    padding:0;
    height: 100%;
}

html
{
    background-color:rgb(240,250,250);
    background: linear-gradient(rgb(245,255,255), rgb(210,250,240), rgb(210,250,240), rgb(245,255,255));
 
}

body
{

}

header
{
    overflow:hidden;
    width:100%;
}

footer
{
    
    bottom:0px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    background-color:rgb(245,255,255);
    height:125px;
}

#mainContainer
{
    width:80%;
    background-color:white;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:50px;
    padding:10px 10px 70px 10px;
    overflow:hidden;
    min-height: 100%;
	/*margin: 0 auto -100px;*/
}

#mainMenu
{
    background: linear-gradient(rgb(195,245,235), rgb(250,255,255));
    /*background-color:rgb(190,240,230);*/
    padding: 100px 15px 15px 15px;
	margin: 0 10px 0 10px;
    border-width: .1px;
    border-style: solid;
    border-image: linear-gradient(to bottom, black, rgb(250,255,255)) 1;
	overflow:hidden;
}

#mainMenu a
{
    color:rgb(25,35,25);
    text-align: center;
    text-decoration: none;
	width:100px;
	padding:5px;
	border:1px solid black;
	margin:3px;
	float:left;
	background-color:rgb(225,255,245);
	font-size: 150%;
}

#mainMenu a:hover
{
    color:black;
    background-color:rgb(235,250,245);
    font-size:160%;
    padding:3.5px 5px 3.5px 5px;
}

#personMenu
{
    float:right;
}

#personMenu a
{
    color:rgb(0, 102, 204);
    text-decoration: none;
    margin:3px;
    padding-right:8px;
}

#personMenu a:hover
{
    color:rgb(0, 53, 136);
}

div.div1
{
    float:left;
	width:48%;
    margin:20px 0 0 10px;
}
div.img
{
    float:right;    
}
div.div2
{
 	float:left;
	width:22%;
	margin: 20px 0 0 10px;
	padding:0 10px 0 10px;
	border-left: 1px solid black;
    border-right: 1px solid black;
}
div.div3
{
    float:left;
    margin: 20px 10px 0 10px;
    width:22%;
}

a.detailedLink
{
    float: left;
    text-decoration: none;
    color:black;
    background-color:rgb(240,250,255);
    border:1px solid black;
    font-size:120%;
    width:90%;
    padding:5px;
    margin: 20px 50px 3px 50px;
}
a.detailedLink img
{
    float:left;
    width:250px;
    height:180px;
    padding-right:10px;
}
div.inputContainer
{
	border: 1px solid rgb(150,180,180);
	margin-bottom: 5px;
	padding: 10px;
}
div.inputContainer:hover
{
	background-color: rgb(245,245,245);
}
div.inputContainer:hover label
{
	color: black;
}
div.inputContainer:hover input
{
	border-color: black;
}
div.inputContainer label
{
	display: block;
	width: 200px;
	float: left;
	color: rgb(50,50,50);
}
div.inputContainer input
{
	border: 1px solid rgb(100,100,100);
}
div.inputContainer select
{
	margin-right: 10px;
    border: 1px solid rgb(100,100,100);
}