/* CSS Document */

html, body {
margin:0px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
height: 100%;
}

div#content {
background-color:#FFFFFF;
position: absolute;
top: 50%;
left: 0px;
margin-top: -209px; /* make this half your image/element height */
width:100%;
height:418px;
text-align:center;
float:left;
z-index: 2; 
}

div#containerOuter {
width:960px;
height:418px;
margin:0px auto;
}

div#containerInner {
width:960px;
height:418px;
text-align:left;
float:left;
}

div#greenBox {
margin:0px;
background-color:#AAD01B;
width:100%;
height:50%;
float:left;
z-index: 1; 
}

div#greyBox {
margin:0px;
background-color:#454545;
width:100%;
height:50%;
float:left;
z-index: 1; 
}

div#leftColumn {
width:264px;
height:418px;
float:left;
}

div#midColumn {
width:240px;
height:418px;
float:left;
}

div#menuContainer {
width:238px;
padding:5px;
height:350px;
position:relative;
top:17px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
float:left;
}

.logoImage {
width:264px;
margin-top:143px;
float:left;
}

div#rightColumn {
width:421px;
margin-top:29px;
margin-left:20px;
padding-right:15px;
height:350px;
float:left;
}

/*****  MENU   *****/

.menuList {
margin:0px;
padding:0px;
list-style:none;
}

.menuList2 {
margin-left:24px;
padding:0px;
list-style:none;
}

.menuList li a:link, .menuList li a:visited {
font-size:12px;
margin-top:12px;
margin-left:5px;
padding-left:20px;
text-decoration:none;
color:#666666;
background-position:left;
background-repeat:no-repeat;
background-image:url(images/greyArrow.jpg);
display:block;
}


.menuList li a:hover {
color:#333333;
background-image:url(images/greenArrow.jpg);
display:block;
}

.menuList2 li a:link, .menuList2 li a:visited {
font-size:12px;
margin-top:12px;
margin-left:0px;
padding-left:20px;
text-decoration:none;
color:#666666;
background-position:left;
background-repeat:no-repeat;
background-image:url(images/greyArrow.jpg);
display:block;
}


.menuList2 li a:hover {
color:#333333;
background-image:url(images/greenArrow.jpg);
display:block;
}

.menuListLI {
font-size:12px;
margin-top:12px;
margin-left:5px;
padding-left:20px;
text-decoration:none;
color:#666666;
background-position:left;
background-repeat:no-repeat;
display:block;
}

.greenText {
color:#C1D82F;
}

.smallText {
font-size:10px;
}

.logins {
margin-top:78px;
font-size:12px;
margin-right:5px;
text-align:right;
float:right;
}

.logins a:link, .logins a:visited {
color:#AAD01B;
}

.logins a:hover {
color:#333333;
}

.logins2 {
margin-top:9px;
font-size:12px;
margin-right:5px;
text-align:right;
float:right;
}

.logins2 a:link, .logins2 a:visited {
color:#AAD01B;
}

.logins2 a:hover {
color:#333333;
}

.subs {
margin-top:10px;
height:60px;
width:250px;
font-size:12px;
margin-right:5px;
text-align:right;
float:right;
}