body { font-family: Arial, Helvetica, Sans-Serif; font-size: .75em; background: #ffffff url(../images/bg.jpg) repeat-x center top; }
a { color: #1e446b; text-decoration: none;}
a:visited { color: #1e446b; }
a:active, a:hover { color: #000000; }
.clear { clear: both; }

#header { position: relative; width: 975px; height: 110px; margin: 0px auto; }
#header h1 { position: absolute; bottom: 5px; left: 20px; display: block; width: 213px; height: 101px; text-indent: -9999px; background-image: url(../images/logo.jpg); }
#header h5 { position: absolute; right: 20px; bottom: 5px; font-weight: bold; color: #ffffff; font-size: 1.8em; }
#header ul { position: absolute; top: 10px; right: 20px; }
#header ul li { display: inline; border-right: solid 1px #8eb1ca; padding-right: 5px; padding-left: 5px; }
#header ul li.last { border-right: none; }
#header ul li a { color: #8eb1ca; }
#header ul li a:hover { color: #ffffff; }

#titlebar { width: 975px; height: 35px; line-height: 35px; margin: 0px auto; }
#titlebar h6 { margin-left: 20px; font-weight: bold; font-size: 1.5em; color: #898989; font-style: italic; }

#navigation { width: 955px; height: 37px; line-height: 37px; padding-left: 20px; margin: 0px auto; background: transparent url(../images/body_bg.jpg) repeat-x center top; }
#navigation ul li { display: inline; border-right: solid 1px #1e446b; padding-right: 10px; padding-left: 10px; }
#navigation ul li.last { border-right: none; }
#navigation ul li.first { padding-left: 0px; }
#navigation ul li a { font-weight: bold; font-size: 1.1em; }

#home_feature { width: 975px; margin: 0px auto; background: #ffffff none no-repeat center 10px; }

#body { width: 935px; margin: 0px auto; padding-bottom: 10px; }

#footer { height: 35px; line-height: 35px; background-color: #9a9a9a; }
#footer div.content { position: relative; width: 975px; margin: 0px auto; }
#footer p.copyright { position: absolute; left: 20px; width: 575px; margin: 0px auto; color: #dadada; }
#footer ul { position: absolute; right: 10px; top: 0px;}
#footer ul li { display: inline; border-right: solid 1px #dadada; padding-right: 5px; padding-left: 5px;  }
#footer ul li.last { border-right: none; }
#footer ul li a { color: #dadada; }
#footer ul li a:hover { color: #5d5d5d; }

/* * * * H O M E P A G E * * * */
#feature { padding: 45px; padding-top: 30px; }
#feature h2, #feature h3, #feature p { width: 500px; margin-bottom: 10px; }
#feature h2 { color: #1E436A; font-size: 3em; }
.sIFR-active h2.shadow {
    visibility: hidden;
    font-family: Arial;
    line-height: 3em;
    font-size: 3em;
}
#feature h3 { color: #FDFFCD; font-weight: bold; font-size: 1.7em; }
.sIFR-active h3.shadow {
    visibility: hidden;
    font-family: Arial;
    line-height: 1.7em;
    font-size: 1.7em;
}
#feature p { color: #ffffff; font-weight: bold; font-size: 1.3em; }
.sIFR-active p.shadow {
    visibility: hidden;
    font-family: Arial;
    font-weight: bold;
    line-height: 1.3em;
    font-size: 1.3em;
}

#tools { width: 440px; margin-top: 5px; margin-bottom: 20px; }
#tools a { display: block; border-bottom: dotted 2px #d9d9d9; margin-bottom: 10px; padding-bottom: 10px; padding-left: 70px; padding-top: 3px; }
#tools a.tool1 { background: url(../images/hometool_icon1.jpg) no-repeat 10px top; }
#tools a.tool2 { background: url(../images/hometool_icon2.jpg) no-repeat 10px top; }
#tools a.tool3 { background: url(../images/hometool_icon3.jpg) no-repeat 10px top; }
#tools a b { display: block; color: #1E446B; font-size: 1.2em; }
#tools a span { color: #626262; display: block; font-size: .90em;  }
#tools a.last { border-bottom: none; }

#news { background-color: #ffffff; float: left; width: 670px; }
#news div.news_item { padding: 20px; background: #ffffff url(../images/newsitem_bg.jpg) repeat-x center top; margin-bottom: 10px; }
#news div.news_item p.title { color: #2B4368; font-weight: bold; font-size: 1.2em; margin-bottom: 20px; }
#news div.news_item p.desc { line-height: 1.3em; color: #2B4368; }
#news div.news_item p.desc img { float: left; margin-right: 10px; margin-bottom: 10px; }

#sidebar { text-align: center; margin-left: 680px; background-color: #1e446b; padding-top: 20px; }
#sidebar ul { margin-bottom: 15px; }
#sidebar ul li { text-align: left; }
#sidebar ul li a { display: block; color: #E4EDEF; height: 20px; margin-left: 10px; }
#sidebar ul li a:hover { font-weight: bold; color: #ffffff;  }


/* * * * A R T I C L E * * * */
#headline { float: left; width: 670px; }
#text { float: left; width: 660px; padding-left: 10px; }
#headline div.article_title { padding: 10px; padding-bottom: 5px; background: #ffffff url(../images/articletitle_bg.jpg) repeat-x center top; margin-bottom: 10px; }
#headline div.article_title p.title { color: #2B4368; font-weight: bold; font-size: 1.5em; margin-bottom: 10px; }
#headline div.article_title .sIFR-active p.title {
    visibility: hidden;
    font-family: Arial;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 1.5em;
}
#article_content { background: #ffffff url(../images/article_bg.jpg) repeat-y right top; }
#text p { line-height: 1.3em; margin-bottom: 1em; }
span.bodytitle { font-weight: bold;  }
#text ul { margin-left: 50px; margin-bottom: 1em; }
#text ul li { list-style-type: disc; }
a.register_button { display: block; color: #ffffff; padding: 10px; width: 200px; float: right; text-align: center; font-size: 16px; background-color: #2C426A; }


.error_message, .success_message { display: block; border: solid 1px #000; color: #000; padding: 10px 14px 10px 14px; margin: 10px 0px 20px 0px; }
.error_message { border: solid 1px #990000; background-color: #FFE1E1; }
.error_message a, .error_message b { color: #990000; }
.success_message { border-color: #008000; background-color: #DDFFDD; }
.success_message a, .success_message b { color: #008000; }
.mini_message { font-size: 11px; font-weight: bold; background: #DDFFDD url(http://localhost:55000/OCGN/assets/images/check.gif) no-repeat 2px center; display: inline; padding: 2px 4px 2px 20px; margin: 0px; }