/*defines overll style*/

a:link {color: #4d8aa8}     /* unvisited link */
a:visited {color: #366075}  /* visited link */
a:hover {color: #63b2d9}   /* mouse over link */
a:active {color: #4d8aa8}   /* selected link */

body
{
color:#636363;
background-color:#ffffff;
font-family : arial;
}

/*positions banner*/
#head
{
position:relative;
top:0px; left:0px;
height:100px; width:760px;
margin-right: auto; margin-left: auto;
background-image: url(pics/back.png);
background-color: #c2d5fe;
}

/*container for menu*/   
#menu
{
font-size:15px;
position:relative;
top:0px; left:0px;
height:20px; width:760px;
margin-right: auto; margin-left: auto;
font-weight:600;
background-image: url(pics/barbkg.png);
z-index: 1;
color:#4d8aa8;
line-height: 20px;
}

/*formats the  list in the menu to remove bullet points*/   
#menu ul 
{
padding: 0;
margin: 0;
list-style: none;
text-align:center;
}

/*formats the menu headers*/ 
#menu li a
{
text-align:center;
display:block;
background: url(pics/bar.png);
text-decoration: none;
font-weight:600;
height:20px;
color: #4d8aa8;
}
/*hover state of the headers*/
#menu li a:hover{
background-position:  0 -20px;
color: #63b2d9;
}
/*formats the menu list itams */ 
#menu li ul a{
text-indent: 20px;
text-align: left;
height:21px;
display: block;
color:#447994;
font-weight:500;
background-image: url(pics/menubkg.png)
}
/*hover state of the menu list itams (moves the picture along)  */
#menu li ul a:hover{
background-position:  -100px 0;
color: #63b2d9;
}
/*positioning of the menu list and sub-list*/
#menu li 
{
  float: left;
  position: relative;
  width: 100px;
}
#menu li ul 
{
display: none;
position: absolute; 
top: 20px;
left: 0;
background-image: url(pics/menubkg.png);
}
/*ie fix*/
#menu li > ul {
	top: auto;
	left: auto;
}
/*displays the menu when floating over the corresct button  */
#menu li:hover ul, #menu li:hover ul a, #menu li.over ul, #menu li.over ul a{ display: block; }   



/*positions the content and formats body text of it */ 
#con
{
padding-top: 5px;
position:relative;
top:0px; left:0px;
height:300px; width:756px;
margin-right: auto; margin-left: auto;
overflow: auto;
padding-left:4px;
clear: left;
background-image:url(pics/back2.png);
background-repeat: no-repeat;
}

/* formats the specific tags into the correct style*/
h1 {
font-size:1.5em;
font-weight: normal;
text-indent: 0px;
color: #003668;
}
h2 {
font-weight: normal;
font-size:1.2em;
text-indent: 10px;
color:#4d8aa8;
}
p {
margin-left:20px;
margin-right: 10px
}
a {
text-decoration: none;
}

#con a.department:link {color: #535353}     /* unvisited link */
#con a.department:visited {color: #434363}  /* visited link */
#con a.department:hover {color: #63b2d9}   /* mouse over link */
#con a.department:active {color: #4d8aa8}   /* selected link */


#con img {
float: right;
padding-left: 5px;
margin-right: 5px;
}
#con img.left {
float: left;
padding-right: 10px;
}
#con img.screenshot {
float: left;
padding-right: 10px;
padding-bottom: 15px;
}
#con img.screenshotright {
float: right;
padding-right: 10px;
padding-bottom: 15px;
}



#con table {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
border-width: 0px 0px 0px 0px;
border-spacing: 0px;
border-style: hidden hidden hidden hidden;
border-collapse: separate;
}

#con td{
border-width: 1px 0px 0px 0px;
border-spacing: 0px;
border-style: solid hidden hidden hidden;
border-collapse: separate;
}
.tr{
font-weight:600;  
border-width: 0px 0px 0px 0px;  
border-style: hidden hidden hidden hidden;
border-collapse: separate;
}
.lc{
border-width: 0px 0px 0px 1px;
border-style: hidden hidden hidden solid;
border-collapse: separate;
}

#con td.email{
border-width: 0px 0px 0px 0px;
border-spacing: 0px;
border-style: hidden hidden hidden hidden;
border-collapse: separate;
}

#con div.middle {
margin-left: 50px;
margin-right: 50px;
margin-top: 30px;
margin-bottom: 30px;
text-align: justify;
}

.centerlogo 
{
text-align: center;
width: 20%;
float: left;
}
#con img.center {
float: none;
padding-right: 10px;
padding-left: 10px;
border: 0px;
}

.productlogo{
background: blue;
margin-width: 50px;
}


.dept-logo{
min-height: 48px;
}

/* Defines divs for previous and next links at bottom of pages */
.prev-link {
   float: left;
   font-size: 90%;
   text-align: left;
   }
.next-link {
   margin-right: 5px;
   float: right;
   font-size: 90%;
   text-align: right; 
   }
.prev-link a{
   text-decoration: none;
   color: #a2b3bc;
   }
.prev-link a:visited{
   color: #a2b3bc;
   }
.prev-link a:hover{
   color: #4d8aa8;
   }
.next-link a{
   text-decoration: none;
   color: #a2b3bc;
   }
.next-link a:visited{
   color: #a2b3bc;
   }
.next-link a:hover{
   color: #4d8aa8;
   }

/*finsihes the css with formatting the footer*/
#foot{
position:relative;
top:0px; left:0px;
line-height: 30px;
height:30px; width:760px;
margin-right: auto; margin-left: auto;
background-image: url(pics/foot.png);
background-color: #c2d5fe;
overflow: hidden;
}
#foot h2{
font-weight: normal;
font-size:1.2em;
text-align: right;
margin-top: 0;
color:#4d8aa8;
}