/*
---------------------------
Draper Prize-- styles
http://www.draperprize.chedd-angier-lewis.com
author: Chedd-Angier-Lewis
version: 4 november 2008
---------------------------
*/



div, p, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

div, h1, h2, h3, h4, a, img {
	behavior: url(/css/iepngfix.htc);

}

#wholepage {
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	color: #4c5c7e;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 1.3em;
}
p{
	padding-top: 3px;
        padding-bottom: 7px;
        color: #4c5c7e;
	
}
h2{
    padding-bottom: 5px;
    font-size: 18px;
    line-height: 1.1em;
}

h3{ font-size: 16px;}
h4 { font-size: 13px; }

.toppad{
    padding-top: 20px;
}

.topline{
	border-top: 1px solid #4c5c7e;
	padding-top: 10px;
}
.white{color: #fff;}
.black{ color: #000; }
.blue{ color: #4c5c7e; }
.smalltext{font-size: 11px;}
.smalltextItalic{
	font-size: 11px;
	font-style: italic;
}
.upper{ text-transform: uppercase; }
.upper a{ text-decoration: none; }
.rightjustify{ text-align: right; }
.center{ text-align: center; }
.biggertext{
        
    	font-size: 14px;
        font-weight: bold;
        padding-bottom: 15px;
}


img{
        padding: 8px 0 8px 0;      
}


a img { border: none;}
a{ color: #4c5c7e;}
a:visited{ color: #4c5c7e; }
a:hover{ color: #000; }


#titlebar {
        width: 1024px;
        height: 68px;
	text-align: left;
        background: #fff;
        background-image: url("/images/titlebar.jpg");

}
#titlebar h1 {
        width: 1024px;
        height: 68px;
	background-image: url("/images/titlebar.jpg");

}

#titlebar h1 a{
    display: block;
        width: 1024px;
        height: 68px;
        background-image: url("/images/titlebar.jpg");
}

#titlebar h1 span{
   display: none;
}

#navbar {
        width: 1024px;
        height: 24px;
	background: #fff;
        background: url("/images/navbar_bg.jpg") no-repeat;
        margin: 0;
        padding: 0;
}

#navbar ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding: 5px 0 0px 0;	
}

#navbar li{
    text-transform:uppercase;
    color: #fff;
	display: inline;
	width: 100px;
	padding: 0 10px 0 10px;
	border-right: 2px solid #89CBDF;
}

#navbar li.last{
	border-right: none;	
}

#navbar li.first{
	padding-left: 370px;
}

#navbar a{
	text-decoration: none;
	color: #fff;
}

#navbar a:hover{
	text-decoration: none;
	color: #D3E08D;
}

#contentarea{
        width: 1024px;
        background: #fff url("/images/fade.jpg") top no-repeat;
 margin: 0px;
 padding: 0px;
	
}

#innercontentarea{
     width: 741px;
        margin: 0 148px 0 135px;
        padding-top: 30px;     
}


#whiteboxtop{
        width: 336px;
        height: 18px;
       background: url("/images/prizetop.png") top no-repeat;
        
}
#whiteboxbg{
        width: 336px;
        background: #000;
        background: url("/images/prizemid2.png") repeat-y;
}
#boxcontent{
        width: 296px;
        margin: 0 20px 0 20px;
        padding: 0px;    
}


#whiteboxbottom{
         width: 336px;
         height: 39px;
         background: url("/images/prizebottom.png") top no-repeat;  
}

#blueboxtop {
      width: 336px;
        line-height: 10px;
       background: url("/images/blueboxtop.png") top no-repeat;
       padding: 0px;
       margin: 0px;
}
#blueboxbottom{
     width: 336px;
         height: 21px;
         background: url("/images/blueboxbottom.png") top no-repeat;     
}
#blueboxbg{

           width: 336px;
        background: #89cbdf;
        background: url("/images/blueboxmid.png") repeat-y;
            padding: 0px;
       margin: 0px;
}

#ditlnav ul{
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        width: 741px;
        float: left;
}

#ditlnav li{
    float: left;
    height: 29px;
    width: 240px;
  padding-right: 10px; 
}

#ditlnav li#scene3{padding-right: 0px; }

#ditlnav a{
        display: block;
        height: 29px;
        width: 240px;
        background: url("/images/ditl1.gif") no-repeat;
        background-position: 0px 0px;
}

#ditlnav a:hover{
        display: block;
        height: 29px;
        width: 240px;
        background-position: 0px -29px;
}

#ditlnav span{
    display: none;

}
li#scene1 a{ background: url("/images/ditl1.gif") no-repeat; }
li#scene2 a{background: url("/images/ditl2.gif") no-repeat; }
li#scene3 a{ background: url("/images/ditl3.gif") no-repeat;}
    
body#scene1 li#scene1 a{  background-position: 0px -29px;}
body#scene2 li#scene2 a{ background-position: 0px -29px;}
body#scene3 li#scene3 a{ background-position: 0px -29px; }


