/*CSS for Gabrielle Roy*/

body {
background-color: #006699;
}

div.inner-content h1 {
border: 1px solid #ccc;
background-color: #006699!important;
margin: 10px;
padding: 0;
height: 54px;
vertical-align: top;

}

div.inner-content h1 img {
margin: 0;
padding: 0;
float: right;
}

div.inner-content h1 a {
float: left;
width: 200px;
background-color: #006699;
color: #fff;
padding: 5px 0 0 15px;

}

div.center h1 span
{
font-size: 65%;

}

/* LEFT MENU */

ul.nav {
background-color: #fff;
color: #000;
border-bottom: 1px solid #ccc;
}

ul.nav li {
width: 148px;
background-color: #66ccff;
border-bottom: none;
border-top: none;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
padding-bottom: 0;

}

ul.nav li a.menulink, ul.nav li a.menulink:link, ul.nav li a.menulink:active, ul.nav li a.menulink:visited {
background-color: #66ccff;
color: #000000;
margin: 0;
padding: 7px 10px 7px 20px;
}

ul.nav li a.menulink:hover {
background-color: #006699;
color: #fff;
margin: 0;
border-left: 10px solid #ffcc33;
padding: 7px 10px 7px 10px;
width: 130px;
}

ul.nav li span.on-state {
background-color: #006699;
color: #fff;
border-left: 10px solid #ffcc33;
margin: 0;
padding: 7px 10px 7px 10px;
width: 130px;
}

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
background-color: #006699;
color: #fff;
border-left: 10px solid #ffcc33;
margin: 0;
padding: 7px 10px 7px 10px;
width: 130px;
}

.center a {
background-color: transparent;
}

/************* LEFT MENU - SUB-MENU CLASSES ***************/

ul.nav3 {
margin: 0;
padding: 5px 0 8px 10px;
/*background-color: #9999ff;*/
background-color: #99ccff;
border: none;
}

/* Forcing to not have the borders for any child elements */
ul.nav3 * {
border: none !important;
}

ul.nav3 li {
margin: 0;
padding: 1px 0 0 0;
border: none;
background-color: #99ccff;
}

ul.nav3 li span.on-state {
padding: 7px 3px 7px 5px;
margin: 0px;
background-color: #006699;
color: #fff;
width: 125px;
}

ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited {
background-color: #99ccff;
color: #fff;
padding: 7px 3px 7px 5px;
margin: 0; 
width: 125px;
}

ul.nav3 li a.menulink, ul.nav3 li a.menulink:link, ul.nav3 li a.menulink:active, ul.nav3 li a.menulink:visited {
margin:  0;
padding: 7px 3px 7px 5px;
text-decoration: none;
background-color: #99ccff;
}

ul.nav3 li a.menulink:hover {
background-color: #006699;
margin: 0;
padding: 7px 3px 7px 5px;
color: #fff;
width: 125px;
}
/*Proactive Disclosure*/

#procontainer ul.nav li a.menulink {
padding-left: 20px !important;
padding-right: 20px !important;
}


/************* RIGHT NAVIGATION AND SIDE IMAGE ***************/

div.right-navigation
{
background-image: none;
border: none;
background-color: #fff;
}

div.right-navigation-img
{
margin: 0 0 0 0;
padding: 0 0 10px 0;
background-color: #66ccff;
color: #000;

}

div.right-navigation-img img
{
margin: 0;
padding: 0;
border-bottom: 1px solid #fff; 
}

div.right-navigation a, div.right-navigation a:link, div.right-navigation a:visited, div.right-navigation a:hover, div.right-navigation a:active
{
background-color: #000;
color: #fff;
}

div.right-navigation-img p
{
font-size: 0.85em;
padding: 0;
margin: 10px 15px 8px 15px;
}

/************* RIGHT NAVIGATION SIDE BACKGROUND AND TEXT STYLE ***************/

div.right-navigation-text
{
margin: 62px 0 0 0;
padding: 5px 0 30px 0;
background-color: #fff;
color: #333333;
width: 193px;
border-top: 8px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}

*div.right-navigation-text
{
margin: 59px 0 0 0;
}


div.right-navigation-text p
{
margin: 15px 15px 10px 15px;
padding: 0;
text-align: center;
font-size: 1.5em;
line-height: 1.5em;
letter-spacing: 2px;
}



/*Grey Box */

div.noteContainer {
display: block;
width: 350px;
margin: 15px 15px 15px 15px;
padding: 0;
background-color: #fff;
border: 1px solid #000;

}


hr.blue {
color:  #66ccff;
width: 225px;
margin-left: 100px;
}


div.wrapper {
width: 97%;
padding: 5px;
margin-top: 10px;
border: 1px 
}

div.col {
float: left;
width: 98%;
border: 1px solid #ccc;
border-top: none;
}

div.firstcol div.col {
border-top: 1px solid #ccc;
}

div.cols1 {
float: left;
width: 15%;
padding-top: 5px;
border-top: none;

}


div.cols2 {
float: right;
width: 80%;
padding: 5px;
border-left: 1px solid #ccc;
}

.borderTop {
border-top: 1px solid #ccc;

}