/*------------------------------------------------ 
CSS Document - LAYOUT
Created June 01 2005 by BDCG
For: http://www.emealsforyou.com

Site Colors: 
BD2921 Key Red
115079 Blue Main
9CB3BE Blue Sub1
B8C8CF Blue Sub2
D4DCDC Blue Sub3
-------------------------------------------------*/

body {margin: 0; padding: 6px 0 3px 0; font-family: Verdana, Arial, sans-serif; background: #fff;}
html { min-height:100%; margin-bottom:1px; }

/* ----------------------------------------
CONTAINERS
------------------------------------------ */
#wrapper {position: relative;margin: 0 auto; padding: 0; width: 700px; border-bottom: 3px solid #fff;}
* html #wrapper {height: 1px; }

#main-body {width: 700px; margin: 0 0 4px 0; padding: 0; text-align: left; 
background: #fff url('http://www.keystrategies.com/images/bckgrnd.gif') bottom left; 
}
* html #main-body {height: 1px; margin-right: -3px; margin-bottom: 1px;}

/* ----------------------------------------
SECTION - Header
------------------------------------------- */
#header {
width: 100%; 
margin: 0; padding: 95px 0 0 0;
background: #fff url('http://www.keystrategies.com/images/keylogo.gif') no-repeat 0 35px; 
} 
* html #header {height : 1%; margin-right : -3px;  } 

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main-body { clear:left; }
/* End IE5-Mac hack */
/* ----------------------------------------
SECTION - "Column" 1 /Left
------------------------------------------- */

#col-1 {width: 375px;margin: 0 3px 0 0;padding: 0;float: left;}
* html #col-1 {height: 1px;margin: 0 3px -3px 0; }

#tagline {width: 375px; padding: 0; margin:0; background: #fff;} 
* html #tagline {height: 1px;margin: -3px -3px 0 0; }


/* ----------col-1a row top full---------------------- */
#col-1a {width: 375px; margin: 0; padding: 0; background: #115079;}
* html #col-1a {height: 1px; margin: 0 -3px -3px 0;}

/* ----------col-1 row top split1---------------------- */
#col-1aL {width: 275px; margin: 0; padding:0; float: left;background: #115079;
border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
* html #col-1aL {height: 1px;margin: 0 -1px -1px 0;}

/* ----------col-1 row top split2---------------------- */
#col-1aR {width: 98px; margin: 0; padding: 0; float: left; background: #115079;
border-bottom: 2px solid #fff; }
* html #col-1aR {height: 1px;margin: 0 -3px -1px 0; }


/* ----------col-1b row bottom full---------------------- */
#col-1b {width: 289px; margin: 0; padding: 0 30px 12px 30px; background: #115079; color: #fff;}
* html #col-1b {height: 1px; margin: 0 -3px -3px 0;}

/* ----------col-1b row bottom split1---------------------- */
#col-1bL {width: 120px;margin: 10px 0 0 0;padding:0 0 3px 12px;float: left;color: #fff;}
* html #col-1bL {height: 1px;margin: 0 -3px -3px 0; }

/* ----------col-1b row bottom split2---------------------- */
#col-1bR {width: 160px; margin: 10px 0 0 30px;padding: 0 0 0 20px;float: left;color: #fff; }
* html #col-1bR  {height: 1px;margin: 0 0 -3px 27px; }


/* ----------------------------------------
SECTION - "Column" 2 /Right
------------------------------------------- */
#col-2 {width: 241px; margin: 0;padding: 20px 30px 12px 30px;float: left; background-color: #D4DCDC;}
* html #col-2 {height: 1px; margin: 0 -3px -3px 0; }
#col-2design {width: 321px; margin: 0;padding: 0;float: left; background-color: #D4DCDC;}
* html #col-2design {height: 1px; margin: 0 -3px -3px 0; }

