/*******************************************
COLOURS
Bright Orange:  #e6691e
Medium Orange:  #f4af80
Pale Orange:    #fbe3d1
Dark grey:      #333333

TEXT SIZES

*******************************************/

html {/* Stops flickering of background images in IE6*/
   filter: expression(document.execCommand("BackgroundImageCache", false, true));}

html, body, ul, ol, li, p, div, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;
    font: 12px/18px Helvetica, Arial, sans-serif; } 

    
p, div, td {
    color: #000;}
    
th {
    color: #e6691e;
    text-align: left;}
    
table, p {margin-bottom: 18px;}    

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #e6691e;
    line-height: 36px;
    margin-bottom: 18px; }

h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

a:link,
a:visited {
    color: #e6691e;
    font-weight: bold;
    text-decoration: none;}

a:focus,
a:hover,
a:active {
    color: #000;
    font-weight: bold;
    text-decoration: underline;}

#container {
    width: 975px;
    position: relative;
    margin: 0 auto;}
    
    #header {
        height: 80px;
        width: 100%;
        background-color: #e6691e;}
        
        #header img {
            float: left;
            border: 0 none;
            margin: 0 0 0 10px;}
        
        #headline {
            float: left;
            height: 80px;
            margin: 0 10px ;
            line-height: 80px;
            font-weight: bold;
            font-size: 22px;
            color: #fff;}
            
            #headline span {color: #000;}
            
    #navContainer {
        width: 100%;
        background-color: #dcdcdc;}
        
