/* CSS Document */

/* 	Created By: Jen Shefner
	Email: jens@columbiacu.org  */	


/* =Typography 
-------------------------------------------------------------------------*/
#method1, #method2, #method3, #method4,
#method5, #method6, #method7, body {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:bolder;
color:#404f24;
margin-bottom:0;
display: inline;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
margin-left:25px;
color:#cd5806;
display: inline;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
display: inline;
padding-right:5px;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
display: inline;
color:#404f24;
/*background-color:#ecd5af;*/
padding:1px;
}

h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
font-style:italic;
display: inline;
padding-right:5px;
}

a {color:#0060a1;}

#PrizeDesc ul {
margin:0;
padding:0px;
}

#PrizeDesc li {
list-style-type:none;
margin-bottom:8px;
margin-left:-20px;
}

.last { margin-bottom:0px;}

#footer {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-align:center;
font-weight:normal;
}

.hidden { visibility: hidden; display: none;}
.visible { visibility: visible; display: block;}

#method1, #method2, #method3, #method4,
#method5, #method6, #method7 {
background-color:#FFFFFF;
margin:10px 10px 10px 0px;
padding:10px;
background-color:#ecd5af;
width:530px;
 }
 
#spaced li {
margin-top:11px;} 


/* =Form 
-----------------------------------------------------------------------------*/

form {
margin:0px;
padding:0px;
}

form p {
position:relative;
margin-bottom:11px;
}

label {
margin-left:20px;
}

input {
position:absolute;
left: 130px;
top:0px;
}

input[type="text"] {
width:200px;
}

input.submit {
position:relative;
left:0px;
}


fieldset {
border:1px #e86a10 dashed;
margin:0px 0px 15px 0px;
padding:10px;
display:block;
}

legend {
padding:5px;
margin:0px 0px 0px 10px;
font-size:13px;
font-weight:900;
color:#404f24;
background-color:#FFFFFF;
text-transform:uppercase;
}


/* =Win 
-----------------------------------------------------------------------------*/

#WinLinks div { margin-bottom: 10px; }

#WinLinks a.method {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#cd5806;
text-decoration:underline;
margin:0px 0px 0px 20px;
}

#WinLinks a.method:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#668d3c;
text-decoration:underline;
margin:0px 0px 0px 20px;
}

#WinLinks .number {
padding: 7px 7px 7px 7px;
font-size:14px;
font-weight:bold;
background-image:url(../images/global/green_circle.gif);
background-position: center;
background-repeat:no-repeat;
color:#FFFFFF;
}


/* =Navigations 
-----------------------------------------------------------------------------*/


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

li.home, li.win,
li.prizes, li.about {
background-image:url(/SMARTCAR/images/global/tab.gif);
background-repeat:no-repeat;
padding-right:2px;
padding-left:0px;
display:block;
width:104px;
height:27px;
float:left;
}

li.win a:hover,
li.prizes a:hover,
li.about a:hover{
background-image:url(/SMARTCAR/images/global/tab-rollover.gif);
background-repeat:no-repeat;
display:block;
width:104px;
height:27px;
float:left;
}

a.navLink {
display:block;
width:104px;
height:27px;
line-height:27px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:center;
}

#win #wrapper #mainNav li.win,
#prizes #wrapper #mainNav li.prizes,
#about #wrapper #mainNav li.about {
background-image:url(/SMARTCAR/images/global/tab-rollover.gif);
background-repeat:no-repeat;
padding-right:2px;
padding-left:0px;
display:block;
width:104px;
height:27px;
float:left;
}

ul.SecondaryNav {
list-style-type:none;
margin:0;
}

li.SecondaryNavLi {
float:left;
padding-right:3px;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#4d5a11;
text-decoration:none;
}

a.SecondaryNavLink {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4d5a11;
text-decoration:none;
}

a.SecondaryNavLink:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#cd5806;
text-decoration:underline;
}



/* =Layout
---------------------------------------------------------------------------------*/

#home, #win, #prizes, #about {
display:block;
width: 650px;
position: relative;
left:50%;
height:100%;
margin-left: -360px;
padding:0;
}

#wrapper {
position: relative;
clear: both;
width: 630px;
padding: 20px;
padding-right: 0px;
background-image: url(../images/global/green_brocade.jpg);
background-repeat: repeat;
}

#middle {
clear: both;
width: 630px;
height:152px;
margin: 0px;
padding: 0px;
margin-bottom: 9px;
}

#bottom {
width: 630px;
height: 302px;
}

