/* custom */
html, body { width:100%; height:100%; }
body {
    height:auto !important;
    height:100%;
    min-height:100%;
    background: #fff;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

table, td {
    vertical-align: top;
    border: none;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

div#mainContainer {
    width: 86%;
    min-width: 865px;
    margin: 0px auto;
}

/* IE6 fix */
* html div#fixMinwidth { border-left: 865px solid #fff; height: 1px; z-index:1; position: relative; }
* html div#fixContent { margin-left: -865px; height: 1px; z-index:2; position: relative; }
/* end of fix */

/*div#fixContent { min-height: 100%; } /* for footer */

div#header {
    background: transparent url("/img/head_bg_fill.png") top left repeat-x;
    height: 94px;
}

div#headerLeft {
    float: left;
    width: 33px;
    height: 94px;
    background: #006 url("/img/head_bg_left.png") no-repeat;
}

div#headerRight {
    float: right;
    width: 33px;
    height: 94px;
    background: #006 url("/img/head_bg_right.png") no-repeat;
}

div#headerCenter {
    float: left;
    height: 94px;
}

div#headerCenter img#logo {
    //behavior: url("/iepngfix.htc");
    z-index: 20;
}

div#headerCenter img#text {
    vertical-align: top;
    margin-top: 35px;
    //behavior: url("/iepngfix.htc");
}

/* menus */
div#menu {
    //position: relative;
    //top: -80px;
    float: right;
}

div#menu li {
    display: inline-block;
    float: left;
    width: 118px;
    list-style: none;
    background: transparent url("/img/button_std.png") center no-repeat;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 1.25em 0px;
}

div#menu li.selected {
    background: #fff url("/img/button_active.png") no-repeat;
    background-position: center;
}

div#menu a {
    color: #666;
    text-decoration: none;
}

div#menu a:hover {
    color: #933;
}

div#menu li.selected a, div#menu li.selected a:hover {
    color: #000;
    cursor: default;
}

/* fix content - up to menu */
table#container {
    clear: both;
    //position: relative;
    //top: -80px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
}

/* sidebars */
td#left_col, td#right_col { 
    width: 200px;
    background: url("/img/sidebar_v2_bottom.png") bottom left no-repeat;
    margin: 0px;
    padding: 0px;
    padding-bottom: 80px;
}

div.sidebar {
    background: url("/img/sidebar_v2_top.png") top left no-repeat;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 10px;
    padding-bottom: 20px;
}

div.sidebar h2 {
    font-size: 13px;
    /*margin: 10px 0px;
    margin-left: 15px;*/
    padding: 5px 0px;
    padding-top: 3px;
    text-align: center;
    color: #006;
    border-top: 1px solid #c33;
    border-bottom: 1px solid #c33;
}

div.sidebar div.contWrap { width: 180px; margin: auto 0px; }
/*div#rightSide { text-align: center; }*/

div#leftSide h2 {
    padding: 0px;
    margin-bottom: 5px;
    text-align: left;
    border: none;
}

div.sidebar ul {
    color: #666;
    margin: 0px;
    margin-left: 10px;
    margin-bottom: 40px;
    padding: 0px;
    padding-left: 0.5em;
}

div.sidebar li {
    font-size: 70%;
}

div.sidebar img.leaf { padding: 10px 0px; margin: 0px auto; }

div.sidebar a { color: #633; }
div.sidebar a:visited { color: #666; }
div.sidebar a:hover { color: #c33; }

div.sidebar a img { border: 1px solid #633; }
div.sidebar a:visited img { border: 1px solid #666; }
div.sidebar a:hover img { border:1px solid #c33;}

div.sidebar h2 a, div.sidebar h2 a:visited { color: #006; }
div.sidebar h2 a:hover { color: #900; }

div.sidebar p { padding: 0px; margin: 0px; font-size: 75%; }

/* content */
td#center_col { background: #fafafa; }

div#path {
    padding-left: 30px;
    color: #666;
    background-color: #fff;
    font-size: 13px;
    font-weight: bold;
}

div#path span { background: #fafafa; padding: 10px; }

div#path a { color: #666; }
div#path a:hover { color: #000; }

div#content {
    margin: 0px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    /*background: #e6f3ff url("/img/round_r.png") top right no-repeat;*/
    /*background: #f5f5f5;*/
    /*background: #f0f8ff;*/
    background: #fafafa; /*url(/img/content_fade_fafafa.png) repeat-x bottom left;*/
    color: #333;
    text-align: justify;
    font-size: 70%;
    /*font-family: "Times New Roman", serif;*/
}

div#content h2.info {
    font-family: georgia, serif;
    font-weight: bold;
    font-size: 150%;
}

div#content h3 { font-size: 150%; font-weight: normal; }

div#content h3.headline {
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: normal;
    font-family: georgia, serif;
    color: #009;
    clear: both;
    text-align: left;
}


div#content p {
    margin: 0px;
    margin-top: 3px;
    padding: 0px;
    padding-bottom: 5px;
    line-height: 120%;
}

div#content ul {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 20px;
    line-height: 120%;
}

div#content img.thumb, img.inText {
    float: right;
    margin: 10px;
    border: 1px solid #633;
}

img.inText { float: left; margin: 5px; }

div#content h3.headline a { color: #009; }
div#content h3.headline a:visited { color: #669; }
div#content h3.headline a:hover { color: #06c; }

div#content a.comments_invite { 
    color: #999; 
    font-size: 80%; 
    padding: 2px; 
    padding-left: 22px;
    background: transparent url("/img/comment_u.gif") 0 -20px no-repeat;
}

