/* CSS Document */
body{ background:#f0a12c; font-family:"Century Gothic"; margin:0; padding:0;}
.totalarea{ width:100%; margin-top:-20px; *margin-top:0;}
.container{ width:950px; clear:both; margin:0 auto; overflow:hidden;}
.relation{float:right;}
.column{ float:left;}
.totalheader{ height:116px;}
.topheader{ height:103px; background-color:#FFFFFF;}
.bottomheader{ background:url(images/bottom-curve.png) no-repeat 0 0; height:13px;}
.logo{ padding:10px 0 0 20px; width:400px; float:left}
.top_rightside { float:right; width:320px; margin-top:40px} 
.detail h2{ font-family:"Century Gothic"; color:#bb262d; font-size:24px; font-weight:bold; text-align:left; padding:0px 0 0 20px; margin:0;}
.detail p{ color:#333333; font-family:"Century Gothic"; font-size:14px; font-weight:normal; text-align:justify;  padding:20px 30px 0 20px; margin:0;}
.leftside{ width:236px; float:left;}
.rightside{ width:713px; float:right; margin-top:-7px;}
.totalmidarea {background: url(images/mid_bg.png) repeat-y 0 0; width:950px; clear:both; margin-top:5px}
.topmidearea, .bodymidarea, .bottommidarea {width:950px; position:relative; clear:both; display:block; margin:0 0 0 0}
.topmidearea {background: url(images/top-body.png) no-repeat 0 0; height:14px;}
.bodymidarea{background: url(images/mid_bg.png) repeat-y 0 0;}
.bottommidarea {background: url(images/bottom-body.png) no-repeat 0 0; height:14px;}
.onlybutton{ margin:20px 0 0 0; clear:both;}
.rolesbutton{ margin:0px 0px 0 27px; float:left;}
.rolesbutton a{ display:block; background:url(images/roles_button.png) no-repeat 0 0; width:244px; height:61px;  }
.rolesbutton a:hover{ display:block; background:url(images/roles_button.png) no-repeat 0 -62px; width:244px; height:61px; }
.rusumebutton{ margin:0px 0px 0 20px; float:left;}
.rusumebutton a{ display:block; background:url(images/resume_button.png) no-repeat 0 0; width:249px; height:61px;  }
.rusumebutton a:hover{ display:block; background:url(images/resume_button.png) no-repeat 0 -61px; width:249px; height:61px; }
.navigation{  width:196px; padding:5px 0 0 20px;} 
.navigation a{ background:url(images/left-nav.png) no-repeat 0 0; margin-bottom:5px; }
.navigation a:hover, .navigation a.selected{background:url(images/left-nav.png) no-repeat 0 -25px;}
.navigation a, .navigation a:hover{ display:block; width:196px; padding:4px 0 4px 25px; color:#ffffff; font-family:"Century Gothic"; font-size:14px; text-decoration:none; font-weight:bold; text-transform:uppercase}
.totalfooter{ margin:5px 0 20px 0; }
.topfooter{ background:url(images/top-curve.png) no-repeat 0 0; height:13px;}
.midfooter{ background-color:#FFFFFF; min-height:20px; text-align:center; font-size:12px;}
.midfooter a, .midfooter a:hover{ color:#333333; font-family:"Century Gothic"; font-size:14px; font-weight:normal; text-align:center; text-decoration:none;}
.bottomfooter{ background:url(images/bottom-curve.png) no-repeat 0 0; height:13px;}