/*
Authors:
Charmaine - Content Artist
Joshua - Web & Graphic Designer
Rene - Implementer
Date Started: March 25, 2010
Date Updated: March 29. 2010
Date Finished: xxxxx
Version: 3.0
*/

/*@ body */
body{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 /*background-color: #e9e4e4;*/
 background-color: #ffffff; 
}

/*@ container */
#container{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 width: 998px;
 font-family: 'Bodoni MT';
 empty-cells: show;
 border-collapse: collapse; 
 background-color: #FFFFFF; 
}

#leftshadow{
 width: 49px;
 background-color: #FFFFFF;  
 /*background-image: url('../images/left-shadow.png');*/
}

#rightshadow{
 width: 49px;
 background-color: #FFFFFF;  
 /*background-image: url('../images/right-shadow.png');*/
}

/*@ table layout */
#layout{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 width: 900px;
 font-family: 'Bodoni MT';
 empty-cells: show;
 border-collapse: collapse;
 background-color: #FFFFFF;  
}

/*@ logo */
#logo{
 margin: 0px auto 0px auto;
 padding: 0px 0px 5px 0px;
 width: 760px;
}

#logo img{
 border: 0px;
}

/*@ actions */
#actop{
 margin: 0px auto 0px auto;
 padding: 0px 0px 5px 0px;
 text-align: right;
 vertical-align: bottom;
}

#actop img{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px;
} 
 
/*@ navlinks  */
#navlinks{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 width: 760px;
 height: 36px; 
 font-family: 'Arial';
 font-size: 10pt;
 color: #1E1E1E;
 background-color: #DFDFDF;
 border: 1px solid #000000; 
}

#navlinks #dropdown{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 36px;
 width: 900px;
 background-color: #F7C502;
}


#navlinks #dropdown ul{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 list-style-type: none;
 text-align: center;
 z-index: 999999;
}

#navlinks #dropdown li{
 margin: 0px 0px 0px 0px;
 padding: 0px 70px 0px 5px;
 float: left;
 display: inline;
 cursor: default;
 font-weight: bold;
 border-width: 0px 1px 0px 0px;
 border-color: #000000;
 border-style: solid;
}

#navlinks #dropdown li img{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px;
 font-size: 8pt;
}

#navlinks #dropdown a{
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px; 
 text-decoration: none;
 font-family: Arial;
 font-size: 10pt;
 font-weight: bold;
 color: #1E1E1E;
 display: block;
 font-weight: bold;
}

#navlinks #dropdown a:hover{
 background-color: #F7C502;
}

#navlinks #dropdown  li ul{
 display: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-width: 1px 1px 1px 1px;
 border-style: solid;
 border-color: #F7C502; 
}

/* Drop Down LI:HOVER UL */
#navlinks #dropdown li:hover ul{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 visibility: visible;
 display: block;
 color: #1E1E1E;
 font-family: Arial;
}

/* Drop Down LI LI */
#navlinks #dropdown li li{
 background-color: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 clear: both;
 text-align: left;
 color: #000000;
 font-family: Arial; 
 width: 270px;
 border: 0px solid #F7C502;
}

#navlinks #dropdown li li.alinks{
 width: 210px;
}

#navlinks #dropdown li li.inlinks{
 width: 215px;
}

#navlinks #dropdown li li.rlinks{
 width: 110px;
}

/* Drop Down LI LI A */
#navlinks #dropdown li li a{
 margin: 0px 0px 0px 10px;
 padding: 0px 0px 0px 0px;
 text-decoration: none;
 display: block;
 color: #000000;
 font-family: Arial;
 font-weight: normal; 
}

/* Drop Down LI LI A:HOVER */
#navlinks #dropdown li li a:hover{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 10px;
 text-decoration: none;
 display: block;
 color: #000000;
 font-family: Arial;
 background-color: #F7C502;
 font-weight: bold;  
}

/*@ banner  */
#banner{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-width: 1px 1px 1px 1px;
 border-style: solid;
 border-color: #000002;
}

#banner img{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px;
 vertical-align: bottom;
}

.hspace{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 46px;
}

/*@ content  */
#content{
 margin: 0px 0px 0px 0px;
 padding: 0px 20px 0px 0px;
 vertical-align: top;
 width: 580px; 
}

#content h2{
 margin: 0px 0px 35px 0px;
 padding: 0px 0px 0px 0px;
 font-family: 'Arial';
 font-size: 13.5pt;
 font-weight: bold;
 /*color: #BE764C;*/
 /*color: #e1822b;*/
 color: #000000;
}