/*div#content a.comments_invite:link, a.comments_invite:visited { background-image: url("/img/comment.gif"); }*/

div#content a.comments_invite:hover, a.comments_invite:focus { 
    color: #666; 
    background: url("/img/comment_u.gif") 0 0 no-repeat;
}

div#content div.aboutProject {
    color: 000;
}

div#content div.text {
    width: 98%;
    padding: 0 1%;
}

div#content hr { width: 90%; text-align: center; clear: both; }

div#content table.childrens { margin: 0px; position: static; text-align: left; }
div#content table.childrens caption { text-align: left; }
/*div#content table.childrens td { vertical-align: middle; }*/
div#content table.childrens p { margin-left: 0px; margin-top: 10px; }
div#content table.childrens img.thumb { float: none; margin-left: 20px;}
div#content table.childrens caption h3.headline { margin-left: 20px; }

div.contentRound {
    width: 100%;
    height: 5px;
    /*background: transparent url("/img/round_l.png") top left no-repeat;*/
}

/* different content */
p.quote {
    color: #616161;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

p.feedback { }

p#syndicate {
    padding-left: 5px;
    font-size: 70%;
}

div.flashMov {
    padding: 5px;
    margin: 5px auto;
    border: 1px solid #666;
    background: #fff;
    width: 350px;
}

p.month_arch { font-weight: bold; color: #000; }
div.archBlock { padding-left: 10px; border-left: 3px solid #ccc; }
div.archBlock h3 { padding: 0px; margin: 0px; }
div.archBlock span.hl { font-weight: bold; }

/* contact form */
div.contactForm { padding-top: 1em; font-size: 110%; }

div.contactForm fieldset {
    border: 1px solid #666;
}

div.contactForm legend {
    color: #666;
    background: inherit;
}

div.contactForm label {
    float: left;
    width: 10em;
    line-height: 1em;
    margin-right: 0.1em;
    margin-top: 5px;
    text-align: right;
}

div.contactForm input, div.contactForm textarea {
    width: 60%;
    margin-top: 5px;
    padding: 1px;
}

div.contactForm label.required { font-weight: bold; }

div.contactForm input.vTextField, input.vEmailField { border: 1px solid #999; }
div.contactForm input.required { border: 1px solid #000; }
div.contactForm textarea { border: 1px solid #000; }
div.contactForm span.submit { margin-left: 10.1em; }
div.contactForm span.submit input { width: auto; font-weight: bold; }

div.contactForm p.error { color: red; }
div.contactForm span.error_req { clear: both; display: block; margin-left: 10em; color: red; }

/* end of contact form */

/* icon images */
img.icon { border: none; padding: 0px; margin: 0px; vertical-align: middle; }
/* end of icon images */

/* footer block */
div#footer {
    //position: relative;
    //top: -80px;
    background: #f5f5f5 url(/img/footer_fill.png) top left repeat-x;;
    height: 69px;
    clear: both;
    margin-top: 5px;
    text-align: center;
}

div#footer div.left {
    height: 69px;
    background: transparent url(/img/footer_fill_left.png) top left no-repeat;
}

div#footer div.right {
    height: 69px;
    background: transparent url(/img/footer_fill_right.png) top right no-repeat;
}

div#footer table.text {
    font-size: 10px;
    margin: 20px auto;
    background: transparent;
    border: 1px solid #fff;
    vertical-align: middle;
}

div#footer table.text td img { margin-left: 10px; margin-top: 5px; }
div#footer table.text td span.smaller { font-size: 9px; }
div#footer table.text td.left { text-align: right; }
div#footer table.text td.right { text-align: left; }

/* end of footer block */

/* banner block */
div#banners {
    font-size: 10px;
    color: #333;
    text-align: center;
    padding: 0px 20px;
}

div#banners img { margin: 0px 10px; }

/* end of banner block */

hr.red { height: 1px; background: #c33; color: #c33; border: none; }
