/* Start of CMSMS style sheet 'YIG2Col' */
body { color: #000000;
    background-color: #E0E5ED;
    font-size: 11pt;
    font-family: Tahoma;
    margin: 10px;
    text-align: center;
    scrollbar-face-color: #DEE3E7;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #DEE3E7;
    scrollbar-3dlight-color: #D1D7DC;
    scrollbar-arrow-color:  #006699;
    scrollbar-track-color: #EFEFEF;
    scrollbar-darkshadow-color: #98AAB1; }

.pagewrapper {
   width:950px;
   background-image: url(images/cms/background.png);
   margin: 0 auto;       /* this centers wrapper */
   padding: 0 10px;
   text-align: left;
   border: 1px dotted #000000;
}

h1 { color: #006699;
    text-align: center;
    text-decoration: underline;
    font-weight: normal;
    font-size: 18pt; }

h2 { color: #006699;
    text-decoration: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 16pt; }

h3 { color: #006699;
    text-decoration: underline;
    font-weight: normal;
    font-style: italic;
    font-size: 14pt; }

h4 { color: #006699;
    text-decoration: normal;
    font-weight: normal;
    font-style: italic;
    font-size: 12pt; }

li { list-style-type: circle }


table      { color: #000000;
             font-size: 10pt;
             text-align: left;
             font-family: Tahoma }

td.data    { color: #000000;
             padding: 5px 5px 10px 5px; 
             font-size: 10pt;
             font-family: Tahoma }

td.nav     { color: #000000;
             background-color: #fff;
             font-size: 10pt;
             text-align: center;
             font-family: Tahoma }
td.header  { color: #000000;
             background-color: #E0E5ED; 
             border: 1px solid #006699;
             padding: 5px; 
             font-size: 10pt;
             font-weight: bold; 
             font-family: Tahoma }
td.label   { color: #000000;
             background-color: #ccccff;
             font-size: 10pt;
             font-family: Tahoma }
td.body    { color: #000000;
             background-color: #ffffff;
             font-size: 11pt;
             font-family: Tahoma }

td.bodyalt { color: #000000;
             background-color: #e9e9e9;
             font-size: 10pt;
             font-family: Tahoma }

td.resource { color: #000000;
             background-color: #FFF6F6;
             padding: 0px; 
             font-size: 11pt; 
             font-family: Tahoma }
td.footer  { color: #000000;
             font-size: 10pt;
             font-family: Tahoma }
td.credit  { color: #000000;
             text-align: center; 
             font-size: 8pt;
             font-style: italic;
             font-family: Tahoma }

.good     { color: #0033FF;
             font-weight: bold }
.bad      { color: #CC3300;
             font-weight: bold }

div.heading {
    margin-top: 10px; 
    height: 50px;
/*    background-color: #000000  */
    border: 1px solid #006699;
    color: #ff0000;
    padding: 9px; 
    font-size: 22pt; 
    font-weight: bold; 
    text-align: center; 
}
div.printbutton {
    margin: 10px 10px 0px 0px; 
    text-align: right; 
}
div.leftsidebar { 
    float: left; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    width: 140px; 
/*    background-color: #EDF2F5; */
    font-size: 10pt; 
    padding: 5px; 
    border: 1px solid #006699;
    color: #444444; 
}
div.rightsidebar { 
    float: right; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    width: 140px; 
/*    background-color: #EDF2F5; */
    font-size: 8pt; 
    padding: 5px; 
    border: 1px solid #006699;
    color: #444444; 
    text-align: center; 
}
div.leftnote { 
    float: left; 
    width: 150px; 
    margin: 0px 10px 0px 0px; 
    background-color: #EEEEEE;
    font-size: 9pt; 
    font-style: italic; 
    padding: 5px; 
    border: 1px dotted #006699;
}
div.rightnote { 
    float: right; 
    width: 150px; 
    margin: 0px 0px 0px 10px; 
    background-color: #EEEEEE;
    font-size: 9pt; 
    font-style: italic; 
    padding: 5px; 
    border: 1px dotted #006699;
}

div.recommend { 
    margin: 0px; 
/*    background-color: #EEEEEE; */
    background-color: #FFF6F6;
    font-size: 9pt; 
/*    font-style: italic; */
    padding: 5px; 
/*    border: 1px dashed #006699; */
    border: 1px dashed #FF0000;
}

div.resource { 
    margin: 0px; 
    background-color: #FFFFFF;
    font-size: 9pt; 
/*    font-style: italic; */
    padding: 5px; 
    border: 1px dashed #006699;
}

div.thebody { 
    padding: 0px 10px 10px 10px; 
    background-color: #fff;
    margin-left: 160px; 
    margin-right: 0px; 
    margin-top: 10px; 
    font-size: 11pt; 
    font-family: Tahoma; 
    border: 1px solid #006699;
}
div.bottom {
    clear: both;
    background-color: #E0E5ED;
    border: 1px solid #006699;
    padding: 3px; 
    margin: 10px; 

    text-align: center;
    font-size: 10pt; 
}
p.title { 
    font-size: 14pt; 
    font-weight: bold; 
    margin: 0; 
}
p.smalltitle { 
    font-size: 12pt; 
    font-weight: bold; 
    margin: 0; 
    padding: 4px; 
    background-color: #CCCCCC; 
    text-transform: uppercase; 
}
p.sectionname { 
    font-weight: bold; 
    margin: 0;
}
.leftsidebar p.sectionname {
    padding-left: 15px;
}
.icons {
    text-align: center;
}

img {
   border: none
}
/* End of 'YIG2Col' */

/* Start of CMSMS style sheet 'YIG CSSMenu Vertical' */
/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */

#menuwrapper { 
	width: 140px; 
	}


/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
        font-size: 10pt;
	}

#primary-nav ul { 
	position: absolute; 
	top: 0; 
	left: 100%; 
	display: none; 
	}

#primary-nav li { 
	list-style: none; 
	position: relative; 
	}


/* Styling the basic apperance of the menu elements */

#primary-nav a { 
	display: block; 
	margin: 0px; 
	padding: 3px 5px; 
	text-decoration: none; 
	}

#primary-nav a:hover { 
         color: #E2144A;
	}

#primary-nav li, #primary-nav li.menuparent { 
	background-color: transparent; 
        z-index:100;
	}

#primary-nav li.menuparent ul li a, #primary-nav li.menuparenth ul li a { 
        background-color: #EEF;
	}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	background-color: transparent; 
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav li.menuparent, #primary-nav li.menuparent:hover, #primary-nav li.menuparenth { 
        background: transparent url(modules/CSSMenu/arrow.gif) right center no-repeat;
	}

#primary-nav li.separator,  #primary-nav li.separator:hover,  #primary-nav li.separatorh  {
    width: 80%;
    border-top: 1px solid #8D8D8D;
    background-color: #ffffff;
    padding: 0px;
    margin: 5px;    /* top right bottom left */
    height: 0;
    font-size: 1px;
    line-height: 0
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
        border: 1px solid #006699;
	}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }

/* End of 'YIG CSSMenu Vertical' */