/* ----------------------------------------
TEXT FORMATTING
------------------------------------------ */
p, dl, ol, blockquote, form  {font-family: Verdana, Arial, sans-serif;font-size: 11px; line-height: 16px;color: #333;}

p {margin: 6px 0 6px 0;}
p.link {margin: 0;}

p.home  {
font: normal 11px Arial, sans-serif;
color: #333; 
margin: 8px 15px 6px 0;line-height: 130%;
}

p.homeservice  {font: bold 10px Verdana, Arial, sans-serif;line-height: 14px;color: #333;margin: 3px 15px 0 0;}

#col-1 p {color: #fff;}

dl { font-size: 12px; color: #333; line-height: 16px; }
dt { margin: 0 0 3px 0; }
dd { margin: 0 0 10px 0; padding: 0 0 10px 0;}
ol { font-size: 11px; line-height: 16px; }

#col-1 ul{list-style:square;  line-height: 1.6em; font-size: 11px; margin: 0 0 6px 0;padding: 0;}
#col-2 ul{list-style:square;  line-height: 1.6em; font-size: 11px; margin: 0 0 6px 0;padding: 0;}
#col-1 li{color: #fff; margin: 0 0 0 20px; padding: 0;}
#col-2 li{color: #000; margin: 0 0 0 20px;padding: 0;}

/* ----------------------------------------
Article Navigation: Article Page
------------------------------------------ */
#art {list-style:square;  line-height: 1.6em; font-size : 11px; margin: 0 0 6px 0;padding: 0;} 
* html #art{height : 1%; margin : -1px 0 -1px 0;  } 

#art ul a:link, #art ul a:visited {color: #D4DCDC; padding: 0;}
#art li a:hover, #art li a:active {color: #9CB3BE; padding: 0; border-top: 0px none;border-bottom: 0px none;}

#art li a:link, #art li a:visited {color: #115079 ; padding: 0;}
#art li a:hover, #art li a:active {color: #BD2921; padding: 0; border-top: 0px none;border-bottom: 0px none;}


/* ----------------------------------------
HEADER STYLES
------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family: Arial, Verdana, sans-serif;}

h1 {font-size: 18px; color: #000; margin: 0; padding: 50px 0 3px 0;letter-spacing: 1px;} 

h2 {font-size: 24px; text-align: center;letter-spacing: 1px;margin: 0 0 0 370px;color: #000;} 

h3 {padding:0;font-size: 16px; font-weight: bold; text-align: left; letter-spacing: 1px;margin: 12px 0 3px 0;} 
h3#col-1 {color: #fff; } 
h3#col-2 {color: #000; } 

h3.cellheader {margin: 20px 0 0 0;} 
h3.right {margin: 30px 0 0 0;} 

h3 a:link {color: #115079; font-size: 16px; }

h4 {
font: bold 12px Arial, sans-serif; margin: 20px 0 0 0; padding: 0; text-align: left; letter-spacing: 1px;} 

h4 #col-1 {color: #fff;} 
h4 #col-2 {color: #000;} 

h5 {font: bold 12px Arial, sans-serif; padding: 0; text-align: left; letter-spacing: 1px; margin: 3px 0 0 0;} 
h5 #col-1 {color: #fff;} 
h5 #col-2 {color: #000;}
h5.news { margin: 12px 0 0 0;}

cite {font-size: 11px;color: #333;line-height: 13px;font-weight: bold;}
em {font-style: normal;	font-weight: normal;background-color: #ff6;}

img {border: 0px none;padding: 0; margin: 0px;}

/* ----------------------------------------
 LINKAGE
------------------------------------------- */
a:link {color: #115079; background: transparent; text-decoration: none; font-family: verdana, arial, sans-serif;}
a:visited {color: #115079;background: transparent;text-decoration: none;}
a:hover {color: #BD2921;background: transparent;border-top: 1px solid #BD2921;border-bottom: 1px solid #BD2921;text-decoration: none;}
a:active {color: #BD2921; background: transparent; text-decoration: none;}

#col-1 a:link, #col-1 a:visited  {color: #D4DCDC; background: transparent; text-decoration: none; font-family: verdana, arial, sans-serif;}
#col-1 a:hover, #col-1 a:active {color: #BD2921;background: transparent;border-top: 0px solid #BD2921;border-bottom: 0px solid #BD2921;text-decoration: none;}

#col-2 a:link, #col-2 a:visited  {color: #115079; background: transparent; text-decoration: none; font-family: verdana, arial, sans-serif;}
#col-2 a:hover, #col-2 a:active {color: #BD2921;background: transparent;border-top: 0px solid #BD2921;border-bottom: 0px solid #BD2921;text-decoration: none;}

/* ----------------------------------------
NAVIGATON: TOP
------------------------------------------ */
#navcontainer {
float: left; 
display:inline;
width: 100%; 
margin: 0; padding:0;
background: #115079;
border-bottom: 1px solid #115079
} 
* html #navcontainer {height : 1%;  }  

/* -----------------------------   box  ----------------- */

#navcontainer ul {padding: 0; margin: 0; list-style: none; list-style-type:none; list-style-position:outside; } 
* html #navcontainer ul {height : 1%; margin: 0 -3px -1px -3px; } 

#navcontainer li {
line-height : normal; 
padding: 5px 0; margin: 0;
letter-spacing: 1px; 
font: normal 9px Tahoma, verdana, sans-serif;
/* the next 4 lines are magic */
display: block;
float: right;
position: relative;
}
* html #navcontainer li{height : 1%;  margin: 0 -3px -3px 0;} 

/* -----------------------------   li jobs   ----------------- */

#navcontainer li#bank  {display: block; float: right; position: relative;}
* html #navcontainer li#bank {height : 1%; } 

#navcontainer li#bank a {
background-color: #115079 ;
color: #fff;
padding: 5px 7px 5px 48px; margin: 0;
border-left: 2px solid #115079 ;
border-right: 2px solid #fff;
letter-spacing: 1px; 
font: normal 9px Tahoma, verdana, sans-serif;
}
* html #navcontainer li#bank {height : 1%; margin: 0 -1px 0 -1px;} 

#navcontainer li#bank a:hover {
background-color: #D4DCDC ;
color: #115079 ;
text-decoration: none;
padding: 5px 7px 5px 48px;
margin: 0;
border-left: 2px solid #BD2921 ;
border-right: 2px solid #fff ;
border-bottom: 0px;border-top: 0px;
}
/* -----------------------------   li services  ----------------- */

#navcontainer li#services  {display: block; float: right; position: relative; }
* html #navcontainer li#services {height : 1%; margin: 0 -3px -3px 0; } 

#navcontainer li#services a {
background-color: #D4DCDC; color: #115079;
padding: 5px 7px; margin: 0;
border-left: 3px solid #fff;
border-bottom: 0px; border-top: 0px;
letter-spacing: 1px; 
font: normal 9px Tahoma, verdana, sans-serif;
}
* html #navcontainer li#services {height: 1%; margin: 0 0 -3px 0;} 

#navcontainer li#services a:hover {
background-color: #115079 ; color: #D4DCDC;
text-decoration: none;
padding: 5px 7px; margin: 0;
border-left: 3px solid #fff;
border-bottom: 0px; border-top: 0px;
}

/* -----------------------------   li home   ----------------- */

#navcontainer li#active  {display: block; float: right; position: relative; }
* html #navcontainer li#active  {height : 1%; margin: 0 -3px -3px 0;} 

#navcontainer li#active a {
background-color: #BD2921; color: #fff;
padding: 5px 7px; margin: 0;
border-left: 3px solid #fff;
letter-spacing: 1px; 
font: normal 9px Tahoma, verdana, sans-serif;
}
* html #navcontainer li#active {height : 1%; margin: 0 -3px 0 0;} 

