﻿/*
========================================================================
Filename:		style.css
Date Created:	2007-05-18
Description:	Global CSS stylesheet
Site:			Young Enterprise London
Author:			Mark Patterson (mark.patterson@atticmedia.com)
========================================================================
*/

/* Global Styles
-------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
}
body {
	background-color: #FFF;
	background-image: url(../images/generic/body_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	color: #000;
	font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
	font-size: 100.01%;
}
img {
    display: block;
}
img, table, a, a:hover, 
fieldset, legend, .noborder {
	border: 0px;	
}
input {
    /*border: 0;
    border-left: 1px solid #BABABA;
    border-top: 1px solid #D6D6D6;*/
}
input:focus {
	background-color: #FEF3FB;
	border: 1px solid #A60765;
}
legend {
	/*margin: 2em 0 0 0;*/
	padding: 0;
	clear: both;
	white-space: normal;
}
.morelink span {
	position: absolute;
	margin-left: -9999px;
	/*width: 900px;*/
}
.alignright {
    text-align: right;   
}
.cleardiv {
    clear: both;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.hidden {
    background-color: transparent;
    color: #ffffff;
    font-size: 1px;
	margin-bottom: -10px;
	position: absolute;
	margin-top: -9999px;
}
hr
{display:none;
    border:none;
}

/* Typography
-------------------------------------------------------------------------- */
h1 {
	font-size: 1.2em;
	color: #ff0c9b;
	margin-bottom: 10px;
}
h2 {
	font-size: 0.95em;
	color: #a50864;
	margin-bottom: 0;
}
h2.subpage 
{font-size:0.87em!important;
    color:#A50864!important;
    margin-top:31px;
    margin-bottom:0px!important;
}
h3 {font-size:0.7em!important;
    color:#A50864!important;
	margin-bottom:0px!important;
	text-transform:uppercase;
}
h4 {font-size:0.7em;
    color:#444;
	
}
p {
	font-size: 0.75em;
}
ol, ul {
	/*font-size: 0.75em;*/
}
li {
	font-size: 100%;
	list-style-type:none;
}
a:link {font-size:1em;
		color:#0A45A8;
}
a:visited {font-size:1em;
		
		color:#7c7c7c;
}
a:hover {font-size:1em;
		color:#0A45A8;
		text-decoration:none;
		
}
a:focus {font-size:1em;
		color:#0A45A8;
}
a:active {font-size:1em;
		color:#0A45A8;
}
#nav a 
{font-weight:bold;
    color:#fff;
    font-size:1.1em;
}
blockquote 
{background-color:#fff;
    border:1px solid #D2D2D2;
    padding:15px;
    padding-top:37px;
    background-image:url(../images/generic/blockquote_left.gif);
    background-repeat:no-repeat;
    background-position:15px 15px;
}
    blockquote p 
    {color:#A50864;
        font-size:1.1em;
        background-image:url(../images/generic/blockquote_right.gif);
        background-repeat:no-repeat!important;
        background-position:bottom right;
        
    }
    blockquote p.author 
    {font-size:0.75em;
        color:#444;
        font-weight:bold;
        background-image:none;
        padding-top:12px;
    }
/* Main Content Wrapper (maindiv)
-------------------------------------------------------------------------- */
#maindiv {
	width: 742px;
	margin: 0 auto;
	position:relative;
}
#outer-wrapper {
	float: left;
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	background-color: #FFF;
	color: #000;
}
#inner-wrapper {
	padding: 25px 14px 0 16px;
}

/* Header
-------------------------------------------------------------------------- */
#header {
	background-image: url(../images/generic/header_border.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 5px;
	float: left;
	width: 100%;
	clear: both;
	
}
    #header #logo {
	    float: left;
	    clear: right;
	    width: 236px;
    }
    #header ul {
	    list-style-type: none;
	    float: left;
	    clear: right;
	    width: 501px;
	    margin-top: 25px;
	    text-align: right;
    }
        #header ul li, #header ul li p {
	        display: inline;
        }
            #header ul li p a:link, 
            #header ul li p a:visited {
	            color: #414141;
	            background-color: #fff;
	            text-decoration: none;
            }
            #header ul li p a:hover {
	            color: #414141;
	            background-color: #fff;
	            text-decoration: underline;
            }
