body {
    background-color: #c6c7c9;
    background-image: url(/ocg_/images/2009/background.jpg);
    background-position: center top;
    margin: 20px 0px 20px 0px;
    font-family: Arial, Verdana, Tahoma, Lucida Sans Unicode, Helvetica, Sans-Serif;
    font-size: 13px;
}

a {
    text-decoration: none;
    color: #60a06f;
}
a:hover {
    text-decoration: underline;
}

li {
    list-style-type: square;
}

#body_container {
    width: 998px;
    border-left: 1px solid #adaeb0;
    border-right: 1px solid #adaeb0;
    margin: 0 auto;
    background-color: #fff;
}

#grey_header, #grey_footer {
    background-color: #5d6162;
    background-image: url(/ocg_/images/2009/structure/topbar.jpg);
    height: 13px;
}
#grey_footer {
    margin-top: 20px;
    text-align: right;
    color: #fff;
    font-size: 9px;
    font-family: Verdana, Arial, Tahoma, Lucida Sans Unicode, Helvetica, Sans-Serif;
    font-weight: bold;
    background-image: url(/ocg_/images/2009/structure/bottombar.jpg);
    padding: 0px 8px 0px 8px;
}
#grey_footer a {
    color: #fff;
    text-decoration: none !important;
}
#grey_footer a:hover {
    color: #fff;
    text-decoration: underline;
}

#header {
    height: 115px;
}

.clear {
    clear: both;
}

#housekeeping {
    /*float: right;
    font-size: 13px;
    font-weight: bold;
    color: #aaa;
    padding: 0px 8px 8px 0px;*/
    color:#292627;
    float:right;
    font-size:12px;
    font-weight:normal;
    margin-bottom:-8px;
    padding:0 8px 0 0;
    position:relative;
    top:8px;
    font-family: Helvetica, Arial, Sans-Serif;
}
#housekeeping a {
    color: #666;
    text-decoration: none;
}
#housekeeping a:hover {
    text-decoration: underline;
}

/* NAVIGATION */
    #navigation {
        background-image: url(/ocg_/images/2009/structure/navbar.jpg);
        background-color: #333;
        margin-left: 4px;
        margin-right: 4px;
    }
    #navigation ul, #navigation li {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }

    #navigation li {
        float: left;
        height: 29px;
        background-color: transparent;
        text-align: center;
        border-right: 1px solid #777;
        padding: 10px 26px 0px 26px;
        font-size: 14px;
        /*background-image: url(/ocg_/images/2009/button_back.jpg);*/
        color: #fff;
        font-weight: normal;
    }
    #navigation li a {
        color: #fff;
        text-decoration: none;
    }

    #navigation li:hover {
        background-color: black;
        background-image: url(/ocg_/images/2009/button_back_on_g.jpg);
    }
    
    #navigation li.selected, #navigation li.firstselected {
        background-color: black;
        background-image: url(/ocg_/images/2009/button_back_on_g.jpg);
    }

    #navigation li.last {
        margin-right: 0px;
        padding-left: 25px;
        padding-right: 24px;
    }

    #navigation ul {
        clear: both;
    }
    
/* SUBMENU */
    #submenu {
        background-color: #5c6262;
        background-image: url(/ocg_/images/2009/structure/submenu.jpg);
        border-top: 1px solid #444;
        height: 25px;
        padding-left: 27px;
        margin: 0px 4px 0px 4px;
    }
    
    #submenu ul, #submenu li {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }
    
    #submenu li {
        float: left;
        font-size: 13px;
        padding: 4px 0px 0px 0px;
        color: #ddd;
    }
    #submenu li a {
        color: #ddd;
        text-decoration: none;
    }
    #submenu li a:hover {
        text-decoration: underline;
        color: #70A185;
    }
    .submenuitemselected {
        text-decoration: underline !important;
        color: #70A185 !important;
    }

/* CONTENT STRUCTURE */
    #content_container {
        padding: 22px 50px 22px 23px;
    }
    #left_side {
        width: 700px;
        float: left;
    }
    #right_side {
        width: 205px;
        padding-left: 20px;
        float: left;
    }
    
