/*---------------- page One (index)-------------------------*/
body.One td.rule {   /*default: teal*/
height:2px;
}

body.One table#title {
background-image: url(../img/title-index.gif);
background-position:right top;
background-repeat:no-repeat;
}


/*---------------- page two (about algate)-------------------------*/

body.Two table#title {
background-image: url(../img/title-about.gif);
background-position:right top;
background-repeat:no-repeat;
}

body.Two td.rule {   /*blue*/
background-color:#00adef;
}

body.Two table.leftnav ul{
background:url(../img/sidenav-about.jpg) repeat-y;
}

body.Two table.leftnav li a:hover{
background:#00adef url(../img/nav-dot.gif) repeat-x bottom;
color:white;
}

body.Two #active a{
background:#00adef url(../img/nav-dot.gif) repeat-x bottom;
color:white;
}

/*---------------- page Three (what we do)-------------------------*/

body.Three table#title {
background-image: url(../img/title-wedo.gif);
background-position:right top;
background-repeat:no-repeat;
}

body.Three .rule {  /*purple*/
background-color:#5d4aef;
}

body.Three table.leftnav ul{
background:url(../img/sidenav-wedo.jpg) repeat-y;
}

body.Three table.leftnav li a:hover{
background:#5d4aef url(../img/nav-dot.gif) repeat-x bottom;
color:white;
}

body.Three #active a{
background:#5d4aef url(../img/nav-dot.gif) repeat-x bottom;
color:white;
}

/*---------------- page Four (projects)-------------------------*/

body.Four table#title {
background-image: url(../img/title-projects.gif);
background-position:right top;
background-repeat:no-repeat;
}

body.Four td.rule {  /*orange*/
background-color:#ff8613;
}

body.Four table.leftnav ul{
background:url(../img/sidenav-projects.jpg) repeat-y;
}

body.Four table.leftnav li a:hover{
background:#ff8613 url(../img/nav-dot.gif) repeat-x bottom;
color:white;
}

body.Four #active a{
background:#ff8613 url(../img/nav-dot.gif) repeat-x bottom;
color:white;
}

/*---------------- page Five (reading room)-------------------------*/

body.Five table#title {
background-image: url(../img/title-reading.gif);
background-position:right top;
background-repeat:no-repeat;
}

body.Five td.rule {  /*green*/
background-color:#b5df33;
}

body.Five table.leftnav ul{
background:url(../img/sidenav-reading.jpg) repeat-y;
}

body.Five table.leftnav li a:hover{
background:#b5df33 url(../img/nav-dot.gif) repeat-x bottom;
color:white;
}

body.Five #active a{
background:#b5df33 url(../img/nav-dot.gif) repeat-x bottom;
color:white;
}


/*---------------- page Six(contact)-------------------------*/

body.Six table#title {
background-image: url(../img/title-contact.gif);
background-position:right top;
background-repeat:no-repeat;
}

body.Six td.rule {  /*teal*/
background-color:#0292a9;
}

body.Six table.leftnav ul{
/*background:url(../img/sidenav-contact.jpg) repeat-y;*/
}

body.Six table.leftnav li a:hover{
background:#0292a9 url(../img/nav-dot.gif) repeat-x bottom;
color:white;
}

body.Six #active a{
background:#0292a9 url(../img/nav-dot.gif) repeat-x bottom;
color:white;
}

/*----nav rollovers------------*/

ul.nav li.One a:hover{
color:#0292a9;
}

ul.nav li.Two a:hover{
color:#00adef;
}

ul.nav li.Three a:hover{
color:#5d4aef;
}

ul.nav li.Four a:hover{
color:#ff8613;
}

ul.nav li.Five a:hover{
color:#a4d311 ;
}

ul.nav li.Six a:hover{
color:#0292a9;
}

/*---------------- Nav active page-------------------------*/

body.One ul.nav li.One a{ /* Note: home: teal*/
color:#0292a9;
}

body.Two ul.nav li.Two a{ /* Note: about : blue*/
color:#00adef;
}

body.Three ul.nav li.Three a{  /* Note: what we do: purple*/
color:#5d4aef;
}

body.Four ul.nav li.Four a{  /* Note: projects: orange*/
color:#ff8613;
}

body.Five ul.nav li.Five a{  /* Note: reading room: green- not nav is slightly darker than #b5df33  */
color:#a4d311 ;
}

body.Six ul.nav li.Six a{  /* Note: contact us: teal*/
color:#0292a9;
}

/*---------------- Feature blocks------------------------*/
th.feature.about{
background:none;
background-color:#00adef;
}

td.feature-right.about{
background-image:url(../img/shade-about.jpg);
background-position:top;
background-repeat:repeat-x;
}

th.feature.wedo{
background:none;
background-color:#5d4aef;
}

td.feature-right.wedo{
background-image:url(../img/shade-wedo.jpg);
background-position:top;
background-repeat:repeat-x;
}

th.feature.projects{
background:none;
background-color:#ff8613;
}

td.feature-right.projects {
background-image:url(../img/shade-project.jpg);
background-position:top;
background-repeat:repeat-x;
}

th.feature.reading{
background:none;
background-color:#a4d311;
}

td.feature-right.reading {
background-image:url(../img/shade-reading.jpg);
background-position:top;
background-repeat: repeat-x;
}