/* Crumbtrail
-------------------------------------------------------------------------- */
#crumbtrail {
	clear: both;
	margin: 5px 0;
}
    #crumbtrail ul {
	    list-style-type: none;
    }
        #crumbtrail ul li, #crumbtrail ul li p {
	        display: inline;
        }

            #crumbtrail ul li a 
            {color:#0A45A8;
        }
/* Navigation
-------------------------------------------------------------------------- */
#nav {
	float: left;
	clear: right;
	width: 191px;
	 padding-top:62px;
	 position:relative;
}
    #nav ul.level1
    {padding-bottom:53px;
        padding-top:9px;
       
    }
        #nav ul.level1 li
        { margin-top:4px!important;
            margin-left:15px;
        }
        #nav ul.level2 li
        {margin-top:0px!important;
        }
            #nav ul.level2 li p {padding-left:18px;
                 
                background-position:10px 11px;
                background-repeat:no-repeat;
                width:117px;
                padding-top:4px;
                padding-bottom:4px;
            }
            #nav ul li p 
            {padding-top:8px;
                padding-bottom:8px;
                display:block;
                padding-left:18px;
                padding-right:14px;
                background-image:url(../images/navigation/bullets_level1.gif);
                background-position:10px 11px;
                background-repeat:no-repeat;
               width:140px;
            }
        #nav ul.level1 li
        {margin-left:1px
        }
        #nav ul.level2 li
        {margin-left:23px;
        }
            #nav ul li p span 
            {   
                background-repeat:repeat-x;
                background-position:left bottom;
                display:inline;
            }
            #nav ul li p a
            {display:block;
                margin-left:5px;
                text-decoration:none;
                padding-right:10px;
            }
        #nav img.sectionhead 
        {
           z-index:30;
            margin-top:-40px;
            margin-bottom:-30px;
             position:absolute;
        }
/* Content
-------------------------------------------------------------------------- */
#content {
	float: left;
	clear: right;
	/*width: 359px;*/
	width: 324px;
	padding: 27px 14px 0 21px;
	margin-top:189px;
	background-image:url(../images/generic/content_bg.gif);
	background-repeat:no-repeat;
	position:relative;
}

#Competitioncontent {
	float: left;
	clear: right;
	/*width: 359px;*/
	width: 512px;
	padding: 27px 14px 0 21px;
	margin-top:45px;
	background-image:url(../images/generic/content_bg.gif);
	background-repeat:no-repeat;
	position:relative;
}
/* Forms
-------------------------------------------------------------------------- */
fieldset 
{background-image:url(../images/generic/fieldset_bg.gif);
   
    padding:18px 14px;
   background-color:#F8F8F8;
   background-repeat:no-repeat;
   margin-bottom:10px;
} 
    fieldset h2.subpage 
    {margin-bottom:5px!important;
        margin-top:0;
    }
    fieldset .error 
    {color:#A50864;
        padding-top:0;
        padding-bottom:0;
    }
    fieldset div.hr 
    {background-image:url(../images/generic/hr_fieldset.gif);
    background-repeat:repeat-x;
    height:3px;
    margin-top:10px;
}
    fieldset label 
    {font-weight:bold;
        
    }
    fieldset p
    {padding-top:10px;
        padding-bottom:3px;
    }
.textbox,
.textarea 
{width:280px;
}
.sml_textbox 
{width:200px;
}
.textbox:focus,
.textarea:focus,
.sml_textbox:focus
{border:1px solid #FF0C9B;
}
.submit
{margin-top:10px;
    font-weight:bold;
}
.xsml_textbox 
{width:50px;
}
.med_textbox
{width:222px;
}
/* Table Styles 
-------------------------------------------------------------------------- */
table 
{border:1px solid #A50864;
 margin-bottom: 10px;
}
    table thead th
    {background-color:#A50864;
        color:#fff;
        font-weight:bold;
        padding:5px;
        font-size: 0.75em;
    }
    table tbody td 
    {background-color:#FFDFF2;
        padding:5px;
        color:#444;
        font-size: 0.75em;
    }
    table tbody tr.AltRow td 
    {
        background-color:#ffffff;
    }
