/* CSS Document */

body{
margin:0px 80px 0px 80px;
padding:0;
line-height: 1.5em;
background:#ffffff;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#474747;
}

#topsection{
background: #fff;
height: 108px; /*Height of top section*/
}
.logo
{ width:20%; float:left;  padding:0px; display:block; 
}
.toplink_main { width:80%; float:left; 
}
.toplink{ display:block; width:31%; height:20px; padding:5px;  float:right; background-color:#eff4f7; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#0ab2f1; -moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; text-align:center;
}
.toplink a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#0ab2f1; text-transform:uppercase; text-decoration:none; padding-left:7px; padding-right:7px; 
}
.toplink a:hover { text-decoration:underline; color:#fbad18;
}
.menus_main { width:80%; float:left; margin:15px 0px 0px 0px;
}
.menus { display:block; width:94%;  height:44px;  float:right; text-align:right;  background-color:#fff; 
}

/* Left menu*/

.leftmenu{
margin: 5px 0px 20px 0px;
padding: 0;
width: 100%; /*width of menu*/
border-bottom-width: 0;

}

.leftmenu .menuitem{
background-color: #0ab2f1;
font: normal  15px Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 20px 0px;
padding-left: 10px;
text-decoration: none;
-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;
cursor:help;
}

.leftmenu .menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 20px;
right: 15px;
border: none;
}

.leftmenu a.menuitem:hover{
background-color: #0ab2f1;
}

.leftmenu div.submenu{ /*DIV that contains each sub menu*/
background: #eff4f7;
padding-bottom:10px;
-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;
}

.leftmenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0px;
padding: 0;
}

.leftmenu div.submenu ul li{
border-bottom: 1px solid #dce1e4;
padding:10px;
margin-left:10px;
margin-right:10px;
}

.leftmenu div.submenu ul li a{
display: block;
font: normal 13px Arial, Helvetica, sans-serif;
color: #474747;
text-decoration: none;
padding: 2px 0;

}

.leftmenu div.submenu ul li a:hover{
color: #0ab2f1;
text-decoration:underline;
}
.current{
font: normal 13px Arial, Helvetica, sans-serif;
color: #0ab2f1;
text-decoration:underline;
}
/*left menu end here*/



#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 25% 0 22%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 22%; /*Width of left column in percentage*/
margin-left: -100%;
background: #fff;
}

#rightcolumn{
float: left;
width: 25%; /*Width of right column in pixels*/
margin-left: -25%; /*Set margin to that of -(RightColumnWidth)*/
background:#fff;
}
/* Right menu*/

.rightmenu{
margin: 5px 0px 20px 0px;
padding: 0;
width: 100%; /*width of menu*/
border-bottom-width: 0;

}

.rightmenu .menuitem{
background-color: #0ab2f1;
font: normal  15px Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 20px 0px;
padding-left: 10px;
text-decoration: none;
-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;
cursor:help;
}

.rightmenu .menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 20px;
right: 15px;
border: none;
}

.rightmenu a.menuitem:hover{
background-color: #0ab2f1;
}

.rightmenu div.submenu{ /*DIV that contains each sub menu*/
background: #eff4f7;
padding-bottom:10px;
-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;
}

.rightmenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0px;
padding: 0;
}

.rightmenu div.submenu ul li{
border-bottom: 1px solid #dce1e4;
padding:10px;
margin-left:10px;
margin-right:10px;
}

.rightmenu div.submenu ul li a{
display: block;
font: normal 13px Arial, Helvetica, sans-serif;
color: #474747;
text-decoration: none;
padding: 2px 0;

}

.rightmenu div.submenu ul li a:hover{
color: #0ab2f1;
text-decoration:underline;
}
.rightmenu div.submenu ul li a:active{
color: #0ab2f1;
text-decoration:underline;
}
.rightmenu div.submenu p
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#474747; padding:10px 10px 0px 10px; margin:0px; background: #eff4f7;
}
/*Right menu end here*/
.header{
margin:25px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top:5px;

}

.right_ad_column {
width:90%; padding:5%; margin-bottom:25px; text-align:center; display:block; -moz-border-radius:10px; line-height:16px;  -webkit-border-radius:10px; background-color:#eff4f7;
}


.bodycontent{
margin:25px; /*Margins for inner DIV inside each column (to provide padding)*/
padding:5%; margin-bottom:25px; text-align:left; display:block; -moz-border-radius:10px; line-height:16px;  -webkit-border-radius:10px; background-color:#eff4f7;

}
.bodycontent p { font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:12px; color:#474747; font-weight:normal; line-height:16px; padding:10px 0px; margin:0px -10px;
}
.bodycontent h1 { font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:18px; color:#0ab2f1; font-weight:normal; line-height:normal; padding:0px; margin: -10px; 
}
.bodycontent a { font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:12px; color:#fbac17; font-weight:bold; line-height:16px; text-decoration:none; 
}
.bodycontent a:hover { text-decoration:none; color:#0ab2f1;
}
.tell_friend{
width:90%;
padding:5%; margin-bottom:25px; text-align:left; display:block; -moz-border-radius:10px; line-height:16px;  -webkit-border-radius:10px; background-color:#fbac17;
font: normal  15px Arial, Helvetica, sans-serif;
color: white;
}
.textfield { background-color:#FFFFFF; border:none; font: normal  12px Arial, Helvetica, sans-serif; padding-left:5px; color:#333333; width:210px; height:20px;
}
.tell_friend .smal{
font: normal  10px Arial, Helvetica, sans-serif;
color: white; text-align:left;
}


#footer{
clear: left;
width: 100%;
background: #fff;
color: #474747;
text-align: left;
padding: 4px 0;
}

#footer a{
font: normal  12px Arial, Helvetica, sans-serif;
color: #474747; text-decoration:none; padding-left:15px; padding-right:15px;

}
#footer a:hover{ color:#0ab2f1; text-decoration:none;
}