#ditlnavbig ul{
        margin: 0px;
        padding: 0px;
        padding-top: 20px;
        list-style-type: none;
        width: 741px;
        float: left;
}

#ditlnavbig li{
    float: left;
    height: 423px;
    width: 240px;
  padding-right: 10px; 
}

#ditlnavbig li#scene3big{padding-right: 0px; }

#ditlnavbig a{
        display: block;
        height: 423px;
        width: 240px;
        background: url("/images/DITL1big.jpg") no-repeat;
        background-position: 0px 0px;
}

#ditlnavbig a:hover{
        display: block;
        height: 423px;
        width: 240px;
        background-position: -240px 0px;
}

#ditlnavbig span{
    display: none;
}

li#scene1big a{ background: url("/images/DITL1big.jpg") no-repeat; }
li#scene2big a{background: url("/images/DITL2big.jpg") no-repeat; }
li#scene3big a{ background: url("/images/DITL3big.jpg") no-repeat;}


#leftcol{
        float: left;
        width: 374px;
        margin-right: 30px;
        display: inline;
	/* hack to fix IE double margin bug */

}

#rightcol{
	float: left;
        width: 336px;
        display: inline;
	/* hack to fix IE double margin bug */

}

body#docdraper #leftcol{
   float: left;
        width: 423px;
        margin-right: 30px;
        display: inline;
	/* hack to fix IE double margin bug */           
}

body#docdraper #rightcol{
     float: left;
        width: 288px;
        display: inline;
	/* hack to fix IE double margin bug */        
}


body#winner #colcontainer{
        width: 741px;
         background:  url("/images/2pxline.jpg") top repeat-y;
         float: left;
         background-position:  379px 0px;
}



body#winner #leftcol{
   float: left;
        width: 359px;
        margin-right: 21px;
        padding-right: 21px;
        /*border-right: solid 2px #4c5c7e;*/
        display: inline;
	/* hack to fix IE double margin bug */           
}


body#winner #rightcol{
     float: left;
        width: 340px;
        display: inline;
	/* hack to fix IE double margin bug */        
}

body#winner #leftcol img{
        padding-right: 8px;
        padding-bottom: 8px;
   
        float: left;
}

body#winner #rightcol img{
  text-align: center;
  padding-bottom: 10px;
}



#winnertitle{
      float: left;
  width: 591px;
          display: inline;
	/* hack to fix IE double margin bug */       
}

#videoarea{
    padding: 0px;
    margin: 0px 0px 50px 0px;
    height: 264px;
    width: 741px;
    
}
#vidwinnerbox{
    float: left;
    width: 359px;
    height: 234px;
    background-color: #cbd8ed;
    padding: 15px;
}
#videohere{
    float: left;
    width: 352px;
    height: 264px;
   
}

#videoarea169{
    padding: 0px;
    margin: 0px 0px 50px 0px;
    height: 198px;
    width: 741px;
    
}
#vidwinnerbox169{
    float: left;
    width: 359px;
    height: 168px;
    background-color: #cbd8ed;
    padding: 15px;
}
#videohere169{
    float: left;
    width: 352px;
    height: 198px;
   
}



#videohere img{
    padding: 0px;
    margin: 0px;
    height: 200px;
    width: 355px;
   
}

#backbutton{
       width: 150px; 
        float: left;
        text-align: right;
        color: #fff;
        display: inline;
	/* hack to fix IE double margin bug */   
}

#backbuttonvid{
       width: 741px; 
        text-align: right;
        color: #fff;
        padding-bottom: 5px;
   
}

#backbutton a{
    color: #fff;    
        
}
#backbutton a:hover{
    color: #D3E08D;    
        
}

#backbuttonvid a{
    color: #fff;    
        
}
#backbuttonvid a:hover{
    color: #D3E08D;    
        
} 
    
table{
        border: none;
        width: 600px;
        margin: 0px;
        padding: 0px;
        border-collapse: collapse;
 }
       
td{
        padding: 5px;
        margin: 0px;
        vertical-align: top;  
}

tr{
    border: 1px solid #4c5c7e;    
}

tr.row1{
    background-color: #cbd8ed;       
}

tr.row2{
      background-color: #fff;     
              
}

td img{
    float: left;
    padding-right: 8px;
    margin-top: -6px;
}
#flash, #flash2, #flash3{
  
        width: 741px;
        height: 422px;
        margin-top: 20px;  
        
}

#footer{
        clear: both;
        width: 1024px;
        height: 111px;
        background: #fff url("/images/footer2.jpg");
 
        
}

#insidefooter{
     width: 741px;    
        height: 111px;
         margin: 0 148px 0 135px;
  
}

#footerleft{
        float: left;
        width: 300px;
        height: 111px;
          
}
#footerright{
        
            float: left;
              width: 441px;
        height: 111px;
        text-align: right;
           
}

#footerright img{
        padding: 0;
        margin: 0;
}

#footerleft img{
        padding: 0;
        margin: 0;
}
.clearer{
        height: 1px;
        line-height: 1px;
        clear: both;
        
}
.picwrapNoBrdr {
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}