/*-----------------------------------------------------------------------------------------------
CSS for G-mac, designed and built by Neil Milliken for Easyspace, please do not copy, but if u do give me a nod, thanks. 
------------------------------------------------------------------------------------------------*/


/*--------FOR IE 6 AND UNDER ONLY --------*/

/*-------------END-----------------*/

body {
font-family:  "Arial", "Verdana", "Tahoma";
font-size: 12px;
color: #666;
background-color: #fff;  
margin: 0px;
padding: 0px;
}

#outer {
width:100%;
height: 100%;
position:relative;
padding: 0;
margin-top: 0px;
margin-left:auto;
margin-right:auto;
background-color: #fff;
}

#banner {
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
background-color: #b5d107;
width: 100%;
height: 100px;
margin-left: 0px;
margin-top: 0px;
float:left;
}

/*-------the link section------*/


a:link, a:link, a:visited {
color:#a3bd04;
}

a:hover {
color:#a3bd04;
text-decoration: underline;
}

a:active {
color:#a3bd04;
}


/*----------------------------------------------------------------------------------------------                                 The MENU section                                              ----------------------------------------------------------------------------------------------*/


.menu{
margin: 0px;
padding-top: 0px;
margin-left: 12px;
width: 617px;
height: 22px;
border-bottom: 1px solid #ccc

}


.menu ul{
margin-top: 0px;
margin-left: 0;
margin-right: 0;
margin-bottom: 1em;
padding-right: 12px;
padding-top: 0px;
float: left;
width: 623px;
}

* html .menu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

.menu ul li{
display: inline;

}

.menu ul li a{
float: right;
color: #333;
font-weight: bold;
padding: 2px 24px 4px 24px;
text-decoration: none;
border: 1px solid #ccc;
background-color:#ccc;
margin-right: 6px;
}

.menu ul li a:hover{
font-weight: bold;
padding: 2px 24px 4px 24px;
text-decoration: none;
border: 1px solid #ccc;
background-color:#FFFFFF;
}

#current
{
color: #666;
border: 1px solid #ccc;
background-color:#FFFFFF;
}

.clear {
clear:both;
}

/*----------------------------------------------------------------------------------------------                                         Content Section ----------------------------------------------------------------------------------------------*/

h1 {
font-size:16px;
color: #1B7B9C;
}

h2 {
font-size:14px;
}

#flash {
margin-left: 0%;
margin-right: 0%;
z-index: 100;
}

#content {
height: 100%;
text-align:justify;
margin-left:20%; 
margin-right:20%;
position:relative;
padding-top: 12px;
}

#imagehead {
background-image:url(../images/top.jpg);
background-repeat:no-repeat;
width: 600px;
hight: 24px;
}

#footer {
width:100%;
height: 100%;
margin-left: 0px; 
margin-top: 131px; 
padding: 0px;
text-align:center;
font-weight:normal;
background-color:#b5d107;
}


#footertext{
width:100%;
padding-top: 4px;
text-align:center;
font-weight:normal;
color:#FFFFFF;
}