/* Landing Page
-------------------------------------------------------------------------- */
div.landingpage #content {
	width: 549px;
	padding: 0 0 46px 0;
	margin-bottom: 10px;
	background-image: url(../images/landingpage/content_bg.gif);
	background-position: 1px 100%;
	background-repeat: no-repeat;
	margin-top:0;
}
    div.landingpage #content div.leftcol {
	    width: 285px;
	    float: left;
	    clear: right;
    }
    div.landingpage #content div.rightcol {
	    width: 264px;
	    float: left;
	    clear: right;
    }
        div.landingpage #content div.rightcol div.bsv {
	        position: relative;
	        left: -7px;
	        z-index: 10;
	        min-height: 226px;
	        margin-bottom: 1px;
        }
            div.landingpage #content div.rightcol div.bsv div.paneltext  {
	            background-image: url(../images/landingpage/bsv_paneltext_bg.gif); 
	            background-position: 0 0;
	            background-repeat: no-repeat;
	            width: 258px;
	            margin-left: 9px;
	            min-height: 28px;
            }
				div.landingpage #content div.rightcol div.bsv div.paneltext h2.bsv_heading {
					margin-left: -9px;
				}
                div.landingpage #content div.rightcol div.bsv div.paneltext p {
	                background-image: url(../images/icons/bullet.gif); 
	                background-position: 5px 0.2em;
	                background-repeat: no-repeat;
	                padding: 0px 0 4px 18px;
	                font-size: 0.7em;
                }
        div.landingpage #content div.rightcol div.generalinfo {
            position: relative;
            left: -4px;
            z-index: 10;
        }
    div.landingpage #sidebar div.panel {
	    margin-bottom: 4px;
    }
/* Page Panel (Table Layout)
-------------------------------------------------------------------------- */
#content div.pagepanel {
	float: left;
	clear: both;
	width: 100%;
	border-bottom: 1px dashed #4B8619;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
    #content div.pagepanel h2 {
	    font-size: 1.2em;
	    color: #ff0c9b;
	    margin-bottom: 4px;
    }
    #content div.pagepanel img {
	    border: 1px solid #AFAFAF;
    }
#content div.tablelayout img {
    float: left;
    margin-right: 13px;
}
#content div.tablelayout div.panelbody {
    overflow: auto;
    height: auto !important;
    height: 1%;
}
#content div.tablelayout p 
{margin-bottom:12px;
}
#content div.tablelayout ul li p,
 #content div.tablelayout fieldset p,
  #content div.tablelayout ol p,
   #content div.tablelayout table p   
{margin-bottom:0px;
}
#content div.intro {
margin-bottom:30px;
}
/* Lists */
#content div.panelbody ul li 
{margin-top:15px;
}
#content ul.level1 li p
{background-image: url(../images/icons/bullet.gif); 
    background-position: 5px 3px;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}
#content ul.level1 li p
{padding-bottom:12px!important;
}
#content ul.level2 
{margin-left:16px;
}
#content ul.level2 li p
{background-image: url(../images/icons/bullet2.gif); 
    background-position: 5px 5px;
	background-repeat: no-repeat;
	padding-left:15px;
	/*padding: 0 0 0 20px;*/
}
#content ol.level1
{margin-left:25px;
    font-size:0.75em;
}
#content ol.level2,
#content ol.level3
{margin-left:10px;
}

#content ol.level1 li 
{list-style-type:decimal;
    list-style-position:outside;
    
}
#content ol.level2 li
{list-style-type:lower-alpha;
}
#content ol.level3 li
{list-style-type:lower-roman;
}
#content ol.level1 li p
{padding-bottom:12px;
    font-size:1em;
}

#content ol.level1 ol.level2 ul.level3 li 
{list-style-type:none!important;
}
#content ol.level1 ol.level2 ul.level3 li p
{background-image: url(../images/icons/bullet2.gif); 
    background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left:12px;
}
/* Page Panel (menu)
-------------------------------------------------------------------------- */
#content div.menu 
{
border: 1px dashed #000;
background-color:#F7F7F7;
margin:0;
}
    #content div.menu ul li
    {float:left;
        padding-right:40px;
        padding-top:13px;
    }
        #content div.menu ul li p 
        {background-image: url(../images/icons/bullet.gif); 
            background-position: 5px 0.2em;
	        background-repeat: no-repeat;
	        padding: 0 0 0 20px;
        }
            #content div.menu ul li p a
            {font-weight:bold;
            }
