/*
    RED:    #d90725     #a0051a
    GREEN:  #6db33f     #20601b
    BLUE:   #00adde     #03587c
    PURPLE: #8c4aab     #572960

    Page Width - 970px
*/

body {
    font-family:Arial;
    font-size:0.77em;
    margin:0 auto;
    background:url(/images/bg.jpg) no-repeat center top fixed;
    line-height:1.5em;
}
a{border:0px none;color:#000;}
a:focus {
    outline:0px none;
}
a.external {color:#666 !important;}
a.external:hover {color:#000 !important;}
a.noUnderline{text-decoration:none !important;}

#headNav{height:34px;width:200px; padding-left:690px;margin:20px auto 0px;}
#headNav li{background:url(/images/headTab_bg.png) no-repeat left;}
#headNav li a{text-indent:-2000px;height:34px;margin-left:6px;}
#headNav li a.home{background:url(/images/tab_home.png) no-repeat left;width:56px;}
#headNav li a.contact{background:url(/images/tab_contact.png) no-repeat left;width:102px;}
#headNav li a:hover{background-position:right;}
#container{background:url(/images/bgLeft.png) no-repeat left top;width:970px;margin:0 auto;}

#header{background:url(/images/header_bg.jpg) no-repeat center top;height:164px;width:835px;padding:40px 75px 10px 50px;list-style:none;margin:0px;margin-left:5px;}
#header li{float:left;}

#header a{display:block;text-transform:uppercase;color:#FFF;text-decoration:none;padding:18px;margin:0px 0px 0px 10px;}

#header #designSub a,#header #educationSub a,#header #awardSub a,#header #aboutSub a {padding:10px 18px 10px 18px;}


#header a.logo {padding:0px; border:0;}

#header a img { border:0;}

#header li li{padding-top:10px;}
#header a{}

#header .design a{background-color:#d90725;color:#e9bfc5;}
#header .design a:hover,#header .design a.current{color:#fff;}

#header li a.mainNavDesign{color:#fff;}

#header .education a{background-color:#6db33f;color:#d3e1ca;}
#header .education a:hover,#header .education a.current{color:#fff;}
#header li a.mainNavEdu{color:#fff;}

#header .award a{background-color:#00adde;color:#c2e4ee;}
#header .award a:hover,#header .award a.current{color:#fff;}
#header li a.mainNavAward{color:#fff;}


#header .about a{background-color:#8c4aab;color:#d8cbde;}
#header .about a:hover,#header .about a.current{color:#fff;}
#header li a.mainNavAbout{color:#fff;}


/*
#header .design a:hover{background-color:#a0051a;}
#header .education a:hover{background-color:#20601b;}
#header .award a:hover{background-color:#03587c;}
#header .about a:hover{background-color:#572960;}
*/
#header img{padding-left:50px;}
#header ul ul{position:absolute;display:none;}

#header li li a{margin-left:0px;margin-right:0px;}

    #header ul li.subNavActive ul{display:block;}
    
    #header #designNav{margin-left:-5px;}
    /* Hide all sub navs when rolling over the main nav - we will the activate the one we want */
    #header ul:hover ul#designSub,#header ul:hover ul#educationSub,#header ul:hover ul#awardSub,#header ul:hover ul#aboutSub{display:none;}
    
     /* Show the subnav for the selected parent */
    #header ul li:hover ul,#header li.over ul{display:block !important;}
        
    #designSub{background:url(/images/designNav_arrow.png) no-repeat 50px top;margin-left:10px;}

    #educationSub{background:url(/images/educationNav_arrow.png) no-repeat 50px top;margin-left:10px;}

    #awardSub{background:url(/images/awardNav_arrow.png) no-repeat 50px top;margin-left:10px;}

    #aboutSub{background:url(/images/aboutNav_arrow.png) no-repeat 286px top;margin-left:-226px;}
/*
    a.mainNav:hover + #designSub{background:url(/images/designNav_arrow_over.png) no-repeat 50px top;}
    a.mainNav:hover + #educationSub{background:url(/images/educationNav_arrow_over.png) no-repeat 50px top;}
    a.mainNav:hover + #awardSub{background:url(/images/awardNav_arrow_over.png) no-repeat 50px top;}
    a.mainNav:hover + #aboutSub{background:url(/images/aboutNav_arrow_over.png) no-repeat 254px top;}
*/    

#wrapper{background:url(/images/bgRight.png) no-repeat right bottom;width:970px;margin-bottom:-10px;}
#content{background-color:#ffcc00;float:left;width:910px;margin:0 0 0 5px;background:#f1f1f1 url(/images/paper_bg.jpg) center top;padding:0 0 20px 50px;}
    #contentPanel{width:500px;margin-right:20px;float:left;}
    
    /* INFO PANEL - LEFT HAND PANEL */
    .infoPanel{width:380px;float:left; margin-top:20px;}
    .infoPanel div{margin-right:20px;padding:10px 20px 20px;margin-bottom:40px;}
    .borderPanel{border-top:2px solid #000;border-bottom:2px solid #000;}

    /* FULL WIDTH PANEL - FOR USE ON PRIVACY PAGE ETC */
    #fullWidthPanel, #sitemap{width:860px;float:left;}
    
#sitemap a {text-decoration:none;}
#sitemap a.resetStyle {color:#000}
#sitemap ul {list-style:none; text-transform:uppercase;}

#pageContent{width:820px;padding:20px;float:left; border-top:1px solid #000; border-bottom:1px solid #000; }
.pageContentInfo {width:480px; padding:0 20px 0 0; float:left;}
.dashedDivider{border-top:1px dashed #999; margin:20px 0 20px 0;}

#footer{ font-size:0.9em;background-color:transparent !important;text-transform:uppercase;color:#000;font-weight:bold;clear:both;height:50px;background:url(/images/footer_bg.png) no-repeat center;height:83px;width:960px;margin:0 5px;}

#footer ul{margin:10px; padding-top:5px;border-top:2px solid #000;border-bottom:2px solid #000;height:20px;}
#footer ul li{float:right;}
#footer ul li.copy{margin-left:20px;float:left; font-size:0.95em;}
#footer ul li a{border-right:1px solid #000;padding:0 8px;text-decoration:none;color:#000;}
#footer ul li.copy {padding-left:20px;}
#footer ul li.copy a{border-right:0px none;padding:0;text-decoration:none;color:#000; float:left; width:30px;}
#footer ul li.last a{border-right:0px none;}
#footer ul li a:hover{text-decoration:underline;}

.inlineUL{list-style:none;margin:0px;padding:0px;}
.inlineUL li{float:left;}
.inlineUL a{display:block;}

#footer .inlineUL {}

/* HEADINGS */
h1,h2,h3{text-transform:uppercase;font-weight:bold;}
h1{font-size:1.9em;line-height:1.2em;}
h2{font-size:1.3em;line-height:1.3em;}
h1 sup {font-size:0.7em;}

.educationContent h3.block{background-color:#6db33f;}
h3.block{margin:20px 0px 0px 0px;font-size:130%;margin-left:-50px;padding:10px 20px 10px 50px;color:#fff;display:inline-block;}
h4{font-size:120%;text-transform:uppercase;}
h4 span{color:#666;}
/* ---------- */

div.download{background-color:#6db33f;width:360px;padding:10px 10px 5px 20px;}
div.download li a{color:#FFF;text-decoration:none;}
div.download li a:hover{color:#20601b;}

.caption{font-size:.8em; color:#999; margin-top:0px;}
.jdCaption{width:210px;}
.jdSignature{padding-left:150px;}

.design,.design a{color:#d90725; text-decoration:none;}
.education,.education a{color:#6db33f; text-decoration:none;}
.award,.award a{color:#00adde; text-decoration:none;}
.about,.about a{color:#8c4aab; text-decoration:none;}

p{color:#000;}

.footerPanel{border-top:2px solid #000;border-bottom:2px solid #000;height:180px;float:left;width:380px;margin:20px 20px 0 0;padding:10px 20px 20px;font-weight:normal;}

/* 
------------------------------------------------------------------------------------------- 
CLEARS AND FLOATS
-------------------------------------------------------------------------------------------
*/
.cBoth{clear:both;}
.fLeft{float:left !important;}
.fRight{float:right !important;}
.clear { display: inline-block; }   
.clear:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear { height: 1%; }
.clear { display: block; }

.noMarginTop{margin-top:0px;}
.margTop10{margin-top:10px;}
.margTop15{margin-top:15px;}
.margTop20{margin-top:20px;}

.noMarginBottom{margin-bottom:0px;}
.margBottom10{margin-bottom:10px;}
.margBottom15{margin-bottom:15px;}
.margBottom20{margin-bottom:20px;}

.hidden{display:none;}

a img {border:0px;}

/* Photo Images */
.photo{background:url(/images/photos/bg.png) no-repeat 0px top;display:block;}
.photo img{padding:5px;background-color:#fff;margin-left:3px;}
.photo a img {border:0px; }

/* BULLET IMAGES */
ul.contactLinks li {background-image:url(/images/bullets/arrow_plain_over.png); background-position:left center; background-repeat:no-repeat !important;}
ul.bulletLinks, ul.contactLinks {list-style:none;color:#000;margin:0px;padding:0px;}
ul.bulletLinks li, ul.contactLinks li {padding-bottom:5px;}
.bulletLinks li a, ul.contactLinks li a{color:#000;text-transform:uppercase;padding-left:25px;text-decoration:none;font-weight:bold;min-height:19px;display:block; font-size:0.9em;}
ul.bulletLinks li a{background-image:url(/images/bullets/arrow_plain.png);background-position:left;background-repeat:no-repeat !important;}
ul.bulletLinks li.star {background-image:url(/images/bullets/download_design_over.png);background-position:left;background-repeat:no-repeat !important; margin:0px; padding-left:15px;}

.design li.arrow a{background:url(/images/bullets/arrow_design.png) no-repeat 0px 5px;}
.design li.arrow a:hover{background:url(/images/bullets/arrow_design_over.png)no-repeat 0px 5px;}
.design li.download a{background:url(/images/bullets/download_design.png);}
.design li.download a:hover{background:url(/images/bullets/download_design_over.png);}
.design li.video a{background:url(/images/bullets/download_design.png);}
.design li.video a:hover{background:url(/images/bullets/download_design_over.png);}

.education li.arrow a{background:url(/images/bullets/arrow_education.png) no-repeat 0px 5px;}
.education li.arrow a:hover{background:url(/images/bullets/arrow_education_over.png) no-repeat 0px 5px;}
.education li.download a{background:url(/images/bullets/download_education.png);}
.education li.download a:hover{background:url(/images/bullets/download_education_over.png);}
.education li.video a{background:url(/images/bullets/video_education.png);}
.education li.video a:hover{background:url(/images/bullets/video_education_over.png);}

.about li.arrow a{background:url(/images/bullets/arrow_about.png) no-repeat 0px 3px;}
.about li.arrow a:hover{background:url(/images/bullets/arrow_about_over.png) no-repeat 0px 3px;}
.about li.download a{background:url(/images/bullets/download_education.png);}
.about li.download a:hover{background:url(/images/bullets/download_education_over.png);}
.about li.video a{background:url(/images/bullets/video_about.png);}
.about li.video a:hover{background:url(/images/bullets/video_about_over.png);}

.award li.arrow a{background:url(/images/bullets/arrow_award.png) no-repeat 0px 3px;}
.award li.arrow a:hover{background:url(/images/bullets/arrow_award_over.png) no-repeat 0px 3px;}
.award li.download a{background:url(/images/bullets/download_award.png);}
.award li.download a:hover{background:url(/images/bullets/download_award_over.png);}
.award li.video a{background:url(/images/bullets/video_award.png);}
.award li.video a:hover{background:url(/images/bullets/video_award_over.png);}

.challengeLink{background:url(/images/bullets/arrow_challenge.png) no-repeat left center !important; padding-left:25px; text-decoration:none}
.challengeLink:hover, .challengeLink:focus{background:url(/images/bullets/arrow_challenge_over.png) no-repeat left center !important;}


/* Education Panels */
.dottedPanel,.dottedWrapper,.dottedWrapper div{overflow:hidden;width:460px;background:url(/images/border_dotted.png) repeat-x bottom;padding-bottom:0px;}
.dottedPanel li{color:#666;}
.dottedWrapper,.dottedWrapper div{width:100%;margin-bottom:10px;padding-bottom:20px;}
.dottedWrapper img{margin-top:-20px;}
h4 a{color:#666;font-size:80%;padding-left:20px;text-decoration:none;}

#tooltip {position:absolute; border:0px; float:right;}
.tooltip {z-index:24; }
.tooltip span{font-size:0.95em !important;font-weight:normal !important;}
.tooltip .container { display:none;}
.tooltip:hover .tipContainer {margin:30px; position:absolute; display:block; background:url(/images/bullets/speech_right.png) transparent no-repeat; border:0px; min-height:30px;}

.tooltip span { display:none;text-decoration:none;color:#000 !important;}
.tooltip:hover span {z-index:25;}
.tooltip:hover span.tipContainer span {
margin:0 0 0 25px; display:block; width:120px; background-color:#f78d1e;
border:0px; padding:15px; font-size:0.6em; color:#000; font-weight:bold;
text-decoration:none; z-index:50; }

.title {font-weight:bold;}
fieldset {border:0; padding:0; margin:0;}
label {display:none;}
.thumbnailLinks li {margin:0 10px 10px 0;}
.info {background:url(/images/bullets/info_edu.png) left no-repeat !important; padding-left:15px; margin-left:2px; font-size:0.78em;}

.padRight {margin-right:20px;}
.padTop {margin-top:2em}
.padTop1em {margin-top:1em}
.negTop {margin-top:-2em !important;}


.showcasePhoto{margin-top:60px;}

.lCase{text-transform:none;}
.sub{font-size:50%; padding:0px 0 5px 0 ;}

.moreInfo {background:url(/images/bullets/download_education.png) no-repeat; margin-left:15px; padding-left:15px;}
.infoPanel .education h3 a {margin-left:15px;}