
/*      This is the CSS style sheet for X9 */

body{
text-align:left;
background-color: #F2F2F2;
}

/*Paragraphs */

p.whiteSide{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
color:#FFFFFF;
text-align:left;
margin-left: 10px;
margin-right:10px;
}

p.whiteButton{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
color:#33112A;
text-align:left;
margin-left: 30px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px;
}

p.Previous{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
color:#33112A:
text-align: right;
margin-top:0px;
margin-bottom:0px;
margin-right:30px;
}

p.Next{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
color: #33112A;
text-align: left;
margin-top:0px;
margin-bottom:0px;
margin-left:30px;
}

p.Description{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
font-weight: normal;
color: #33112A;
text-align: left;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
margin-right: 10px;
}

p.yellowHead{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size: 90%;
color:#F2EF19;
text-align:left;
margin-left: 10px;
margin-right:10px;
}

p.GreenHead{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size: 70%;
color:#33112A;
text-align:left;
margin-left: 15px;
margin-right:15px;
}

p.GreenCopy{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:normal;
font-size: 70%;
color:#33112A;
text-align:left;
margin-left: 15px;
margin-right:15px;
}

p.Overview{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size: 120%;
color:#FFFFFF;
text-align:left;
margin-left: 5px;
margin-right:15px;
margin-bottom:15px;
}

p.OverviewGrey{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size: 120%;
color:#113421;
text-align:left;
margin-left: 5px;
margin-right:15px;
margin-bottom:15px;
}

p.TopNav{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
color:#33112A;
text-align:center;
margin-top:50px;
}

p.whiteGrey{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
color:#33112A;
text-align:left;
margin-left: 30px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
}

p.copyright{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 65%;
color:#FFFFFF;
text-align:left;
margin-left: 10px;
margin-right:10px;
margin-top:0px;
margin-bottom:0px;
}

p.homeButtons{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
color:#FFFFFF;
text-align:left;
margin-left: 40px;
margin-top:50px;
margin-bottom:50px;
}

ul{
margin-top:5px;
margin-bottom:5px;
margin-left: 35px;
margin-right:15px;
}

li.green{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
color:#33112A;
text-align:left;
list-style-image:  url(../images/bullet2.gif); 
}

li.blue{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
color:#33112A;
text-align:left;
list-style-image:  url(../images/blue_bullet.gif); 
}


/*Set a LINKS for pages*/

a{
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
}
a:link{
color:#333333;
}
a:visited{
color:#333333;
}
a:hover{
color:#33112A;
}

a.white{
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
}
a:link.white{
color:#FFFFFF;
}
a:visited.white{
color:#FFFFFF;
}
a:hover.white{
color:#7C7575;
}

a.bottom{
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
}
a:link.bottom{
color:#FFFFFF;
}
a:visited.bottom{
color:#FFFFFF;
}
a:hover.bottom{
color:#7C7575;
}

a.slide{
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
}
a:link.slide{
color:#33112a;
}
a:visited.slide{
color:#33112a;
}
a:hover.slide{
color:#FFFFFF;
}

/*Layout Divs*/

#TopLeft{
position:absolute;
left:18px;
top:21px; 
width:180px;
height:72px; 
}

#NavBarBlue{
position:absolute;
left:201px;
top:21px; 
width:582px;
height:72px; 
background-image: url(../images/nav_blue.gif); 
}

#NavBarGreen{
position:absolute;
left:201px;
top:21px; 
width:582px;
height:72px; 
background-image: url(../images/nav_green.gif); 
}

#NavBarLilac{
position:absolute;
left:201px;
top:21px; 
width:582px;
height:72px; 
background-image: url(../images/nav_lilac.gif); 
}

#MainContent{
position:absolute;
left:18px;
top:111px; 
width:756px;
height:auto; 
}

#SlideShow{
position:relative;
width:317px;
height:auto; 
margin-top:3px;
}

#Bottom{
position:relative;
left:0px;
top:0px;
width:765px;
height:33px; 
margin-top:15px;
margin-bottom:15px;
}