/* HOMEPAGE SPLASH BOX */
    #splash_box {
        width: 692px;
        border: 3px solid #01aad1;
        background-color: #5c6262;
    }
    .splashimg {
        background-image: url(/ocg_/images/2009/splash.jpg);
        padding: 0px;
        width: 692px;
        height:198px;
    }
    #home_links {
        background: url(/ocg_/images/2009/homelinksback.jpg);
        background-color: #fff;
        width: 698px;
        padding-bottom: 3px;
    }
    
    #partner {
        width: 698px;
        /*height: 78px;*/
        /*background-image: url(/ocg_/images/2009/partner.jpg);*/
        margin-top: 10px;
    }
    
/* NEWS BOXES */
    .news_box {
        width: 225px;
        margin: 0px 0px 10px 0px;
        border: 1px solid #767a7d;
        background-image: url(/ocg_/images/2009/news_back.jpg);
        background-repeat: repeat-x;
        background-color: #fff;
    }
    .news_box h4 {
        font-size: 13px;
        background-color: #767a7d;
        padding: 3px;
        color: #fff;
        font-weight: bold;
        margin: 0px;
    }
    .news_box p {
        margin: 0px;
        padding: 3px;
        font-size: 12px;
        color:#505050;
        font-weight: normal;
    }
    .news_box p a {
        
        text-decoration: none;
        font-weight: bold;
        color: #70A185;
    }
    .news_box p a:hover {
        text-decoration: underline;
        font-weight: bold;
    }
    
    .news_box p a.news_subtitle
    {
    	color:#505050;
        font-weight: normal;
    }
    .news_box p a.news_subtitle:hover
    {
    	text-decoration:underline;
    }
    
    
      .wide_box {
        width: 697px;
        margin: 0px 0px 10px 0px;
        border: 1px solid #767a7d;
        background-image: url(/ocg_/images/2009/news_back.jpg);
        background-repeat: repeat-x;
        background-color: #fff;
    }
    .wide_box h4 {
        font-size: 13px;
        background-color: #767a7d;
        padding: 3px;
        color: #fff;
        font-weight: bold;
        margin: 0px;
    }
    .wide_box p {
        margin: 0px;
        padding: 3px;
        font-size: 12px;
        color:#505050;
        font-weight: normal;
    }
    .wide_box p a {
        
        text-decoration: none;
        font-weight: bold;
        color: #70A185;
    }
    .wide_box p a:hover {
        text-decoration: underline;
        font-weight: bold;
    }
    
    .wide_box p a.news_subtitle
    {
    	color:#505050;
        font-weight: normal;
    }
    .wide_box p a.news_subtitle:hover
    {
    	text-decoration:underline;
    }
    
