/* 
    Document   : screen
    Created on : May 17, 2010, 10:58:15 AM
    Author     : David
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   There are six ways of controlling the web page
1 - declare an element (e.g. body)
    green element is called the selector (root, header, body)
    blue is property - black is value that applies to it together called declaration
    block called a rule
2 - declare an id (e.g. #header)
3 - declare a class
4 - declare a context selector (e.g #nav ul)
5 - declare a psuedo class (e.g. a:link)
6 - use an attribute selector {e.g. a[title~=home]}
   
    
*/

root { 
 display: block;
}


body {
 background-image: url('/images/hcpcbackground.jpg');
 margin-top: 10px;
 margin-left: 10%;
 margin-right: 10%;
 margin-bottom:5%;
 font-size: medium;
 
 }


#banner {
 /*background-color: #0000D2;*/
 
 text-align: right;
 font-size: large;
 font-weight: bold;
 }

#header{
 background-color: #7ADACC;
 text-align: center;
 font-size: xx-large;
 border: 1px solid black;
 
 }

#navigation {
 background-image: url('/images/navgraphic.jpg');
 position: relative;
 overflow:hidden;
 height: 30px;
 width: 100%;
 border-top: solid #000 1px;
 border-bottom: solid #000 1px;
 background-color: #336699;
}

/* Nav Bar CSS */

#navigation ul {
 margin: 0px;
 padding: 0 0 0 2px;
 font: bold medium Arial, Helvetica, Sans-Serif;
 color: #FFF;
 line-height: 30px;
 white-space: nowrap;
}

 #navigation li {
 list-style: none;
 display: inline;
 text-align: center;
}

 #navigation li a {
 display:inline-block;
 width: 7em;
 padding: 3px .5em 0 .5em;
 text-decoration: none;
 margin-right: 8px;
 border: 1px solid black;
 padding: 2px 2px;
 color: #FFF;
/* border-top-left-radius: 10px;
 border-top-right-radius: 10px; CSS 3*/
}


/* Love Ha  Link, unvisited, Visited, Hover / Focus, Active */

#navigation a:link {
    color:#DDD;
}

#navigation a:visited{
    color:#CCC;
    outline: 1px solid #AAA;
}

#navigation a:hover, #navigation a:focus {
    color: aqua;
    background-color: #000;
    border-bottom: 1px solid #fff;
}

#navigation a:active{
    color:#AAA;
}

.home #navigation a[title~=home],
.about #navigation a[title~=services],
.assignments #navigation a[title~=about],
.contact #navigation a[title~=contact]{
    color: #fff;
    background-color:#2F5EF0;
    border-bottom: 1px solid #fff;
}

/*
#navigation lia:link {
 color: #DDD;
}

#navigation lia:visited {
 color: #CCC;
}

#navigation lia:hover {
 font-weight: bold;
 color: #FFF;
 background-color: #3366FF;
}
*/
/* End Nav Bar CSS*/


#localcontent{
background-color: #D5F8AF;
}

#centercontent {
 width: 100%; 
 float: left;
 background-color: #D5F8CF;
}

#centercontent>div {
  padding: 0 8px 0 8px;
}

#centercontent h1{
  margin-top: 0;
}

#centercontent label{
    font-weight: bold;
    width: 4.5em;
    margin-right: 1em;
    float: left;
    /*text-align: right;*/
}

#content #captcha{
    float:left;
    margin-right: 1em;
}

#footer{
  background-color: #0000A2;
  padding: 0 12px;
  color: aqua;
}