#content h3{
 margin: 15px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 text-align: left;
 /*color: #BE764C;*/
 color: #e1822b;
 font-weight: bold; 
}

#content p{
 margin: 15px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 text-align: left; 
}

#content p.cstud{
 margin: 15px 0px 0px 0px;
 padding: 0px 0px 0px 30px;
 font-family: Arial;
 font-size: 10pt;
 text-align: left; 
}

#content p.center{
 margin: 15px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 text-align: center; 
}

#content p#emailthispage{
 margin: 50px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 text-align: left;
 clear: both;
}

#content p.left{
 margin: 15px 0px 15px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 text-align: left;
 float: left;
}

#content p.right{
 margin: 15px 150px 15px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 text-align: left;
 float: right;
}


#content ul.nltype{
 margin: 15px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 text-align: left;
 list-style-type: none;
}

#content ul.nltype li ul{
 margin: 15px 0px 0px 0px;
 padding: 0px 0px 0px 20px;
 font-family: Arial;
 font-size: 10pt;
 text-align: left;
 list-style-type: disc;
}

#content ul.delist{
 margin: 15px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 text-align: left;
 list-style-type: decimal;
}

#content ul{
 margin: 15px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 text-align: left;
}

#content ul li{
 margin: 0px 0px 0px 35px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 text-align: left;
}

#content li ul{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 text-align: left;
}

#content li li ul{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 text-align: left;
}

#content ul#awdesca{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 8pt;
 text-align: left;
 list-style-type: none;
}

#content ul#awdesca li{
 margin: 0px 0px 0px 30px;
 padding: 0px 25px 0px 10px;
 font-family: Arial;
 font-size: 8pt;
 text-align: left;
 display: inline;
 clear: right;
}

#content ul#awdescb{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 8pt;
 text-align: left;
 list-style-type: none;
}

#content ul#awdescb li{
 margin: 0px 0px 0px 30px;
 padding: 0px 30px 0px 10px;
 font-family: Arial;
 font-size: 8pt;
 text-align: left;
 display: inline;
 clear: right;
}

#content a{
 text-decoration: underline;
 color: #A14921;
}

#content a:visited{
 text-decoration: underline;
 color: #A14921; 
}

#content a:hover{
 text-decoration: underline;
 color: #A14921; 
 font-weight: bold; 
}

#content img{
 border: 0px;
}

#content img.awtora{
 border: 0px;
 margin: 0px 40px 0px 40px;
 padding: 0px 0px 0px 0px; 
}

#content img#pipmic{
 margin: 20px 120px 0px 70px;
}

#content img#opfe{
 margin: 20px 210px 0px 120px;
}

#content img#mred{
 margin: 20px 210px 0px 110px;
}

#content img#topoutsourcer{
 float: right;
 margin: 20px 0px 0px 0px;
}

#content strong.awpos{
 margin: 0px 130px 0px 130px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 text-align: center;
}


/*@ rightnav  */
#rightnav{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 300px;
 text-align: right;
 vertical-align: top;
 border-width: 0px 0px 0px 1px;
 border-style: solid;
 border-color: #000000; 
}

#rightnav img{
 border: 0px;
}

/* contact*/
#rightnav div#contact{
 margin: 10px 0px 15px auto;
 padding: 0px 0px 0px 0px;
 width:264px;
 height:363px;
 /*background-image: url('../images/contact-us-box.png');*/
 background-color: #FFFFFF;
}

#rightnav div#contact form{
 margin: 0px 0px 0px 0px;
 padding: 5px 0px 10px 0px;
 font-family: Arial;
 font-size: 10pt;
 text-align: left;
 /*color: #767475; */
 color#000000;
}

#rightnav div#contact form h2{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: 'Arial';
 font-size: 11pt;
 /*color: #767475;*/
 color: #000000;
}

#rightnav div#contact form h2 strong{
 color: #df6703;
}

#rightnav div#contact form input#nametextfield{
 margin: 12px 0px 0px 22px;
 padding: 0px 0px 0px 0px;
 width: 200px; 
}

#rightnav div#contact form input#phonetextfield{
 margin: 8px 0px 0px 19px;
 padding: 0px 0px 0px 0px;
 width: 200px; 
}

#rightnav div#contact form input#comptextfield{
 margin: 8px 0px 0px 1px;
 padding: 0px 0px 0px 0px;
 width: 200px; 
}

#rightnav div#contact form input#emailtextfield{
 margin: 8px 0px 4px 23px;
 padding: 0px 0px 0px 0px;
 width: 200px; 
}
#rightnav div#contact form input#ospec{
 margin: 0px 0px 2px 0px;
 padding: 0px 0px 0px 0px;
 width: 260px;
}