#navcontainer li#active a:hover {
background-color: #BD2921; color: #fff;
text-decoration: none;
padding: 5px 7px; margin: 0;
border-left: 3px solid #fff;
border-bottom: 0px; border-top: 0px;
}

#navcontainerclear { display: none; }
html>body #navcontainerclear {display: block;clear: both;}

/* ----------------------------------------
NAVIGATON: FOOTER
------------------------------------------ */

#footer {margin: 0 ; padding: 0; width: 700px; }
* html #footer {height: 1px; margin: 3px 0 0 0;}

#footerbox {float: left; display:inline; margin: 0; padding: 0; text-align: left; background: #115079 ;} 
* html #footerbox {height: 1%; } 

#footerbox ul {
margin: 0; padding: 0;
font: normal 8px Tahoma, verdana, sans-serif;
letter-spacing: 1px; 
list-style-type:none; 
list-style-position:outside;
background: #115079 ;
} 
* html #footerbox ul {height : 1%;  } 


/* -----------------------------   li links   ----------------- */

#footerbox li#links {
padding: 5px 20px 0 0 ; margin:0 23px 0 0;
display: block;
float: right;
position: relative;
color: #D4DCDC; 
background-color: #115079;
}
* html #footerbox li#links {height: 1%; }  

#footerbox li#links a {
padding: 5px 5px 5px 5px; margin:0;
color: #D4DCDC; background-color: #115079 ;
border-right: 1px #fff solid;
}

