﻿html {
 margin: 0;
 padding: 0;
 }
 
body{
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
color: #000;
background: url(/images/background.jpg) top left repeat-x #FFFFFF;
scrollbar-base-color: #B4CFDA;
}

p {
font-size: 0.75em;
line-height: 1.5em;
}

h1 {
font: 1.5em verdana,arial,helvetica,sans-serif;
padding: 5px 10px;
color: #9EC0CF;
border-top: solid 1px #9EC0CF;
}

body#admin h1 {
font: 1.5em verdana,arial,helvetica,sans-serif;
padding: 5px 10px;
color: #9EC0CF;
border-top: solid 1px #9EC0CF;
}

h2 {
font: bold 0.75em verdana,arial,helvetica,sans-serif;
padding: 5px 10px;
color: #fff;
background: #85AFC7;
}
h3{
padding: 5px;
font: bold 0.75em verdana,arial,helvetica,sans-serif;
color: #FAFBFD;
}

h4{
padding: 5px;
font: bold 0.65em verdana,arial,helvetica,sans-serif;
color: #000;
}

/* ======================== Main divs ===============================*/
div#container{
border-bottom: solid 1px #000;
width: 95%;
margin: 1em auto;
border-right: solid 1px #000;
border-left: solid 1px #000;
border-top: 2px solid #000;
}

#header{
margin-left: 10px;
background: url(/images/logo.gif) top left no-repeat transparent;
height: 110px;
}
#slogan{
float: right;
font: bold 0.80em verdana,arial,helvetica,sans-serif;
color: #000;
margin: 90px 15px 0 0;
}
body#admin #ufwus table tr.catad{
 background-color: #933013;
 font: bold 1.0em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }
/*===============================UFWUS STYLES ====================*/
#ufwus
{
/*padding-top: 1em;*/
margin: 50px 300px 0 1em; /* SWAP ORDER */
background-color: transparent;
}

body#admin #ufwus
{
/*padding-top: 1em;*/
margin: 20px 1em 0 1em; /* SWAP ORDER */
background-color: transparent;
}

body#judge #ufwus
{
/*padding-top: 1em;*/
margin: 20px 1em 0 1em; /* SWAP ORDER */
background-color: transparent;
}
/*=========== for judging ============*/
#final{
float: left;
margin: 5px;
font: 0.80em arial,verdana,helvetica,sans-serif;
color: #000;
}

#final table tr.choices{

 background-color: #EBF3F6;
 }
 
 #final table{
 border: solid 1px #000;
 border-collapse: collapse;
 }

#ufwus p{
margin: 1em 0 0 0;
padding: 0 0 0 20px;
color: #000;
text-align: left;   
}

#ufwus p.rig{
margin: 0 0 0 1em;
padding:20px 0 0 0 ;
color: #000;
text-align: right;   
}

#ufwus p.message{
font: bold 0.90em verdana,arial,helvetica,sans-serif;
color: red;
}

#ufwus ul li {
 font: 0.75em verdana, arial, helvetica, sans-serif;
 list-style: square;
 color:  #000;
 line-height: 1.5em;
 text-align: left;   
 padding: 0 10px 0 10px;
 }

#ufwus ul ul li {
 list-style: circle;
 font: 1em verdana, arial, helvetica, sans-serif;
 color:  #000;
 line-height: 1.5em;
 text-align: left;   
 padding: 0 10px 0 10px;
 }

#ufwus ol{
 list-style-type: decimal;
 font: 0.75em verdana, arial, helvetica, sans-serif;
 color:  #000;
 line-height: 1.5em;
 text-align: left;   
 padding: 5px 10px 0 40px;
 }

#ufwus ol ol{
 list-style-type: lower-roman;
 font: 0.75em verdana, arial, helvetica, sans-serif;
 color:  #000;
 line-height: 1.5em;
 text-align: left;   
 padding: 0 10px 0 30px;
 }

#ufwus a, #ufwus a:link { 
 color:  #000;   
 text-decoration: underline;
} 

#ufwus a:visited { 
 color:  #000;   
 text-decoration: underline;
} 

#ufwus a:hover { 
 color: #4E7CA6;
 text-decoration: none;
} 
/*======================================tinyMCE hack==========================*/ 
body#admin #ufwus table .mceToolbar table tr td {border:solid 1px #83A7C2; margin:0; padding:0;}/*this colours the toolbar border the same as background*/
body#admin #ufwus table .defaultSkin table.mceToolbar {margin-left:0; border:0;}
body#admin #ufwus table .defaultSkin table.mceLayout {border:0}
body#admin #ufwus table .defaultSkin table.mceLayout tr.mceFirst td {border-top:0;}
body#admin #ufwus table .defaultSkin table.mceLayout tr.mceLast td {border-bottom:1px solid #000}
body#admin #ufwus .defaultSkin .mceToolbar {height:26px; border: 0; }
body#admin #ufwus .defaultSkin .mceLeft {text-align:left; border:0;}
body#admin #ufwus .defaultSkin .mceRight {text-align:right; border:0;}
body#admin #ufwus .defaultSkin table {background-color:#83A7C2;}/*this colours the toolbar background*/
/*====================================================================*/ 
/*============= TABLE STYLES ==============================*/
#ufwus table{
 border: solid 1px #000;
 border-collapse: collapse;
 font: 1.0em arial,verdana,helvetica,sans-serif;
 }
 
 #ufwus table h4{
 text-align: center;
 font: 0.70em arial,verdana,helvetica,sans-serif;
 }
 
 #ufwus table.noborder{
 border: none;
 border-collapse: collapse;
 font: 1.0em arial,verdana,helvetica,sans-serif;
 }

