/* Point Nine Main Style */



/* P9 logo color 470a59 */
/* P9 dark green color 4a4a0a */
/* P9 medium green color 626222 */
/* P9 light green color aeae6e */


body, html {
    padding:0px; 
    margin:0px; 
    background:url(../images/p9_banner.jpg) white top center no-repeat; 
    color:#5E5E5E; 
    font:11px Verdana,Geneva,sans-serif;
}
body {
    min-width:680px;
}

div, p, ul, h2, h3, img{
    padding:0px;
    margin:0px;
}

ul{
    list-style-type:none;
}

hr{
    border: none 0;
    border-top-width:1px;
    border-top-style:dotted;
    border-top-color:#999999;/*the border*/
    width: 100%;
    height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
    margin: 0 auto 15px 0; /*this will align it left for Mozilla*/
}   


/* main */

#main{
    width:680px;
    position:relative;
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
}

/* header */

#header{
    height:100px; 
}

#header img.logo{
    padding-top: 9px;
    float:left;
    border:0;
}

#header p{
    text-align: right;
    padding-top: 64px;
    font:12px Verdana, Arial, Helvetica, sans-serif;
    font-variant:small-caps;
    color:white;
    font-weight:bold;
}



/* menu */

#menu ul {
    list-style: none;
    line-height: normal;
}


#menu ul li{
    display: inline;
}

#menu ul li a {
    display: block;
    float: left;
    font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    padding: 0 7px 0 7px;
    text-decoration: none;
    color: #626222;
    border-right-width:1px;
    border-right-style:solid;
    border-right-color:#E5E5E5;
}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited 

{

    color: #4a4a0a;
    text-decoration: none;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;

}

#menu ul li a:hover

{
    color: #4a4a0a;
    text-decoration: none;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #470a59;
}



#menu ul li.nobar a {
    border-right:0px;
}

#menu ul li.current a {
    text-decoration: none;
    color: #470a59;
}

#menu ul li.first a {
    padding-left:0px;
}



/* left */

#leftpanel {
    width:400px; 
    float:left; 
    margin-right: 40px;
    margin-top: 30px;
    line-height: 160%;
}


#leftpanel strong{
    color:#777777;
}

#leftpanel h2{
    margin-bottom: 1em;
    color:#777777;
    font:18px Verdana,Geneva,sans-serif;
}

#leftpanel h2 span{
    color:#470a59;
}

#leftpanel h3{
    margin-bottom: 1em;
    color:#470a59;
    font:12px Verdana,Geneva,sans-serif;
    font-weight: bold;
}

#leftpanel h3 span{
    color:#470a59;
}

/* for presentations */
#leftpanel h4 {
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#4a4a0a;
    margin-bottom: 1em;
    margin-top: 3em;
    color:#777777;
    font:14px Verdana,Geneva,sans-serif;
}

#leftpanel h4 span{
    color:#470a59;
}


#leftpanel h5{
    margin-bottom: .2em;
    margin-top: .2em;
    color:#777777;
    font:12px Verdana,Geneva,sans-serif;
    text-align: center;
}


#leftpanel h6{
    margin-top: 1em;
    margin-bottom: 1em;
    color:#4a4a0a;
    font:18px Verdana,Geneva,sans-serif;
    text-align: center;
}


#leftpanel h6 span{
    color:#470a59;
}



#leftpanel p{
    margin-bottom: 1.5em;
}

#leftpanel p.small{
    color:#777777;
    font:8px Verdana,Geneva,sans-serif;
    margin-bottom: 0.5em;
}



#leftpanel p span{
    color:#470a59; 
    font-weight:bold;
}

#leftpanel a {
    color:#626222; 
}

#leftpanel a img {
    border:0;
}

#leftpanel a:hover {
    color:#0574AF;
    text-decoration:none;
}


#leftpanel ul.withcircle{
    list-style-image: url(../images/diagonal_arrow.gif);
    padding-left: 20px;
    margin-bottom: 1em;
    margin-top: 1em;
}