/*******************************************
HOME SPECIFIC
*******************************************/

    #homeContainer {
        width: 100%;}
      
      
    #homeSideBar {display: none;}
    
      /*******************************************
      LEFT SIDE
      *******************************************/
        #leftboxes {
            float: left;
            width: 425px;
            margin-right: 15px;}
    
            #homeHeader {
                float: left;
                margin: 5px 0 5px 0;}
                
                #homeHeader h1 {
                    font-family: Helvetica, Arial, sans-serif;
                    font-weight: normal;
                    font-size: 36px;
                    margin: 0;}
                
            #rotator {
                z-index: 1;
                position: relative;
                clear: left;
                float: left;
                width: 425px;
                height: 230px;}
    
            #homeBody {
                float: left;
                width: 425px;
                clear: left;
                margin: 5px 0 0 0;}
                
                #homeBody p {
                    margin: 0 9px 18px 0;
                    line-height: 18px;
                    font-size: 14px;}
                    
      
      /*******************************************
      MIDDLE
      *******************************************/
        #middleboxes {
            width: 315px;
            float: left;
            margin-right: 15px;}
      
          #nominationBanner {
                margin: 10px 0 0 0;
                width: 315px;
                height: 80px;
                background: url(../images/nomination_bg.jpg) top right no-repeat;}
            
                #nomHeader1 {
                    width: 205px;
                    height: 50px;
                    background-color: #e6691e;
                    text-indent: 15px;}
                    
                    #nomHeader1 a {
                        color: #fff;
                        font-weight: bold;
                        font-size: 22px;
                        line-height: 50px;}
                
                #nomHeader2 {
                    width: 175px;
                    height: 30px;
                    line-height: 30px;
                    background-color: #dcdcdc;
                    color: #000;
                    font-weight: bold;
                    text-indent: 15px;
                    font-size: 13px;}
                    
            #latestNews {
                width: 315px;
                margin: 15px 0 0 0;
                background-color: #f2f2f2;}
            
                #latestNewsHeader {
                    height: 45px;
                    line-height: 45px;
                    text-indent: 10px;
                    background-color: #e6691e;
                    color: #fff;
                    font-weight: bold;
                    font-size: 16px; }
                
                #latestNews ul {
                    list-style: none;}
                    
                    #latestNews li {
                        font-size: 11px;
                        min-height: 40px;
                        line-height: 40px;
                        padding-left:10px;
                        border-top: 1px dotted #999;}
                        
                        #latestNews li:first-child,
                        #latestNews li.firstNewsItem {
                            border-top: 0 none;}
                        
                        #latestNews a {
                            height: 40px;
                            line-height: 40px;
                            padding-right: 20px;
                            background: url(../images/news_bullet.gif) 100% 50% no-repeat;}
                        
                        #latestNews a:link {
                            font-size: 11px;
                            color: #000; }
                        
                        #latestNews a:visited {
                            font-size: 11px;
                            color: #333;}
                            
                        #latestNews a:focus,
                        #latestNews a:hover,
                        #latestNews a:active{
                            font-size: 11px;
                            color: #e6691e;}
                            
                        #latestNews a:link {
                            font-size: 11px;
                            color: #000;}
                    
             #donateBox {
                float: left;
                width: 315px;
                margin: 15px 0 0 0;
                text-align: right;}
                
                #donateBox a {margin: 0;}
                
                #donate {
                    float: right;
                    background: url(../images/donate_off.jpg) top left no-repeat;
                    display: block;
                    width: 315px;
                    height: 46px;}
            
                #donate:link,
                #donate:visited, {
                    background: url(../images/donate_off.jpg) top left no-repeat;}

                #donate:focus,
                #donate:hover, 
                #donate:active{
                    background: url(../images/donate_on.jpg) top left no-repeat;}
                          
        
      /*******************************************
      RIGHT SIDE
      *******************************************/
  
        #rightboxes {
            float: left;
            width: 205px;}            
                
            #tvcBox {
                float: right;
                width: 205px;
                margin: 10px 0 0 0;}
                
                .video {
                    width: 205px;
                    height: 200px;
                    margin-bottom: 10px;}
                
                    .videoHeading {
                        width: 205px;
                        height: 50px;
                        float: left;
                        background-color: #e6691e;}
                        
                        .videoHeading p {
                            margin: 0;
                            padding-left: 12px;
                            color: #fff;
                            font-weight: bold;}
                        
                        p.videoTitle {
                            margin: 5px 0 0 0;
                            font-size: 14px;
                            font-weight: bold;}
                        
                        p.videoSubTitle {
                            font-size: 11px;
                            font-weight: normal;}
    
                    .videoThumbnail {
                        float: left;
                        width: 205px;
                        height: 150px;
                        text-align: center;
                        background-repeat: no-repeat;}
                        
                        .videoThumbnail img {
                            border: 0 none;}
    
/*******************************************
DEFAULT SPECIFIC
*******************************************/
    
    #defaultContainer {
        width: 100%;}
        
        #defaultBody {
            width: 875px ;
            float: left;
            margin: 18px 18px 0 18px;
            padding: 18px;
            background-color: #fff;}
            
            #defaultBody table[width] {
                /*width: 800px;*/}
                     
    #footer {
        clear: both;
        border-top: 1px solid #e6691e;}
        
        #footer img {border: 0 none;}
        
        #footer table {margin-bottom: 0;}
        
        #footer td {
            padding: 0;}
        
            #footer table p {
                color: #e6691e;
                font-weight: bold;
                font-size: 18px;
                margin-bottom: 0;}
                
                #footer table p strong {
                    color: #000;}

/*******************************************
GENERIC CONTENT
*******************************************/       

.content ul,
.content ol,
.content dl {
    margin: 0 0 18px 36px;}
    
    .content ul ul,
    .content ol ol,
    .content dl dl,
    .content ul ol,
    .content ol ul {margin-bottom: 0;}    

.content th {
    vertical-align: top;
    text-align: left;
    padding: 4px;}
    

.content img {border: 0 none;}    

.content hr {
    border: 0 none;
    color: #fff;
    background-color: #fff;
    height: 1px;
    border-top: 1px dotted #999;}

blockquote {
    font-style: italic;}
    
#frequentlyaskedquestions h2
#ambassadors h2 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 9px;}
    
#ambassadors h3 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 9px;}
    
#prizes h2 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 9px;}
    
#ambassadors .content  img {
    margin: 0;
    border-top: 3px solid #f4af80;
    border-left: 3px solid #f4af80;
    border-right: 2px solid #e6691e;
    border-bottom: 2px solid #e6691e;}    
    
/*******************************************
NAVIGATION
*******************************************/
/* Root = Horizontal, Secondary = Vertical */
#navigation ul {    
    position: relative;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    width: 950px; /*For KHTML*/
    list-style: none;
    height: 24px;
    z-index: 99;}

