@charset "utf-8";
/* CSS Document */

/******** General Classes *********/
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/page_bg.jpg) repeat-x; }

body.op{font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/backgrnd.jpg) repeat-x;}
* { margin:0; padding:0; }

ul, li, ol { margin:0px; padding:0px; list-style-type:none; }

h1, h2, h3, h4, h5, h6 { font-family:"Times New Roman", Times, serif; font-weight:normal; }

img, input { border:none; float:left; outline:none; padding:0px; margin:0px; }

a { outline:none; border:none; text-decoration:none; }

.FloatLeft { float:left }

.FloatRight { float:right }

.display { display:none; }


/******** Outer Wrapper ********/

#OuterWrapper { margin:0 auto; width:722px; }

#OuterWrapper #pageBg{ float:left; width:722px; height:479px; background:url(../images/bg_page.jpg) no-repeat;}

#pageBg #logoBox{float:left; width:305px; height:92px; padding:45px 0 0 208px; overflow:hidden;} 
#logoBox #logo{ float:left; width:305px; height:92px; background:url(../images/logo.png) no-repeat;}
#OuterWrapper  #approLogo{ float:left; width:523px; height:122px; background:url(../images/appro_logo.jpg) 218px 30px no-repeat;}
#pageBg #boxBelow{ float:left;width:404px; height:21px; padding:13px 0 0 158px; overflow:hidden;}
#boxBelow #belowLogo{ float:left; width:404px; height:21px; background:url(../images/young.png) no-repeat;}

#pageBg #boxComing{ float:left;width:176px; height:18px; padding:37px 0 0 276px; overflow:hidden;}
#boxComing #coming{ float:left; width:176px; height:18px; background:url(../images/coming_soon.png) no-repeat;}

#pageBg #inBox{ float:left;width:535px; height:198px; padding:38px 0 0 94px; overflow:hidden;}
#inBox #box{ float:left; width:535px; height:198px; background:url(../images/box.png) no-repeat; overflow:hidden;}
#box h1{float:left; font-size:20px; color:#FFF; font-family:Arial, Helvetica, sans-serif; padding:12px 0 0 21px; font-weight:bold; line-height:20px;}
#box #innerBox{float:left; width:405px; height:117px; padding:45px 0 0 31px; background:url(../images/inner_box.jpg) 28px 34px  no-repeat;}
#innerBox .text1{ border:none; float:left; height:30px; width:390px;border-color:#a4bdc6; font-size:16px; color:#747474; font-weight:bold; padding: 0px 0 0 10px; background:none; line-height:30px; }
#box #InnerBut{ float:left; width:61px; height:48px; padding:35px 0 0 8px;}
#InnerBut #button{ float:left; width:61px; height:48px; background:url(../images/button.jpg) no-repeat;}
#InnerBut #button a{ float:left; width:61px; height:48px; color:#FFF;}


#footer{ float:left; width:722px; height:72px; background:url(../images/footer_bg.jpg) no-repeat;}
#foot{ float:left; width:722px; height:72px; background:url(../images/bg_footer.jpg) no-repeat;}
#footer ul{ float:left; width:500px;height:auto; padding:10px 0 0 254px;}
#footer ul li{float:left; width:auto; font-size:13px; color:#000; padding: 0 0 0 5px; font-weight:bold;}
#footer ul li a{float:left; width:auto; font-size:13px; color:#a73f30; font-weight:bold;}
#footer ul li a:hover{ text-decoration:underline;}
#footer p{ float:left; width:722px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8f9090; padding:5px 0 0 0;}
#foot ul{ float:left; width:500px;height:auto; padding:10px 0 0 254px;}
#foot ul li{float:left; width:auto; font-size:13px; color:#000; padding: 0 0 0 5px; font-weight:bold;}
#foot ul li a{float:left; width:auto; font-size:13px; color:#a73f30; font-weight:bold;}
#foot ul li a:hover{ text-decoration:underline;}
#foot p{ float:left; width:722px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8f9090; padding:5px 0 0 0;}

/*** Opportunities page ***/
#OuterWrapper  #content{ float:left; width:722px; height:auto; padding:17px 0 0 0;}


#content #topBox{ float:left; width:722px; background:url(../images/top_box.jpg) left top no-repeat; }
#content #btmBox{ float:left; width:722px; background:url(../images/bottom_box.jpg) left bottom no-repeat; padding:0 0 60px 0; }
#btmBox h1{ float:left; width:680px; font-size:18px;color:#505050; padding:45px 0 7px 42px; font-weight:bold;}
#btmBox p{ float:left; width:648px; font-size:13px; color:#505050; padding:25px 0 0 42px; }
#btmBox ul{ float:left; width:680px; padding:0px 0 0 42px;}
#btmBox ul li{ float:left; width:652px; background:url(../images/tick.jpg) left 7px no-repeat;font-size:13px; color:#505050; padding:0 0 0 20px; line-height:22px;}
#btmBox a { float:left; width:500px; padding:22px 0 0 42px; color:#00F;}
#btmBox a:hover{ text-decoration:underline;}