/*copyright RED INK CREATIVE LIMITED - mail@redink.co.uk - 2006 */

/*-------------------------------------------general stuff----------------------------------*/
*{margin: 0; padding: 0;}/* universal declaration...sets 0 margins in firefox between divs */
html, body {height:  100%;}
html { margin-bottom:  1px; }/*forces a scrollbar in FF etc - saving the page jump*/
body { font-family: Arial,Helvetica,sans-serif; font-size: 90%; color: black;  text-align: center;/*IE5 workaround to center*/}
#wrapper{position: relative; margin: 0 auto; width: 780px; text-align: left; }

#header{background:url(../images/header.gif) no-repeat; width:780px; height:300px;}
p{margin:15px 0 15px 0}
p.list150{margin:15px 0 85px 0}
p.blue{color:#003399;}
h1{font-size:180%;color:#69f;font-weight:normal;margin-bottom:20px;}
h2{font-size:140%;color:#69f;font-weight:normal;}
img{border:none;}

/*-------------------------------------------NAVIGATION BAR & LINKS --------------------------------------------*/

#navigation {position:absolute; top:94px; left:1px;}
#navigation li { float:left;list-style-type: none; }
#navigation a { display:block; text-decoration:none;}
#navigation a span{ margin-left:-2000px;}

#navigation a#home{background: url("../images/navigation/home.gif") no-repeat; width:58px; height:20px;}
#navigation a#home:hover{background: url("../images/navigation/home_over.gif") no-repeat; }
#navigation a#home_page{background: url("../images/navigation/home_over.gif") no-repeat; width:58px; height:20px;}

#navigation a#top15{background: url("../images/navigation/top15.gif") no-repeat; width:65px; height:20px;}
#navigation a#top15:hover{background: url("../images/navigation/top15_over.gif") no-repeat;}
#navigation a#top15_page{background: url("../images/navigation/top15_over.gif") no-repeat; width:65px; height:20px;}

#navigation a#milestones{background: url("../images/navigation/milestones.gif") no-repeat; width:86px; height:20px;}
#navigation a#milestones:hover{background: url("../images/navigation/milestones_over.gif") no-repeat;}
#navigation a#milestones_page{background: url("../images/navigation/milestones_over.gif") no-repeat; width:86px; height:20px;}
 
 
#navigation a#moving_forward{background: url("../images/navigation/moving_forward.gif") no-repeat; width:120px; height:20px;} 
#navigation a#moving_forward:hover{background: url("../images/navigation/moving_forward_over.gif") no-repeat;}
#navigation a#moving_forward_page{background: url("../images/navigation/moving_forward_over.gif") no-repeat; width:120px; height:20px;}
 
#navigation a#projects{background: url("../images/navigation/150projects.gif") no-repeat; width:96px; height:20px;}  
#navigation a#projects:hover{background: url("../images/navigation/150projects_over.gif") no-repeat; }
#navigation a#projects_page{background: url("../images/navigation/150projects_over.gif") no-repeat; width:96px; height:20px; }

#navigation a#hyder{background: url("../images/navigation/hyder.gif") no-repeat; width:143px; height:20px;}  
#navigation a#hyder:hover{background: url("../images/navigation/hyder_over.gif") no-repeat; }
#navigation a#hyder_page{background: url("../images/navigation/hyder_over.gif") no-repeat; width:143px; height:20px; }

/*--------------------------------------HOME------------------------------------*/

#home #col_one{position:absolute;top:170px; left:201px; width:370px;padding-bottom:50px;}
#home #bg_logo{background:url("../images/hyder_logo.gif") 100px 10px no-repeat; width:480px; height:360px;}
/*-------------------------------------RIGHT HAND COLUMN-------------------------*/

#right_col{position:absolute;top:170px; left:600px; width:170px; font-size:75%;}
#right_col input{padding-left:5px; border: 1px solid #69f;}
.submit{background-color:#69f;color:#fff; border:none;} 
p.break{margin:2px 0 2px 0;}
#right_col a{color:#36c;text-decoration:none;}
#right_col a:hover{color:#f90;text-decoration:none;}
#right_col h3{color:#f90;font-weight:normal;font-size:180%; letter-spacing:2px;}
#right_col img#vote_graphic{margin:100px 0 0 0;}
/*-----------------------------------TOP 15------------------------------------*/

#top15projects {width:600px;position:absolute;top:350px; left:0;padding-bottom:50px;}
#top15projects table{font-size:80%;}
#top15projects table td.vote{text-align:left;}
#top15projects table td{padding-bottom:0px;}
#top15projects a{color:#36c;text-decoration:none;}
#top15projects a:hover{color:#f90;text-decoration:none;}

/*-----------------------------------PROJECTS-------------------------------*/

#projects #col_one{width:350px;padding-bottom:50px;}
#projects #col_two{position:absolute;top:170px; left:200px; width:370px;}
#projects ul{position:absolute;top:420px;left:370px; font-size:85%;}
#projects li{padding:3px 0;list-style-type: none;}
#projects ul a{text-decoration:none;color:#7A87C8}
#projects ul a:hover{text-decoration:none;color:#f90;}

/*------------------------------MILESTONES----------------------------------------*/
#timeline{position:absolute;top:300px;left:0;width:550px;padding-bottom:50px;}
#text{font-size:100%; padding:50px 0 0 20px;}
#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10,#text11,#text12,#text13,#text14,#text15,#text16,#text17,#text18,#text19,#text20,#text21 {display:none; font-size:100%; width:250px; padding:50px 0 0 20px;}
#milestones_text{position:absolute;top:500px;left:0;width:550px;padding-bottom:50px;}
/*---------------------------------150 PROJECTS--------------------------------------*/
#projects_150 #col_one{position:absolute;top:320px; left:10px; width:570px; font-size:90%;}
#projects_150 strong{font-size:110%;color:#36c;}
/*---------------------------------TEXT SIZE-------------------------------------*/
p#text_size{border-top:1px dotted #36c;padding-top:5px;}