#navigation ul ul {
    margin: 0;
    width: 200px;
    list-style: none;
    display: none;
    position: absolute;
    top: 24px;
    left: 0;}

#navigation ul ul:after /*From IE 7 lack of compliance*/{
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 0;
    visibility: hidden;}

#navigation ul ul li,
#navigation ul ul li a {
    width: 200px;
    float: left; /*For IE 7 lack of compliance*/
    display: block !important;
    display: inline; /*For IE*/}

    
/* Root Menu */
#navigation ul a {
    float: none !important; /*For Opera*/
    float: left; /*For IE*/
    display: block;
    color: #333;
    font: bold 12px/24px Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/}
    
#navigation ul li,
#navigation ul li li,
#navigation ul li li li {
    margin: 0;
    padding: 0 8px;
    float: left; /*For Gecko*/
    display: block;
    list-style: none;
    position: relative;
    color: #333;
    font: bold 12px/24px Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/}

#navigation ul li li,
#navigation ul li li li {
    text-indent: 0;
    /*padding-left: 5px;*/
    border-top: 0 none;}
  
#navigation ul ul li,
#navigation ul ul li a {
    /*padding: 0;*/
    width: 200px;
    float: left; /*For IE 7 lack of compliance*/
    display: block !important;
    display: inline; /*For IE*/}  
  
#navigation ul li.lastLi {margin: 0;}

/* Root Menu Hover */
#navigation ul a:hover,
#navigation ul li:hover,
#navigation ul li:hover a,
#navigation ul li.iehover,
#navigation ul li.iehover a {
    background-color: #e6691e;
    color: #fff;}

/* 2nd Menu */
#navigation ul li:hover li a,
#navigation ul li:hover li,
#navigation ul li.iehover li,
#navigation ul li.iehover li a {
    background-color: #dcdcdc;
    color: #333;}

/* 2nd Menu Hover */
#navigation ul li:hover li a:hover,
#navigation ul li:hover li:hover,
#navigation ul li:hover li:hover a,
#navigation ul li.iehover li a:hover,
#navigation ul li.iehover li.iehover,
#navigation ul li.iehover li.iehover a {
    background-color: #e6691e;
    color: #fff;}

/* 3rd Menu */
#navigation ul li:hover li:hover li a,
#navigation ul li.iehover li.iehover li a {
    background-color: #dcdcdc;
    color: #333;}

/* 3rd Menu Hover */
#navigation ul li:hover li:hover li a:hover,
#navigation ul li:hover li:hover li:hover a,
#navigation ul li.iehover li.iehover li a:hover,
#navigation ul li.iehover li.iehover li.iehover a {
    background-color: #e6691e;
    color: #fff;}

/* 4th Menu */
#navigation ul li:hover li:hover li:hover li a,
#navigation ul li.iehover li.iehover li.iehover li a {
    background: #FFF;
    color: #333;}

/* 4th Menu Hover */
#navigation ul li:hover li:hover li:hover li a:hover,
#navigation ul li.iehover li.iehover li.iehover li a:hover {
    background-color: #dcdcdc;
    color: #333;}

#navigation ul ul ul,
#navigation ul ul ul ul {
    display: none;
    position: absolute;
    top: 0;
    left: 133px;}

/* Do Not Move - Must Come Before display:block for Gecko */
#navigation ul li:hover ul ul,
#navigation ul li:hover ul ul ul,
#navigation ul li.iehover ul ul,
#navigation ul li.iehover ul ul ul {
    display: none;}

#navigation ul li:hover ul,
#navigation ul ul li:hover ul,
#navigation ul ul ul li:hover ul,
#navigation ul li.iehover ul,
#navigation ul ul li.iehover ul,
#navigation ul ul ul li.iehover ul {
    display: block;}     
    
/*******************************************
FORMS
*******************************************/   

.formLine1Style {}
.formLine2Style td {}

.formLabelStyle {font-weight: bold;} 

.formPromptStyle {padding-left: 50px;}

.formSubPromptStyle {
    font-size: 90%;
    font-style: italic;}