/* More Link
-------------------------------------------------------------------------- */
p.morelink  {
	background-image: url(../images/icons/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.25em;
	padding-left: 16px;
	font-weight: bold;
	margin-top: 3px;
}
    p.morelink a {
	    background-color: Transparent;
	    color: #0A45A8;
    }
/* Sidebar
-------------------------------------------------------------------------- */
#sidebar {
	float: left;
	clear: right;
	width: 188px;
	background-image:url(../images/generic/sidebar_bg.gif);
	background-repeat:no-repeat;
	background-position:left 220px;
}
    #sidebar div.panel {
	    margin-bottom: 33px;
    }        
        #sidebar div.panel p {
	            padding: 0 12px 8px 4px;
            }
        #sidebar div.panel div.panelbody {
	        padding: 0 0 0 12px;
        }
        #sidebar div.panel ul {
	        list-style-type: none;
        }
            #sidebar div.panel ul li p {
            color: #0A45A8;
            background-color: #fff;
            background-image: url(../images/icons/bullet.gif); 
            background-position: 4px 0.65em;
            background-repeat: no-repeat;
            font-weight: bold;
            margin: 0 0 9px 0;
            padding: 6px 0 6px 18px;
            }
                #sidebar ul li p a {
                color: #0A45A8;
                background-color: Transparent;
                }

        #sidebar div.getintouch {
	        background-color: #0C8347;
	        color: #fff;
	        background-image: url(../images/sidebar/getintouch_top.gif);
	        background-repeat: no-repeat;
	        background-position: left top;
	        padding-top: 27px;
        }
        #sidebar div.newsletter {
	        background-color: #444444;
	        color: #fff;
        }
        #sidebar img.heading {
	        margin: 8px 0 6px 0;
        }
        #sidebar div.related_art {
	        background-color: #C5C5C5;
	        color: #fff;
	        background-image: url(../images/sidebar/related_top.gif);
	        background-repeat: no-repeat;
	        background-position: left top;
	        padding-top: 21px;
        }
            #sidebar div.related_art ul 
            {background-color:#fff;
                padding-bottom:20px;
            }
                #sidebar div.related_art ul li
                {background-image:url(../images/sidebar/dashed_underline_grey.gif);
                    background-position:left bottom;
                    background-repeat:repeat-x;
                }
                    #sidebar div.related_art ul li p 
                    {background-color:Transparent;
                        background-image: url(../images/icons/article_bullet.gif); 
                        margin:0!important;
                    }
                        #sidebar div.related_art ul li p a
                        {font-weight:normal;
                        }
/* Footer
-------------------------------------------------------------------------- */
#footer {
	background-image: url(../images/generic/footer_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #B2B2B2;
	clear: both;
	width: 739px;
	/*min-height: 79px;*/
	min-height: 115px;
}
#footer .leftcol {
	float: left;
	clear: right;
	width: 55%;	
}
#footer .rightcol {
	float: left;
	clear: right;
	width: 44%;	
}
#footer .rightcol p {
	text-align: right;
	margin-top: 82px;
	color: #fff;
	padding-right: 7px;
}
#footer .rightcol p a {
	font-size: 120% !important;
	color: #fff;
}


/* VCard Microformat for address */
#footer div.vcard {
	font-size: 0.7em;
	line-height: 1.1em;
	position: relative;
	top: 22px;
	left: 13px;
}
#footer .vcard div span {
	display: inline;
}
    #footer div.vcard div.org {
	    font-weight: bold;
    }
    #footer div.vcard div.street-address span {
	    display: block;
	}


