/*
Created by Keith Donegan of Code-Sucks.com

E-Mail: Keithdonegan@gmail.com

You can do whatever you want with these layouts,
but it would be greatly appreciated if you gave a link
back to http://www.code-sucks.com

*/

*

a:link { color: #2957AB; text-decoration: none; font-size: 9px; font-family: Verdana, Geneva, sans-serif; }
a:visited { color: #2957AB; text-decoration: none; font-size: 9px; font-family: Verdana, Geneva, sans-serif; } 
a:hover { color: #15AFB3; text-decoration: none; font-size: 9px; font-family: Verdana, Geneva, sans-serif; } 
a:active { color: #15AFB3; text-decoration: none; font-size: 9px; font-family: Verdana, Geneva, sans-serif; }


#nav {padding:0; margin:0; list-style:none; height:50px; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; padding:0;}
#nav li a b {margin-left:-999px;}

#nav li a.fruit {background: url(images/Nav_1_images/nav_01.jpg); width: 69px; height: 43px;}
#nav li a.veg {background:url(images/Nav_1_images/nav_02.jpg); width: 189px; height: 43px;}
#nav li a.greens {background:url(images/Nav_1_images/nav_03.jpg); width: 151px; height: 43px;}
#nav li a.nuts {background:url(images/Nav_1_images/nav_04.jpg); width: 118px; height: 43px;}
#nav li a.tomato {background:url(images/Nav_1_images/nav_05.jpg); width: 92px; height: 43px;}
#nav li a.baby {background:url(images/Nav_1_images/nav_00.jpg); width: 118px; height: 43px;}
#nav li a.fires {background:url(images/Nav_1_images/nav_06.jpg); width: 104px; height: 43px;}
#nav li a.end {background:url(images/Nav_1_images/nav_end.jpg); width: 245px; height: 43px;}


#nav li:hover a.fruit {background: url(images/Nav_2_images/nav_01.jpg); width: 69px; height: 43px;}
#nav li:hover a.veg {background:url(images/Nav_2_images/nav_02.jpg); width: 189px; height: 43px;}
#nav li:hover a.greens {background:url(images/Nav_2_images/nav_03.jpg); width: 151px; height: 43px;}
#nav li:hover a.nuts {background:url(images/Nav_2_images/nav_04.jpg); width: 118px; height: 43px;}
#nav li:hover a.tomato {background:url(images/Nav_2_images/nav_05.jpg); width: 92px; height: 43px;}
#nav li:hover a.baby {background:url(images/Nav_2_images/nav_000.jpg); width: 118px; height: 43px;}
#nav li:hover a.fires {background:url(images/Nav_2_images/nav_06.jpg); width: 104px; height: 43px;}


#nav a:hover {background-position: 0 50px;}


#nav table {position:absolute; top:0; left:0; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}

#nav :hover ul.sub {left:0; top:32px; width:267px; height:17px; z-index:300;}

#nav :hover ul.sub li a {display:block; height:17px; width:267px; padding:1px;}

#nav ul li a.cabbages {background:url(images/dropdown/bl_early_vision_institute_1.jpg);}
#nav ul li a.cauliflower {background:url(images/dropdown/board_1.jpg);}
#nav ul li a.beans {background:url(images/dropdown/lions_1.jpg);}
#nav ul li a.sprouts {background:url(images/dropdown/our_vision_1.jpg);}
#nav ul li a.carrots {background:url(images/dropdown/dpc_off.png);}

#nav ul li:hover a.cabbages {background: url(images/dropdown/bl_early_vision_statement_2.jpg);}
#nav ul li:hover a.cauliflower {background: url(images/dropdown/board_2.jpg);}
#nav ul li:hover a.beans {background: url(images/dropdown/lions_2.jpg); z-index: 999; position:relative;}
#nav ul li:hover a.sprouts {background: url(images/dropdown/our_vision_2.jpg);}
#nav ul li:hover a.carrots {background: url(images/dropdown/dpc_on.png);}


#nav :hover ul.sub li a:hover {background-position: 0 50px; position:relative;}




#rightcolumn a, a:visited {
font-size: 12px;
font-weight: 900;
line-height: 2em;
color: #203e2a;
text-decoration: none;
-webkit-transition: all 0.3s ease-out;
}
#rightcolumn a:hover {
font-size: 12px;
font-weight: 900;
line-height: 2em;
color: #203e2a;
background-image: url(images/rollover_bkg.jpg);
-webkit-transition: all 0.3s ease-out;
padding: 5px;
}
p {
font-size: 12px;
font-weight: 300;
padding-right: 10px;
line-height: 130%;
}
h1 {
font-family:Georgia, "Times New Roman", Times, serif;
color: #2957ab;
font-family: SketchRockwell;
src: url(‘SketchRockwell.ttf’);
}
h2 {
color: #2957ab;
font-size: 14px;
font-family:Georgia, "Times New Roman", Times, serif;
}
h3 {
font-size: 12px;
font-weight: 300;
position: absolute;
padding: 0 0 0 20px;
top: 120px;
left: 0;
width: 330px;
line-height: 130%;
}
h4 {
font-size: 11px;
font-weight: 100;
padding-right: 10px;
}
/** Footer Font **/
h5 {
font-size: 9px;
color: #333;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
}
h6 {
font-size: 14px;
color: #2957ab;
font-family:Georgia, "Times New Roman", Times, serif;
position: absolute;
top: 70px;
left: 0;
width: 330px;
padding: 0 0 0 20px;
line-height: 130%;
}
h7 {
font-weight: 600;
color: #2957ab;
font-family:Georgia, "Times New Roman", Times, serif;	
}








{ padding: 0; margin: 0; }








body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: url(images/bkg.jpg);
}
#wrapper { 
margin: 0 auto;
width: 968px;
height: 1100px;
background-color: #FFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#image {
padding: 0 10px 10px 10px;
bottom: 0;
}

#faux {
margin-bottom: inherit;
overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
width: 100%;
}








.photos {
padding: 0 10px 0 0;
}
.bio {
padding: 0 20px 0 0;
min-height: 200px;
}
#header {
color: #333;
width: 100%;
padding: 20px 0 0 10px;
height: 50px;
background-color: #d6edec;
background-image: url(images/logos.png);
background-position: right;
background-repeat: no-repeat;
}
#nav {
color: #333;
width: 968px;
height: 17px;
}
#rightcolumn { 
display: inline;
color: #333;
margin: 10px 10px 0 0;
padding: 0 10px 0 20px;
width: 291px;
min-height: 738;
float: right;
border-left: 1px solid #999;
}
#leftcolumn { 
float: left;
color: #333;
padding: 0 0 0 20px;
width: 616px;
display: inline;
position: relative;
}
#leftcolumn1 { 
float: left;
color: #333;
padding: 0 0 0 0px;
width: 308px;
display: inline;
position: relative;
}
#leftcolumn2 { 
float: left;
color: #333;
padding: 0px 0 0 0px;
width: 250px;
display: inline;
}
#footer { 
width: 959px;
clear: both;
color: #333;
border-top: 1px solid #999;
margin: 0px 0px 20px 0px;
padding: 0px 0 0 10px;
}
.clear { clear: both; background: none; }