#ufwus table tr.mainfill{
 background-color: #3E6284;
 font: bold 0.9em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }

#ufwus table tr.lighter{
 background-color: #4E7CA6;
 font: bold 0.84em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }

#ufwus table tr.lightest{
 background-color: #6C95BA;
 font: bold 0.84em arial,verdana,helvetica,sans-serif;
 }
 
 #ufwus table.noborder tr.lightest{
 background-color: #6C95BA;
 font: bold 1.0em arial,verdana,helvetica,sans-serif;
 }

#ufwus table td{
 border-right: solid 1px #000;
 }
 
 #ufwus table.noborder td{
 border-right: none;
 }

#ufwus table.noborder{
 border: none;
 border-collapse: collapse;
 }

/*==========================FOOTER STYLES ===========================*/

#footer{
clear: both;
background: transparent;
padding:  0 10px 1px 10px;
text-align: right;
color: #000;
}


#footer a, #footer a:link { 
font: bold 0.70em verdana, arial, helvetica, sans-serif;
 color:  #000;   
 text-decoration: none;
} 

#footer a:visited { 
 color:  #000;   
 text-decoration: none;
} 

#footer a:hover { 
 color: #3E6284;
 text-decoration: underline;
} 

#updated{
margin-left: 10px;
font: 0.80em verdana,arial,helvetica,sans-serif;
color: #000;
}

/* ==================  WINNERS  =========================*/
#news{
background-color: transparent;
float: right; /* WAS FLOAT LEFT */
width: 250px;
margin: 40px 10px; /* WAS MARGIN-LEFT */
padding-top: /*1em*/0;
border-left: solid 1px #000;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
height: 550px; 
overflow: auto;
}

#news img{
margin: 5px 25px;
border: solid 1px #000;
}

#news h1{
background: /*url(/images/h01.jpg) top left repeat-y #DFE4D2*/#B4CFDA;
text-align: center;
font:  bold 0.90em  verdana, arial, helvetica, sans-serif;
color: #000;
margin: 0;
padding: 5px 0px 5px 10px;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
display: block;
}

#news h2{
font:  bold 0.70em verdana, arial, helvetica, sans-serif;
color: #000;
margin: 3px 15px;
}
#news p{
font: 0.65em verdana, arial, helvetica, sans-serif;
color: #000;
margin: 2px 10px;
text-align: center;
}

body#home div#left{ /*image on homepage */
float:left;
width:293px;
margin: 0;
z-index: 2;
}

/* ============Left side NOTICE box============ */
div#lbox {
margin: 5px;
float: left;
/*clear: both;*/
width: 260px;
}
.bl { 
width: 260px;
background: url(/images/bl.gif) 0 100% no-repeat #AFCBD7;
}
.br {
background: url(/images/br.gif) 100% 100% no-repeat;
}
.tl {
background: none;
background: url(/images/tl.gif) 0 0 no-repeat;
}
.tr {
background: url(/images/tr.gif) 100% 0 no-repeat; 
padding:10px;
}
.clear {font-size: 1px; height: 1px}

#lbox h1{
margin: 0 0 0 0;
font: bold 0.80em verdana,arial,helvetica,sans-serif;
color: #3E6284;
border-bottom: solid 1px #3E6284;
text-align: center;
}

#lbox h2{
padding: 5px;
font: bold 0.75em verdana,arial,helvetica,sans-serif;
line-height: 1.5em;
color: #000;
}

#lbox h3{
padding: 5px;
font: bold 0.75em verdana,arial,helvetica,sans-serif;
color: #FAFBFD;
}

#lbox p{
padding: 5px;
font: 0.75em verdana,arial,helvetica,sans-serif;
line-height: 1.5em;
color: #3E6284;
}

#lbox a, #lbox a:link { 

 color:  #3E6284;   
 text-decoration: none;
} 

#lbox a:visited { 
 color:  #3E6284;   
 text-decoration: none;
} 

#lbox a:hover { 
 color: #000;
 text-decoration: underline;
} 

#lbox ul li {
 font: 0.75em verdana, arial, helvetica, sans-serif;
 list-style: square;
 color:  #3E6284;
 line-height: 1.5em;
 text-align: left;   
 padding: 0;
 }

div#copyright{/*at bottom of page*/
 text-align: center;
 font: 0.7em verdana, arial, helvetica, sans-serif;
 color: #000;
 }

#copyright a, #copyright a:link { 
 color:  #000;   
 text-decoration: none;
 } 

#copyright a:visited { 
 color:  #000;   
 text-decoration: none;
 } 

#copyright a:hover { 
 color: #000;
 text-decoration: underline;
 } 
 
 /* CART Styles */
div#shortlist{
background-color: #85AFC7;
margin: 0 15px 20px 5px;
height: 15px; 
width: 840px;
}

#shortlist, #shortlist p{
 font: bold 12px verdana,arial, helvetica, sans-serif; 
 color: #fff;
margin: 0;
padding: 5px 5px 8px 5px;
 text-align: right;
}

#shortlist a, #shortlist a:link { 
color: #fff;  
 text-decoration: none;
} 

#shortlist a:hover { 
 color: #EDEDDD;
 text-decoration: none;
}

#shortlist img { 
 float: left;
}

.next {
margin: 0 20px 0 0;
padding: 0 5px 0 0;
font: bold 0.75em verdana,arial,helvetica,sans-serif;
color: red;
clear: both;
}
