/*SQLpark*/

#wholepage
{
   background-color: #427194;
   width: 100%;
}

#container
{
   width: 970px;
   min-width: 200px;
   padding: 0px 0px 0px 0px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   background-color: #427194;
   color: #427194;
}

#socialMedia
{
   width: 100%;
   height: 65px;
   text-align: left;    
}

#socialMedia ul
{ 
   height: auto;
   padding-top: 10px;
   margin: 5px; 
}

#socialMedia li
{
   display: inline;
   padding: 5px; 
}

#socialMedia li a
{
   text-decoration: none;
   padding: 2px;
   border-color: #427194;
   border-radius: 20px;
}

#header
{
	width: 100%;
	height: 130px;
	background-color: #e6e7e8;
}

#brandName
{
   padding-right: 10%;
   padding-top: 15px;
   padding-bottom: 10px;
}

#mainContent
{
   display: inline-block;
   float: right;
   width: 84%;
   padding: 0px 2px 0px 22px;
   background-color: #c0d6e4;
}

#menu
{
   float: left;
   margin-top: 0px;
   width: 13%;
   padding: 2px 0px 5px 5px;
   background-color: #427194;
}

#menu ul 
{
   list-style-type: none;
   margin: 0;
   padding: 2px 2px 10px 2px;
   width: 120px;
   text-align: center;
   background-color: #427194;  
}

#menu li a 
{
   display: block;
   color: #e6e7e8;
   height: 30px; 
   padding-top: 10px;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif, Verdana;
   font-size: 120%;
}

#menu li a:hover
{
   background-color: #e6e7e8;
   color: #427194;
}

#leftContent
{ 
   float: left;
   width: 37%;
   padding-top: 15px;
   padding-left: 3%;
   padding-bottom: 20px;
}

#leftContent ul
{
   list-style-type: none;
   margin: 0;
   padding: 10px 0px 0px 5px;
   text-align: left; 
}

#leftContent li
{
   display: block;
   color: #427194;
   padding-top: 0px;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif, Verdana;
   font-size: 120%;
}

#leftContent li a:hover
{
   color: #e6e7e8;
}

#rightContent
{
   float: right;
   width: 57%;
   padding-right: 10px;
   padding-top: 30px;   
   display: inline-block;	
   text-align: center;
}

.centre
{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

#footer
{
   clear: both;
   background-color: #000;
   color: #427194;
   font-family: Arial, Helvetica, sans-serif, Verdana;
   font-size: 120%;
   padding: 0px 0px 20px 0px;
   height: 110px;
}

#footerLeftContent
{ 
   float: left;
   width: 37%;
   padding-top: 15px;
   padding-left: 3%;
}

#footerRightContent
{
   float: right;
   width: 57%;
   padding-right: 10px;
   display: inline-block;	
   text-align: center;
}

#logoGlass: 
{
   border-image: 30px solid #000;	
   border-radius: 20px;
}

a
{
   color: #427194;
   text-decoration: none;
} 

h1, h4
{
   font-family: Arial, Helvetica, sans-serif, Verdana;
   text-align: left;
}
h2
{
   font-family: Arial, Helvetica, sans-serif, Verdana;
   text-decoration: underline;
   text-align: center;
}

p, dl
{
   font-family: Arial, Helvetica, sans-serif, Verdana;
   text-align: left;
   font-weight: 500;
}

form
{
   clear: both;
   padding: 10px;
   background-color: #c0d6e4;
}

label
{
   float: left;
   width: 100px;
   display: block;
   clear: left;
   text-align: right;
   padding-right: 10px;
   margin-top: 10px;
}

#logic input
{
   margin-top: 10px;
   display: block;
}

#mysubmit
{
   margin-left: 110px;
}
</style>