#leftpanel ul.withsquare{
    list-style-image: url(../images/right_arrow.gif);
    padding-left: 20px;
    margin-bottom: 1em;
    margin-top: 1em;
}

#leftpanel ul {
    list-style-type: circle;
    padding-left: 20px;
    margin-bottom: 1em;
    margin-top: 1em;
}

#leftpanel ol {
    padding-left: 30px;
    margin-bottom: 2em;
}


#leftpanel .clear {
    text-decoration:none;
    border: none;
    margin-left: 10px;
}


/* home page info box */

#leftpanel p.infobox {
    color:#4a4a0a;
}
#leftpanel h5.infobox {
    margin-bottom: .7em;
    margin-top: 0;
    color:#470a59;
    font-weight:bold;
    font:14px Verdana,Geneva,sans-serif;
}


/* rightpanel */

#rightpanel {
    width:240px;
    float:right; 
    margin-top: 30px;
    word-spacing: .1em;
    line-height: 155%;

}


#rightpanel h2{
    margin-bottom: 1.3em;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    color:white;
    background:#470a59; 
    font:12px Verdana,Geneva,sans-serif;
    font-weight:bold;

}

#rightpanel h3{
    margin-bottom: 1.3em;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    color:white;
    background:#470a59; 
    font:10px Verdana,Geneva,sans-serif;
    font-weight:bold;
}

#rightpanel h4{
    margin-top: .7em;
    margin-bottom: 1.2em;
    font:10px Verdana,Geneva,sans-serif;
    font-weight:bold;
    color:#470a59; 
}


#rightpanel _img{
    float:right;
    margin: 0 0 15px 15px;
}

#rightpanel img{
    float:left; 
    margin: 0px 15px 0px 0px;
}

#rightpanel .clear {
    text-decoration:none;
    border: none;
}


#rightpanel p{
    margin-bottom: 1.4em;
    padding-left: 0px;
    padding-right: 0px;
}

#rightpanel p span{
    color:#470a59; 
    font-weight:bold;
}

#rightpanel a {
    color:#626222;
}

#rightpanel a img {
    border:0;
}

#rightpanel a:hover {
    color:#0574AF;
    text-decoration:none;
}

#rightpanel ul{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 1.3em;
}


#rightpanel ul li a{
    display:block; 
    background:url(../images/diagonal_arrow.gif) 0 6px no-repeat white; 
    color:#626222;
    text-decoration:none; 
    padding:0 0 0 20px;
}

#rightpanel ul li a:hover{
    background:url(../images/diagonal_arrow.gif) 0 6px no-repeat white; 
    color:#0574AF;
    text-decoration:none;
}


/* rightpanel yui */


#rightpanelyui {
    width:240px;
    float:right; 
    margin-top: 30px;
    word-spacing: .1em;
    line-height: 160%;

}


#rightpanelyui .items img{
    float:left; 
    margin: 0px 15px 0px 0px;
}

#rightpanelyui .clear {
    text-decoration:none;
    border: none;
}


#rightpanelyui .items p{
    margin-bottom: 2em;
    padding-left: 0px;
    padding-right: 0px;
}

#rightpanelyui .items p span{
    color:#470a59; 
    font-weight:bold;
}

#rightpanelyui .items a {
    color:#626222; 
}

#rightpanelyui .items a:hover {
    color:#0574AF;
    text-decoration:none;
}

#rightpanelyui .items ul{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 1.5em;
}


#rightpanelyui .items ul li a{
    display:block; 
    background:url(../images/button.gif) 0 6px no-repeat white; 
    color:#626222;
    text-decoration:none; 
    padding:0 0 0 20px;
}

#rightpanelyui .items ul li a:hover{
    background:url(../images/button-hover.gif) 0 6px no-repeat white; 
    color:#0574AF;
    text-decoration:none;
}



/* footer */

#footer {
    padding-top: 30px;
    padding-bottom: 30px;
    clear:both;
}

#footer p {
    font-size: smaller;
    color: #AAAAAA;
}

#footer a {
    color: #AAAAAA;
}

#footer a:hover {
    color: #666666;
}