/* the appropriate background class will be applied based on class attached to the body */
body {
margin: 0;
padding: 0;
font:100%/1.125em 'Lucida Grande',Verdana, Helvetica, sans-serif;
color:#333;
}
body p {
font:0.95em 'Lucida Grande',Verdana, Helvetica, sans-serif;
}
#threeColLayout {
}
#twoColLayout {
background: #ffffff url(../images/background.gif) repeat-x ;
}
#oneColLayout {
}
/* default links */
a:link {
background-color: transparent;
text-decoration: underline;
color: #666;
}
a:hover {
text-decoration: underline;
color:#990000;
}
a:visited {
background-color: transparent;
text-decoration: underline;
color: #666
}
/* headings here 
-------------------------------------------*/
h2 {
padding: 2px;
font-size: 130%;
color: #5E96C2;
background: #E5E2A9;
}
/* and then these h3 statements, unique to whichever section has been attached above, will give the headers the appropriate background color 
---------------------------------------------------------------------------------------------------------------------------------------------*/
h3 {
text-transform: uppercase;
display: inline;
font-size: 92%;
margin: 10px 5px 0 5px;
color:#5E96C2;
}
.default h3 {
background: #F6CE45;
}
.careers h3 {
background: #F762E0;
}
.one_man h3 {
font-size: 110%;
background: #B18FD1;
}
.interviews h3 {
font-size: 110%;
background: #D7D493;
}
.profiles h3 {
background: #C4DDB8;
}
/* LAYOUT  - main wrapper center the layout
----------------------------------------------------------------------------------*/
#wrapper {
width:750px;
margin:0 auto;
background: #f6f7f7 url(../images/wrapper_bg.gif) repeat-x ;
}
#header {
width: 750px;
height: 170px;
background:url(../images/header.gif);
}
#header h1 {
margin:0;
padding:30px;
font-size: 150%;
color: #FF0000;
text-indent: -9000px;
}
/*COLUMNS - Default; primary, secondary and side columns 
-----------------------------------------------------------------------------------*/
#primaryContent {
float:left;
width:750px;
display:inline;
margin: 10px 0 10px 0;
}
#secondaryContent{
float:left;
width:270px;
margin: 0 0 10px 15px;
}
#sideContent{
float:left;
width:180px;
margin: 0 0 10px -750px;
}
/* NOTE: by specifying threeColLayout in the body will activate the following div instead of the default primaryContent. */
#threeColLayout #primaryContent {
float:left;
width:270px;
margin: 10px 0 10px 195px;
}
/* NOTE: by specifying twoColLayout in the body will activate the following div instead of the default primaryContent.
         at the same time you turn off secondaryContent */
#twoColLayout #primaryContent {
width:555px;
float:left;
margin: 10px 0 10px 195px;
}
#twoColLayout #secondaryContent {
display: none;
}
/* NOTE: by oneColLayout you turn off secondaryContent and sideContent */
#oneColLayout #secondaryContent, 
#oneColLayout #sideContent {
display: none;
}
#footer{
clear:both;
width: 750px;
height: 64px;
padding: 0px;
text-align:center;
background: transparent url(../images/footer.gif) no-repeat bottom center;
font-size:0.80em;
}
#footer p {
padding-top:10px;
}
/* CSS for the round boxes 
__________________________________________________________________ */
.box {
width:550px;
margin-right:5px;
background:#fff url(../images/top_left.gif) no-repeat top left;
}
.box h2 {
background:url(../images/top_right.gif) no-repeat top right;
padding:20px 15px 15px 15px;
margin:0;
text-decoration:underline;
}
.box h3 {
padding-left:5%;
display:block;
margin-top:5px;
text-transform: uppercase;
}
.list {
padding-left:10%;
list-style-type:circle;
margin:0;
}
.boxBody {
background:url(../images/right_border.gif) repeat-y top right;
margin-top:-1.5em;
padding-top:15px;
}
.boxBody p {
margin:10px 0 0 0;
}
.boxFooter {
background:url(../images/bottom_left.gif) no-repeat bottom left;
}
.boxFooter p {
background:url(../images/bottom_right.gif) no-repeat bottom right;
margin:-1.5em 0 0 0;
padding:5% 0 5% 0;
display:block;
text-indent: -9000px;
}
.box h2, .box p {
padding-left: 5%;
padding-right:5%;
}
/* css for square box
______________________ */

.sideBox {
margin:15px 0 0 10px;
padding:5px 0 5px 0;
background:url(../images/diag.gif);
font:0.89em 'Lucida Grande',Verdana, Helvetica, sans-serif;
text-align:center;
}
.sideBoxInner {
clear:both;
width:160px;
margin:5px auto;
padding:10px 0 5px 0;
background:#fff;
text-align:left;
}
.sideBoxInner h3 {
text-align:center;
border-bottom: 1px solid #EDEAEB;
display:block;
}
.sideBoxInner address {
font-size:0.85em;
text-align:center;
}
.sideBoxInner p {
font-size:0.83em;
text-align:center;
}
/* CSS for the boxes ends here */

/* menu 
_____________________________________________________ */
.sideBoxInner ul {
list-style-type: none;
margin-top: 0;
margin-left: 0;
margin-bottom: 0;
padding: 3px;
}
.sideBoxInner li a:link {
color:#333;
line-height:150%;
display:block;
text-decoration: none;
border-bottom: 1px solid #EDEAEB;
}
.sideBoxInner li a:active {
color:#333;
line-height:150%;
display:block;
text-decoration: none;
border-bottom: 1px solid #EDEAEB;
}
.sideBoxInner li a:hover {
color:#990000;
line-height:150%;
display:block;
text-decoration: none;
border-bottom: 1px solid #EDEAEB;
}
.sideBoxInner li a:visited {
color:#999;
line-height:150%;
display:block;
text-decoration: none;
border-bottom: 1px solid #EDEAEB;
}
address {
padding:5px;
font-size:0.96em;
}