#footerbox li#links a:hover {
color: #fff;
text-decoration: none;
padding: 5px 5px 5px 5px; margin:0;
border-right: 1px transparent solid;
border-left: 0px #fff solid;
border-top: 0px #fff solid;
border-bottom: 0px #fff solid;

}

/* -----------------------------   li phone----------------- */
#footerbox li#phone {
display: block;
float: right;
position: relative;
background: #D4DCDC; color: #115079;
padding: 5px 4px 4px 4px; margin: 0;
font-size: 9px;
border-left: 4px solid #fff; 
font-weight: bold;

}
* html #footerbox li#phone {height: 1%; margin: 0 -3px 0 -1px;} 

/* -----------------------------   li contact   ----------------- */

#footerbox li#contact  {
background-color: #BD2921;
padding: 4px 0 5px 0; margin: 0;
border-left: 2px solid #fff ;
display: block;
float: right;
position: relative;
}
* html #footerbox li#contact {height : 1%;  margin: 0 0 0 -1px;}

#footerbox li#contact a {
background-color: #BD2921 ;
color: #fff ;
padding: 4px 11px 4px 15px; margin: 0;
border-left: 2px solid #fff;
font-size: 9px;
font-weight: bold;
}

#footerbox li#contact a:hover {
border-bottom: 0px; border-top: 0px; border-left: 2px solid #fff;
background-color: #115079;
color: #fff;
text-decoration: none;
padding: 4px 11px 4px 15px; margin: 0;
font-weight: bold;
}

/* ----------------------------------------------------
 FORMS
----------------------------------------------------*/
form {margin: 0px; padding: 0px;}

select, input {font-size: 11px;}

/* ----------resume page---------------------- */

form#resume {width: 250px;margin:0;}

#resume fieldset {
width: 100%;
border-top: 1px solid #115079;border-left:0px solid #FFFFFF; border-right:0px solid #FFFFFF; border-bottom:0px solid #FFFFFF; 
display: block;
margin: 0;
padding:10px 0 0 0;
line-height: 100%;}

legend {color: #115079;margin: 0; }

#resume fieldset label {clear: both; float: left; display: block; }
#resume fieldset select { position: relative; top: -18px; left: 100px; display: block; }
#resume fieldset input { position: relative; top: -18px; left: 100px; display: block;}

#resume fieldset.radio {border: 0px solid #FFFFFF;margin: 0 0 0 -1em; }
#resume fieldset.radio input {position: static; clear: both; float: left;}

#resume fieldset.radio label {position: relative;display: inline;width: auto;margin: 0 0 0 100px;}
#resume fieldset.radio legend {float: left;}

#resume .text { 
font-size: 11px; 
padding: 0;  margin:0; line-height:100%; 
font-family: "Lucida Grande", "Lucida Sans", Lucida, Tahoma, Verdana, sans-serif;
font-size: 11px; color: #333; ]
}

#resume .buttons { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 9px; 
 background-color: #115079; 
 color: #FFFFFF; 
 margin-right: 6px; 
}