/* Sponsor Footer
-------------------------------------------------------------------------- */  
#sponsors {
	clear: both;
	float: left;
}
#sponsors ul {
	list-style-type: none;
	margin-top: 14px;
	margin-left: 10px;
	float: left;
}
#sponsors li {
	float: left;
	clear: right;
	padding-left:14px;
	padding-top:25px;
}
#sponsors li.first {
	border-right: 1px solid #E5E5E5;
	width: 5.5em;
	padding-top:0px;
	padding-right: 5px;
	padding-left:0px;
}
#sponsors li.text 
{padding-top:0px;
 padding-left:5px;
}
#sponsors p.atticmedia
{padding-left:12px;
 padding-top:19px;
 clear:both;
 padding-bottom:18px;
}
#sponsors p.atticmedia a
{color:#717171;
}
/*#sponsors li.broadbean a:link, #sponsors li.broadbean a:visited, #sponsors li.broadbean a:focus {
	background-image: url(../images/generic/logo_broadband.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
}
#sponsors li.broadbean a:hover, #sponsors li.broadbean a:active {
	background-position: 0 -77px;
}
#sponsors li.atticmedia {
	width: 10em;
	padding-left: 22px;
}
#sponsors li.atticmedia img {
	width: 154px;
	height: 40px;
}
#sponsors li.atticmedia a:link, #sponsors li.atticmedia a:visited, #sponsors li.atticmedia a:focus {
	background-image: url(../images/generic/logo_atticmedia.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
}
#sponsors li.atticmedia a:hover, #sponsors li.atticmedia a:active {
	background-position: 0 -75px;
}*/
#sponsors p {
	color: #717171;
	font-size: 0.7em;
	padding-left: 2px;
	padding-bottom: 7px;
}
	
	
	
/* Sitemap
-------------------------------------------------------------------------- */
ul.sitemap li p
{
    font-size:0.95em;
    padding-left:9px;
    padding-top:8px;
    padding-bottom:5px;
    font-weight:bold;
    position:relative;
}
    
ul.sitemap li#home p
{background-color:#444444;
    margin-bottom:3px;
    
}
    
ul.sitemap li#youth p
{background-color:#B4086D;
      margin-bottom:3px;
}
ul.sitemap li#general p
{background-color:#03768C;
      margin-bottom:3px;
}
ul.sitemap li#schools p
{background-color:#008000;
     margin-bottom:3px;
}
ul.sitemap li#volunteering p
{background-color:#104891;
      margin-bottom:3px;
} 
ul.sitemap li p a
    {color:#fff!important;
        text-decoration:none;
    }
    ul.sitemap li p a:hover 
        {text-decoration:underline;
        }
ul.sitemap li li p 
    {background-color:transparent!important;
        font-size:0.8em;
        background-image:url(../images/icons/sm_bullet1.gif)!important;
        padding-left:23px!important;
    }
        ul.sitemap li li p a
        {color:#444444!important;
        }
  ul.sitemap li ul.level2 
  {background-image:url(../images/generic/sm_grain.gif);
    background-color:#F8F8F8;
    background-repeat:repeat-x;
    margin-left:0!important;
    padding-bottom:13px;
    margin-bottom:3px;
  }  
       ul.sitemap li ul.level2 li ul.level3 li p
       {padding-left:34px!important;
        background-image:url(../images/icons/bullet2.gif)!important;
        background-position:24px center!important;
        font-weight:normal;
        
       }
        
/* Custom Header Image and Navigation Styles
-------------------------------------------------------------------------- */
/* Youth */

div.youth
{  
    background-image:url(../images/header/header_youth.gif);
    background-repeat:no-repeat;
    background-position:191px top;
    padding-top:13px;
    position:relative;
    float:left;
}
    div.youth #nav
    { background-image:url(../images/navigation/nav_top_youth.gif);
        background-repeat:no-repeat;
    background-color:#FF33CE;

    }

        div.youth #nav ul.level1 
        {background-image:url(../images/navigation/nav_bttm_youth.gif);
             background-repeat:no-repeat;
             background-position:left bottom;
        }
            div.youth #nav ul li p
            {background-color:#B4086D;
              
            }
            div.youth #nav ul.level2 li p 
            {background-image:url(../images/navigation/bullet2_youth.gif);
            }
                div.youth #nav li p span 
                { background-image:url(../images/navigation/underline_youth.gif);
                }
        div.youth #nav img.sectionhead 
        {background-image:url(../images/navigation/sectionhead_youth.png);
             width:184px;
            height:64px;}

