Cascading Style Sheet
To get started with branding use this CSS as a guide style.css to complete the look and feel of a Career Section.
body{background-color:#FFF; margin:0;font-family: Verdana,Helvetica,Arial,Tahoma,sans-serif; color:#000; font-size:11px;}
#textcontent a,#textcontent2 a{color:#000;}
a{color:#0B5500;}
#main{width:800px; margin:0 auto; background-color:#FFF; text-align:left;}
#content{ margin:0 10px;}
#rightlist{ position:absolute; left:370px;top:449px; width:210px;}
/*** Head menu ***/
#head{position:relative;}
#headmenu{height:20px;}
#headmenu ul{ list-style:none; margin:0;padding:0;height:20px;}
#Logo{clear:both;}
#headmenu ul li{border-right: 1px solid #80C31A; float:right; margin-left:60px; padding-right:5px; padding-top:5px;}
#headmenu ul li a{display:block; font-size:10px; font-family: Helvetica,Verdana,Arial,Tahoma,sans-serif; color:#000; text-decoration:none; font-weight:bold;}
#menucustomer{visibility:hidden; position:absolute; left:510px;top:20px; width:150px; height:auto;}
/*** end head menu ***/
/*** menu ***/
#menu{height:35px;}
#menu ul{ padding:5px 0 0 0; list-style:none; margin:0;}
#menu ul li{float:left; margin-right:20px;}
#menu ul li a{text-decoration:none; color:#666; font-size:11px; font-family: Helvetica,Verdana,Arial,Tahoma,sans-serif; font-weight:bold;}
/*** end menu ***/
/*** footer ***/
#footer{margin-top:10px; padding:0 0 5px 0; visibility:hidden; width:780px; height:50px;}
#footercontent{ background-color:#666; height:30px; position:relative; margin-bottom:3px;}
#footercontent ul{list-style:none; margin:0 0 0 10px;padding:0;}
#footercontent ul li{color:#FFF; margin-right:10px; font-size:9px; line-height:30px; float:left;}
#footercontent ul li a{color:#FFF; font-size:9px; text-decoration:none;}
#footer p{text-align:right; font-size:9px; color:#666; margin:0;}
#arianne{ border-top:1px solid #B2B2B2; height:10px; display:block;}
#centerpage{}
/*** left menu ***/
#menuleft{float:left; overflow: hidden; width:117px;}
#menuleft ul li a{display:block;width:117px;}
#menuleft ul li.done ul li a{width:108px;}
#menuleft ul li._current ul li a{width:108px;}
/*** content ***/
#textcontent{margin:0 0 0 135px; width:425px;}
#textcontent2{margin:0 0 0 5px; float:left; overflow: hidden; position: relative; width: 655px;}
#endcontent2{clear:both;}
#textcontentNoMenu{margin:0 220px 0 0px;}
#textcontent2NoMenu{margin:0 100px 0 0px;}
/*** Left menu ***/
#menuleft ul, #menuleft ul li ul{list-style:none; margin:0; padding:0;}
#menuleft div.submenu ul
#menuleft ul li{font-size:10px; line-height:12px; width:117px; margin-bottom:3px;}
#menuleft div.submenu ul li{margin:0 0 2px 0; font-size:10px; line-height:12px;}
#menuleft ul li a{display:block; padding:4px 5px; color:#FFF; text-decoration:none; background-color:#000;}
#menuleft ul li.done a{ background-color:#000;}
#menuleft ul li._current a{ background-color:#000;}
#menuleft div.submenu ul li a{background: 4px 6px no-repeat; padding-left:12px; display:block; color:#666; padding-top:2px;}
#menuleft div.submenu ul li.done a{padding-left:12px; display:block;}
#menuleft div.submenu ul li._current a{padding-left:12px; display:block;}
/*** text elements ***/
#textcontent h1,#textcontent2 h1{margin:0; font-size:14px;}
#textcontent h1.lp, #textcontent2 h1.lp{ background-repeat: no-repeat; color: white; font-size:13px; font-weight: bold; width:658px; margin: 0 0 5px; padding-top: 2px; padding-bottom: 2px; padding-left:49px;}
#textcontent h2,#textcontent2 h2{margin:10px 0 0 0; font-size:12px;}
#textcontent h3,#textcontent2 h3{margin:10px 0 0 0; font-size:12px;}
/*** hover menu ***/
#company a:hover{color:#80C31C;}
#solutions a:hover{color:#0099CC;}
#services a:hover{color:#003366;}
#customers a:hover{color:#FF9900;}
#alliances a:hover{color:#005967;}
#research a:hover{color:#660000;}
#news a:hover{color:#D74B00;}
#careers a:hover{color:#006600;}
#menu ul li.done a{color:#006600;}
#menuleft ul li a{background-color:#009900;}
#menuleft ul li.done a{ background-color:#009900;}
#menuleft ul li.done ul li a{ background-color:#FFF;}
#menuleft ul li ul li a{background-color:transparent; border:1px solid #FFF;}
#menuleft ul li ul li.done a,#menuleft ul li.done ul li a:hover{border:1px solid #009900; padding-left:12px; display:block; color:#009900;}
#menuleft ul li ul li.done ul li a,#menuleft ul li ul li.done ul li a:hover{color:#009900; border:none; padding-left:20px;}
/*** text elements ***/
#textcontent h1{color:#009900;}
#textcontent h2.head,#textcontent2 h2.head{background-color:#bfd9bf; color:#009900; border-bottom:2px solid #99c299;}
#textcontent p.head{background-color:#E8F1E8;}
#textcontent h1.lp, #textcontent2 h1.lp{width: 700px; height: 17px; background-color: #009900;}