.formErrorStyle {
    color: red;
    font-weight: bold;}
    
.formLabelStyle input,
.button,
a.button {
    border: 2px solid #fff;
    background-color: #e6691e;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: lowercase;}
    
.formLabelStyle input:hover,
.button:hover,
a.button:hover  {
    border: 2px solid #f4af80;
    background-color: #e6691e;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: lowercase;}  
    
a.button {padding: 3px;}    
    
#certificatePreview {
    width: 411px;
    height: 600px;
    position: relative; 
    left: 219px;
    background: url(../resource/certificate_07_preview.jpg) top left no-repeat; }      

    
/*******************************************
NOMINATIONS
*******************************************/ 
#nominations td {
    padding: 18px 0 0 0;
    border-bottom: 2px solid #f4af80;
    vertical-align: top;}
    
    #nominations td em {
        display: block;
        margin-left: 18px;}
  
.nominationImage {text-align: right;}

.nominationImage img {
    margin: 18px 18px;
    border-top: 3px solid #f4af80;
    border-left: 3px solid #f4af80;
    border-right: 2px solid #e6691e;
    border-bottom: 2px solid #e6691e;} 
    
/*******************************************
WINNERS
*******************************************/   

.winnerPhoto {text-align: center;}

.winnerPhoto img {
    margin: 0 18px 18px 18px;
    border-top: 3px solid #f4af80;
    border-left: 3px solid #f4af80;
    border-right: 2px solid #e6691e;
    border-bottom: 2px solid #e6691e;}
    
.current p {clear: both;}

    .current p strong {
        display: block;
        text-align: center;}

    .current p.topTip strong {
        display: inline; 
        text-align: left;}
    
.disclaimer {font-size: 10px;}
    
.current blockquote,
.past blockquote {
    quotes: "\201C" "\201D";}
    
.current blockquote:before {
    content: open-quote;}
    
.current blockquote:after {
    content: close-quote}
    
.past td {
    vertical-align: top;
    padding: 18px 0 0 0;
    border-bottom: 1px dotted #999; }

.newsTable {
    width: 100%;}
    
    .newsDate {font-weight: bold;}     
        
        
    .newsBlurb {
        width: 99%;}
    
    .pastWinnerPhoto img,
    .newsPhoto img {
        margin: 0 18px 18px 18px;
        border-top: 3px solid #f4af80;
        border-left: 3px solid #f4af80;
        border-right: 2px solid #e6691e;
        border-bottom: 2px solid #e6691e;}
   
    .pastWinnerBlurb h2,
    .newsBlurb h2, {
        font-size: 18px;
        line-height: 18px;
        margin-bottom; 0;}    
    
    .pastWinnerBlurb .topTip {margin-bottom: 9px;}
   
    .moreLink {float: left;}
    
/*******************************************
MEDIA RELEASES
*******************************************/   

.releaseDetails td {
    vertical-align: top;
    padding: 4px;}
    
    .releaseDetails th img {
        float: left;
        margin-right: 4px;}

#releaseIndex td {
    vertical-align: top;
    padding: 4px;} 
    
/*******************************************
ADMIN
*******************************************/   
#adminNominations td,
#adminNominations th {
    padding: 4px 4px 0 4px;
    border-bottom: 2px solid #f4af80;}
    
#adminNominations th {cursor: pointer;}    

#adminNav {
    list-style: none;
    margin: 0 0 36px 0;
    padding: 0;}
    
    #adminNav li {
        display: inline;
        float: left;
        line-height: 24px;}
        
        #adminNav li a:link,
        #adminNav li a:visited  {
            color: #fff;
            font-size: 14px;
            padding: 2px 4px;
            margin: 0 4px 0 0;
            border: 2px solid #fff;
            background-color: #e6691e;
            font-weight: bold;
            line-height: 24px;
            text-transform: lowercase;}

        #adminNav li a:focus, 
        #adminNav li a:hover,
        #adminNav li a:active  {
            color: #fff;
            font-size: 14px;
            padding: 2px 4px;
            margin: 0 4px 0 0;
            border: 2px solid #f4af80;
            background-color: #e6691e;
            font-weight: bold;
            line-height: 24px;
            text-transform: lowercase;}