/*Schools */
div.schools
{  
    background-image:url(../images/header/header_schools.gif);
    background-repeat:no-repeat;
    background-position:191px top;
    padding-top:13px;
    position:relative;
    float:left;
}
    div.schools #nav
    { background-image:url(../images/navigation/nav_top_schools.gif);
        background-repeat:no-repeat;
    background-color:#E0F333;

    }
        div.schools #nav ul.level1 
        {background-image:url(../images/navigation/nav_bttm_schools.gif);
             background-repeat:no-repeat;
             background-position:left bottom;
        }
            div.schools #nav ul li p
            {background-color:#008000;
              
            }           
            div.schools #nav ul.level2 li p 
            {background-image:url(../images/navigation/bullet2_schools.gif);
                
            }

                div.schools #nav li p span 
                { background-image:url(../images/navigation/underline_schools.gif);
                    
                }

        div.schools #nav img.sectionhead 
        {background-image:url(../images/navigation/sectionhead_schools.png);
             width:221px;
            height:69px;
           margin-top:-50px;
            }

/*Voteing*/
div.Voteing
{  
    background-repeat:no-repeat;
    background-position:191px top;
    padding-top:13px;
    position:relative;
    float:left;
}
div.Voteing td div {
    margin-bottom: 10px;
}
div.Voteing td label {
    width: 10em;
    display: block;
    float: left;
    clear: right;
}
div.Voteing td input {
    width: 20em;
}
div.Voteing td input.Button {
    width: 4.4em;
}
/*Competition*/
/*div.Competition
{  
	background-image:url(../images/header/atticmedia-logo.jpg);
    background-repeat:no-repeat;
    background-position:191px top;
    padding-top:13px;
    position:relative;
    float:left;
}*/
div.Competition {
	background-image:url(../images/header/atticmedia-logo.jpg);
	background-position:350px top;
	background-repeat:no-repeat;
	float:left;
	padding-top:13px;
	position:relative;
}

/*Volunteering*/
div.volunteering
{  
    background-image:url(../images/header/header_volunteering.gif);
    background-repeat:no-repeat;
    background-position:191px top;
    padding-top:13px;
    position:relative;
    float:left;
}
    div.volunteering #nav
    { background-image:url(../images/navigation/nav_top_volunteering.gif);
        background-repeat:no-repeat;
    background-color:#33ABFF;

    }
        div.volunteering #nav ul.level1 
        {background-image:url(../images/navigation/nav_bttm_volunteering.gif);
             background-repeat:no-repeat;
             background-position:left bottom;
        }
            div.volunteering #nav ul li p
            {background-color:#104891;
              
            }
            div.volunteering #nav ul.level2 li p 
            {background-image:url(../images/navigation/bullet2_volunteering.gif);
            }

                div.volunteering #nav li p span 
                { background-image:url(../images/navigation/underline_volunteering.gif);
                    
                }
        div.volunteering #nav img.sectionhead 
        {background-image:url(../images/navigation/sectionhead_volunteering.png);
             width:271px;
            height:65px;
            }
/*General*/
div.general
{  
    background-image:url(../images/header/header_general.gif);
    background-repeat:no-repeat;
    background-position:191px top;
    padding-top:13px;
    position:relative;
    float:left;
}
    div.general #nav
    { background-image:url(../images/navigation/nav_top_general.gif);
        background-repeat:no-repeat;
    background-color:#38F0FF;

    }
        div.general #nav ul.level1 
        {background-image:url(../images/navigation/nav_bttm_general.gif);
             background-repeat:no-repeat;
             background-position:left bottom;
        }
             div.general #nav ul li p
            {background-color:#03768C;
              
            }
        div.general #nav img.sectionhead 
        {background-image:url(../images/navigation/sectionhead_general.png);
             width:276px;
            height:62px;
           
            }
            
/* Generic */
div.generic {	
	background-image:url(../images/header/header_generic.gif);
    background-repeat:no-repeat;
    background-position:191px top;
    padding-top:13px;
    position:relative;
    float:left;
}
div.generic #nav { 
	background-image:url(../images/navigation/nav_top_generic.gif);
	background-position: 0 -4px;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    height: 336px;
}