#mainNav {
margin:0;
padding:0;
width: 320px;
height:27px;
float: right;
padding-right: 30px;
}


#photoBox {
float: left;
margin:0;
position: relative;
margin-left: 8px;
width:451px;
height:302px;
}


#logoBox {
margin:0;
width: 152px;
height: 152px;
left:16px;
top:57px;
float:left;
clear:both;
}

#teaserBox {
margin:0;
padding:0;
width: 152px;
height:302px;
table-layout:fixed;
float: left;
}

#teaserBox td.body {background-color:#ecd5af; height:274px; width:124px; vertical-align:top}
#teaserBox td.tl, div.tl {background-image:url(/SmartCar/images/global/box3_corner_tl.gif); background-repeat:no-repeat; width:14px; height:14px;}
#teaserBox td.tr, div.tr {background-image:url(/SmartCar/images/global/box3_corner_tr.gif); background-repeat:no-repeat; width:14px; height:14px;}
#teaserBox td.bl, div.bl {background-image:url(/SmartCar/images/global/box3_corner_bl.gif); background-repeat:no-repeat; width:14px; height:14px;}
#teaserBox td.br, div.br {background-image:url(/SmartCar/images/global/box3_corner_br.gif); background-repeat:no-repeat; width:14px; height:14px;}
#teaserBox td.top {background-image:url(../images/global/box3_border_top.gif); background-repeat:repeat-x; width:124px}
#teaserBox td.bottom {background-image:url(../images/global/box3_border_bottom.gif); background-repeat:repeat-x; width:124px}
#teaserBox td.left {background-image:url(../images/global/box3_border_left.gif); background-repeat:repeat-y; height:274px}
#teaserBox td.right {background-image:url(../images/global/box3_border_right.gif); background-repeat:repeat-y; height:274px}

#HeadlineBox {
margin:0;
padding:0;
margin-left: 10px;
width:451px;
height:152px;
table-layout:fixed;
float: left;
}

#HeadlineBox td.body {background-color:#FFFFFF; width:451px; vertical-align:top; text-align:center;}
#HeadlineBox td.tl, div.tl, #ContentBox td.tl, div.tl  {background-image:url(/SmartCar/images/global/whitebox_corner_tl.gif); background-repeat:no-repeat; width:14px; height:14px;}
#HeadlineBox td.tr, div.tr, #ContentBox td.tr, div.tr  {background-image:url(/SmartCar/images/global/whitebox_corner_tr.gif); background-repeat:no-repeat; width:14px; height:14px;}
#HeadlineBox td.bl, div.bl, #ContentBox td.bl, div.bl {background-image:url(/SmartCar/images/global/whitebox_corner_bl.gif); background-repeat:no-repeat; width:14px; height:14px;}
#HeadlineBox td.br, div.br, #ContentBox td.br, div.br {background-image:url(/SmartCar/images/global/whitebox_corner_br.gif); background-repeat:no-repeat; width:14px; height:14px;}
#HeadlineBox td.top {background-image:url(../images/global/whitebox_border_top.gif); background-repeat:repeat-x; width:423px}
#HeadlineBox td.bottom {background-image:url(../images/global/whitebox_border_bottom.gif); background-repeat:repeat-x; width:423px}
#HeadlineBox td.left {background-image:url(../images/global/whitebox_border_left.gif); background-repeat:repeat-y; height:124px}
#HeadlineBox td.right {background-image:url(../images/global/whitebox_border_right.gif); background-repeat:repeat-y; height:124px}

#ContentBox {
margin:0px;
clear: both;
width:616px;
table-layout:fixed;
padding:0px;
}

#ContentBox td.body {background-color:#FFFFFF; width:616px; vertical-align:top; padding: 90px 0px 15px 15px; text-align:left;}
#ContentBox td.top {background-image:url(../images/global/whitebox_border_top.gif); background-repeat:repeat-x; width:588px}
#ContentBox td.bottom {background-image:url(../images/global/whitebox_border_bottom.gif); background-repeat:repeat-x; width:588px}
#ContentBox td.left {background-image:url(../images/global/whitebox_border_left.gif); background-repeat:repeat-y; height:100%}
#ContentBox td.right {background-image:url(../images/global/whitebox_border_right.gif); background-repeat:repeat-y; height:100%}

#Car { position:absolute; top:119px; left:192px;}
#Referral { position:absolute; top:130px; left:332px; width:301px; height:118px;}
#Referral2 { position:relative; margin:0px; padding:0px; width:225px; height:118px; float:right; right:-13px}

img {border:none;}