/* LINK BOXES */
    .link_box {
        float: left;
        width: 226px;
        height: 108px;
        margin: 4px 3px 4px 3px;
    }
    .link_box h4 {
        display: block;
        background: url(/ocg_/images/2009/home_link_back.gif);/*link_header.jpg);*/
        font-size: 12px;
        color: #93eafe;
        height: 22px;
        padding: 7px 0px 0px 4px;
        margin: 0px 0px 1px 0px;
    }
    .link_box h4 a {
        color: #93eafe;
        text-decoration: none;
    }
    .link_box p {
        display: block;
        background: url(/ocg_/images/2009/home_link_body.gif);
        margin: 0px;
        font-size: 11px;
        font-weight: bold;
        height: 72px;
        padding: 4px;
        color: #fff;
    }
    
    .clientbox {
        width: 455px;
        height: 310px;
        padding: 0px;
        margin: 0px;
        background-image: url(/ocg_/images/2009/clientbox.jpg);
        background-repeat: no-repeat;
    }
    .clientbox .padding {
        padding: 40px;
    }
    
    /* BODY BUTTONS */
    .pagelinkwrapper {
        text-align: center;
        margin: 0 auto;
        width: 360px;
    }
    .pagelink {
        background-image: url(/ocg_/images/2009/body_button.gif);
        /*padding: 7px 0px 0px 7px;*/
        font-weight: bold;
        font-size: 12px;
        width: 360px;
        height: 29px;
        margin-bottom: 1px;
    }
    .pagelink:hover {
        background-image: url(/ocg_/images/2009/body_button_hover.gif);
        cursor: pointer;
    }
    .pagelink:hover .pagelinkinner {
        color: #000;
    }
    .pagelinkinner {
        padding: 7px 0px 0px 7px;
        text-decoration: none;
        color: #93eafe;
    }
    .pagelinkicon {
        display: none;
    }
    
    /* RESOURCES */
    .resources li {
        list-style-type: none;
        margin-bottom: 12px;
	    padding-left: 45px;
	    background-image: url(/ocg_/images/2009/icons/arrow.jpg);
        background-repeat: no-repeat;
    }
    .resarrow {
        
        height: 26px;
        width: 26px;
        float: left;
        margin-right: 20px;
        margin-bottom: 12px;
    }
    .document, .video, .webinars, .presentations, .linksblogs {
        background-repeat: no-repeat;
        background-position: right;
        width: 65px;
        height: 100px;
        float: left;
        margin-right: 20px;
    }
    .document {
        background-image: url(/ocg_/images/2009/icons/document.jpg);
    }
    .video {
        background-image: url(/ocg_/images/2009/icons/video.jpg);
    }
    .webinars {
        background-image: url(/ocg_/images/2009/icons/monitoricon.jpg);
    }
    .presentations {
        background-image: url(/ocg_/images/2009/icons/projectoricon.jpg);
    }
    .linksblogs {
        background-image: url(/ocg_/images/2009/icons/mouseicon.jpg);
    }
    h1 {
        font-size: 20px;
        margin-bottom: 0px;
    }
    h2 {
        font-size: 14px;
        font-weight: bold;
        color: #60a06f;
        margin-top: 0px;
        margin-bottom: 50px;
    }

.pagepanel {
	margin: 0px 0px 40px 0px;
}

table.news {
    width: 100%;
}
table.calendar {
    float: right;
}
table.calendar td {
    text-align: center;
    font-size: 11px;
}
table.calendar tr:first-child td {
    font-size: 14px;
}

/** courses **/
td.CourseTOC {font-size:8pt; font-weight:bold;}
td.CourseGroup {font-size:12pt; font-weight:bold; padding:10px 3px 3px 3px;}
td.CourseGroupTop {font-size:8pt; font-weight:normal; text-align:right; padding:15px 3px 3px 3px;}
td.CourseProduct {background-color:#999999; color:White; font-size:8pt; font-weight:bold; padding:2px 2px 2px 4px; border-bottom:solid 1px white; border-right:solid 1px white;}
td.CourseHeading {background-color:#cccccc; font-size:8pt; font-weight:bold; padding:3px; border-bottom:solid 1px white; border-right:solid 1px white;}

td.CourseDetailA {background-color:#dddddd; font-size:10px; padding:3px; border-bottom:solid 1px white; border-right:solid 1px white;}
td.CourseDetailB {background-color:#eeeeee; font-size:10px; padding:3px; border-bottom:solid 1px white; border-right:solid 1px white;}

a.CourseLink         {color:#000099; font-size:10px; font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration:underline;}
a:link.CourseLink    {color:#000099; font-size:10px; font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration:underline;}
a:visited.CourseLink {color:#000099; font-size:10px; font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration:underline;}
a:active.CourseLink  {color:#d30000; font-size:10px; font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration:underline;}
a:hover.CourseLink   {color:#d30000; font-size:10px; font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration:underline;}

.coursedatesbox
{
	float:left;
	border: solid 1px red;
}
.datesboxheader
{
	background-color:Red;
	color:White;
	font-weight:bold;
	text-align:center;


}


    #partner {
        width: 700px;
        height: 76px;
        background-image: url(/ocg_/images/2009/msawards.jpg);
	 background-repeat: no-repeat;
        margin-top: 10px;
    }
    #partner2008 {
        display: none;
    }