#rightnav div#contact form input#keyword{
 margin: 0px 0px 2px 0px;
 padding: 0px 0px 0px 0px;
 width: 260px;
}

#rightnav div#contact form input#adword{
 margin: 0px 0px 2px 0px;
 padding: 0px 0px 0px 0px;
 width: 260px;
}

#rightnav div#contact form p#pospec{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 display: none;
}

#rightnav div#contact form p#pkeyword{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 display: none;
}

#rightnav div#contact form p#padword{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 display: none;
}

#rightnav div#contact form textarea{
 margin: 8px 0px 8px 60px;
 padding: 0px 0px 0px 0px;
 width: 200px;
 overflow: hidden;
}

#rightnav div#contact form select{
 margin: 4px 0px 5px 0px;
 padding: 0px 0px 0px 0px;
 width: 263px;
}

#rightnav div#contact form input#sbutton{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 68px;
 height: 29px;
 border: 0px;
 background-image: url('../images/consbutton.png');
 cursor: pointer;
}

#rightnav div#contact form p#sbutton{
 margin: 10px 0px 0px 95px;
 padding: 0px 0px 0px 0px; 
 text-align: left;
 overflow: hidden;
}

div#resdownloads{
 margin: 25px 0px 0px auto;
 padding: 0px 0px 0px 0px;
 background-color: #FFFFFF;
 width: 264px;
}

div#resdownloads h2{
 margin: 0px 0px 0px 0px;
 padding: 3px 0px 0px 4px;
 background-color: #df6703;
 color: #FFFFFF;
 text-align: left;
 font-weight: bold;
 font-size: 10.5pt;
 font-family: 'Arial';
 height: 22px;
}

div#resdownloads p{
 font-family: 'Arial';
 text-align: left;
 color: #000000;
 font-size: 9pt;
 line-height: 18px;
}

div#resdownloads a{
 font-family: 'Arial';
 text-align: left;
 color: #df6703;
 font-size: 9pt;
 text-decoration: none; 
}

div#resdownloads a:hover{
 text-decoration: underline; 
}

div#promotions{
 margin: 25px 0px 0px auto;
 padding: 0px 0px 0px 0px;
 background-color: #FFFFFF;
 width: 264px;
}

div#promotions h2{
 margin: 0px 0px 0px 0px;
 padding: 3px 0px 0px 4px;
 background-color: #df6703;
 color: #FFFFFF;
 text-align: left;
 font-weight: bold;
 font-size: 10.5pt;
 font-family: 'Arial';
 height: 22px;
}

div#promotions p{
 font-family: 'Arial';
 text-align: left;
 color: #000000;
 font-size: 9pt;
 line-height: 18px; 
}

div#promotions a{
 font-family: 'Arial';
 text-align: left;
 color: #df6703;
 font-size: 9pt;
 text-decoration: none; 
}

div#promotions a:hover{
 text-decoration: underline; 
}

/*@ footer */
#footer{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 font-family: 'Arial';
 font-size: 10pt;
 color: #1E1E1E;
 text-align: center; 
 height: 50px;
 vertical-align: middle; 
}

#footer p{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: 'Arial';
 font-size: 10pt;
 color: #1E1E1E;
 text-align: center; 
 font-weight: bold;
}
 
#reviews{
 margin: 0px 0px 0px 0px;
 padding: 15px 0px 0px 0px;
 border-width: 2px 0px 0px 0px;
 vertical-align: top; 
 border-style: solid;
 border-color: #D3D3D3; 
 height: 60px; 
}

#reviews img{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px;
}

#btmlinks{
 margin: 0px 0px 0px 0px;
 padding: 15px 0px 0px 0px;
 font-family: 'Arial';
 font-size: 10pt; 
 vertical-align: top;
 text-align: right;
 border-width: 2px 0px 0px 0px;
 border-style: solid;
 border-color: #D3D3D3; 
 height: 60px; 
}

#btmlinks a{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: 'Arial';
 font-size: 10pt;
 color: #0134CE; 
 text-decoration: none;
 line-height: 25px;
}

#btmlinks a:visited{
 color: #0134CE; 
 text-decoration: none;
}

#btmlinks a:hover{
 color: #0134CE; 
 text-decoration: underline;
}

.w12em ul {
top: 0;
    
  float: left;
  width: 30em;
  margin: 0;
  padding: 0;

}

.w12em li {
  float: left;
  width:15em;
  margin: 0;
  padding: 0;  list-style: none;
}

.w12em ul li{
    margin: 0 !important;
  padding: 0 !important;
}