/* This page was designed using Andreas Viklund's "andreas08" CSS layout as a starting point.  Please find the original layout below. */
/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */



/**************** Branding colors ********************/

.color_one{background: #ffa834;}
.color_two{background: #ffc35c;}
.color_three{background: #ff9adc;}
.color_four{background: #ff9ae6;}
.color_five{background: #ff9a4e;}

/**************** Text styles *****************/
a{
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}

a img{border:none;}

a.subtle{
color:inherit;
text-decoration:inherit;
background:inherit;
font:inherit;
}

a.subtle:hover{
color:inherit;
text-decoration:inherit;
background:inherit;
font:inherit;
}

p{padding:0 0 1.5em 0;}

italic{font-style:italic;}
p strong{font-weight:bold;}
p emphasis{font-weight:bold;}


/**************** Body styles ****************/

*{margin:0; padding:0;}

body{
text-align: center;

font: 9pt Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;

color:#333;
background-color:#e8eaec;
}

#container{
width:760px;

margin:20px auto;
border:2px solid #aaa;
padding:1px 0;

background:white url('logo-white.png') no-repeat scroll 475px -130px;

text-align:left;
}

/**************** Header styles ****************/

#header{
height:110px;
width:758px;
margin: 0 1px 1px 1px;

overflow:hidden;

color:#80b0da;
}

#header h1{
padding:35px 0 0 20px;

font-size:2.4em;
letter-spacing:-2px;
font-weight:normal;
}

#header h2{
margin: 10px 0 0 40px;

font-size:1.4em;
color:#aaa;
letter-spacing:-1px;
font-weight:normal;
}

/**************** Navigation styles ****************/

#navigation{
height:2.2em;
width:758px;
margin:0 1px;

background:#80b0da url('logo-80b0da.png') no-repeat scroll 474px -241px;
overflow:hidden;
}

#navigation li{
float:left;
border-right:1px solid white;
line-height:2.2em;
list-style-type:none;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;

font-size:0.8em;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;

background-color:inherit;
color:white;
}

#navigation .selected{background:#80b0da;}
#navigation a:hover{background:#6090ba;}

/**************** Content styles ****************/

#content{
float:left;
width:94%;
padding:20px;

color:#555;
}

.box{
width:250px;

margin:2.5em;
border:1px solid #ccc;
padding:1em;

background-color:#fafbfc;
}

.box.right{float:right;}

#content h1{
display:block;
margin:0 0 1.5em 0;
font-weight:normal;
font-size:1.8em;
letter-spacing:-1px;
}

#content h2{
margin:1.2em 0 .2em 0;
font-weight:normal;
font-size:1.3em;
}

#content h3{
font-size:1em;
}

#content h4{
font-size:1em;
text-indent:2em;
}

#content .employer{
/*
margin:0; text-indent:2em; font-size:1em; font-weight:inherit; font-style:inherit; font-weight:bold; margin:0;
*/
}
#content .employer:after {
content: ".";
}

#content .location{

}
#content .location:after {
content: ".";
}

#content .duration{
display:block;
/*
font-style:italic;
*/
}
#content .duration:after {
content: ".";
}

#content .competency{
/*
font-weight:bold;
font-style:italic;
padding-left:1em;
*/
}

#content ul.indented li{
padding-left:2em;
text-indent:-2em;
list-style-type:none;
}

#content ul.bulleted li{
margin-left:2em;
}

#content a:hover,#subcontent a:hover{text-decoration:underline;}

/**************** Footer styles ****************/

#footer{
clear:both;
width:758px;

margin:0 1px;
padding:5px 0;

background-color:#80b0da;
color:#f0f0f0;
}

#footer p{padding:0; margin:0; text-align:center;}

#footer a{
color:#f0f0f0;
}

#footer a:hover{
color:#fff;
text-decoration: underline;
}