﻿* { padding: 0;	margin: 0; }

html, body { height: 100%; }
form  { min-height: 100%; height: 100%;	 }

body { min-height: 100%; height: 100%; color: #282828; background: #FFF; font-size: 1em; font-family: Tahoma, Sans-Serif;}

/* common */
a, a:link { color: #3399CC; }
a:visited {color: #669999;}
a:hover {color: #282828;}
a:active {color: #282828;}
a img { border: none; }
a:active, a:focus, img  { -moz-outline:none; outline:none; ie-dummy:expression(this.hideFocus=true); }

.input { width: 200px; border: solid 1px #CCC; background: #FFF; color: #333; padding: 1px 2px; }


ul
{
    margin: .6em 0 0.6em 2em;
}

ul li
{
    margin: 0.2em 0 0.2em 1.3em;
}

ul.dash
{
    list-style-type: none;
    margin: .4em 0 0.4em 2em;
}

ul.dash>li:before
{
    content: '\2014\a0';
    float: left;
    margin-left: -1.25em;
}

ul.dash li { margin: 0.3em 0 0.3em 1.3em; }

/* layout */
#outer
{
    min-height: 100%;
    min-width: 1000px;    
    margin: 0 0 -125px 0;    
}
#outer #clear { height: 200px; clear: both; }
/*
* html #outer { height: 100%; }
*/
/* header */
#outer #header
{
    width: 100%;
    height: 323px;
    position: relative;
    margin: 20px 0 0 0;
    background: transparent url(compass.GIF) no-repeat 0 30px;    
}
#outer .logo { color: #d52f0d; font: italic normal normal 2.2em 'Time New Roman', Serif;
 position: absolute;
 top: -13px;
 left: 40px;               
}

#outer .home 
{
    position: absolute;    
    width: 240px;
    height: 240px;    
    top: 50px;
}

/* content */
#outer #content
{    
    clear: both;
    
}
#outer #content .center-content
{
    
    width: 100%;
}
#outer #content .center-content .pane
{
    margin: 0 50px;
}

/* footer */
#footer 
{
    clear: both;
    border-top: solid 1px #999999;
    padding: 2px 0 0 0;
    height: 125px; 
    min-width: 1000px;
}
#footer #copyright
{
    border-top: solid 1px #999999;
    padding: 20px 0 0 0;
    text-align: center;
    color: #333;
    font-size: .85em;
}

#footer #copyright .phone
{    
    margin: 15px 0 0 0;    
    background: transparent url(phone.gif) no-repeat 0 50%;        
    display: inline-block;
    padding: 0 0 0 20px;
}

#footer #copyright .phone label
{
    display: block;
    margin: 0 0 4px 0;
}

#footer #copyright .phone small
{
    color: #858585;
}

#footer #copyright .phone big
{
    font-weight: bold;
    color: #666666;
}


#outer #header #slogan
{
    margin: 0 0 0 320px;
    font: italic normal normal 1.05em 'Times New Roman', Serif;
    color: #8D8D70;
    display: block;
}  

/* navigation */
/*
#header #navigation
{       
    margin: 10px 30px 0 300px;
    background: #EBEAD6;    
}
*/
.branches { margin: 5px 30px 0 300px; list-style-type: none; background: #EBEBD6; font-size: .9em; line-height: 2.4em; height: 2.4em; }
.branches li { float: left; margin: 0 15px; position: relative; }

.branches li a,.branches li a:link { color: #666; font-weight: bold; padding: 0 0 0 12px; background: transparent url(m-arr.gif) no-repeat 0 center; }
.branches li.current b { color: #353535; padding: 0 0 0 12px; background: transparent url(m-arr-c.gif) no-repeat 0 center; }

.branches li a:visited { color: #666; }
.branches li a:hover { color: #CC3300; } 
.branches li a:active {color: #CC3300;}

.branches li ul { display: none; position: absolute; top: 2.4em; margin: 0; padding: 0; left: 0; background: #EBEBD6; height: auto; }
.branches li:hover ul { display: block; list-style-type: none; }
.branches li ul li { margin: 0; padding: 0 12px 0 12px; float: none; line-height: 2.4em; height: 2.4em; position: static; }
.branches li ul li a, .branches li ul li a:link, .branches li ul li.current b { white-space: nowrap; background-image: none; padding: 0; }
/* submenus */




/* whiteboard */
#whiteboard .l
{
    position: absolute;
    height: 205px;
    width: 200px;
    background: transparent url(whiteboard-bg-c.gif) no-repeat 0 0;
    left: 0;
    top: 0;
}

#whiteboard .r
{
    position: absolute;
    height: 205px;
    width: 300px;
    background: transparent url(whiteboard-bg-c.gif) no-repeat -200px 0;
    right: 0;
    top: 0;    
}

#whiteboard .data
{
    position: relative;
    z-index: 100;
    padding: 25px 15px;
    color: #666;
    font-size: .9em;    
}

#whiteboard
{
    height: 205px;
    background: transparent url(whiteboard-bg.gif) repeat-x 0 0;
    margin: 17px 10px 0 300px;
    position: relative;    
}

* html #whiteboard .r
{
    right: -1px;
}

/* advantage */
/* advantage */
#whiteboard .data #advantage
{
    margin: 0;
    list-style-type: none;
}
#whiteboard .data #advantage li 
{
    float: left;
    width: 30%;
    position: relative;    
}

#whiteboard .data #advantage li h3
{
    color: #AAA281;
    font: italic normal normal 1.3em 'Times New Roman', Serif;
    margin: 0 0 7px 0;   
}
#whiteboard .data #advantage li span 
{
    font-size: .8em;
    line-height: 1.2em;
    display: block;
    margin: 0 0 7px 0;
    font-family: Tahoma;
    padding: 0 0 0 1.4em;    
}

#whiteboard .data #advantage li>span:before
{
    content: '\2014\a0';
    float: left;
    margin-left: -1.25em;
    color: #66cc00;
}

/* SKINS */
/* switchers */
#switchers { list-style-type: none; //font-size: 1px; position: absolute; top: 34px; left: 42px; margin: 0; }
#switchers li { float: left; border: none 0; width: 13px; height: 13px; margin: 0 30px 0 0; }
#switchers li a { width: 13px; height: 13px; display: block; //font-size: 1px; cursor:pointer; cursor:hand; }

#switchers #home { background: Transparent url(switchers.gif) no-repeat 0 0; }
#switchers #home a { background: Transparent url(switchers.gif) no-repeat 0 -13px; }
#switchers #home a:hover { background: Transparent url(switchers.gif) no-repeat 0 -26px; }

#switchers #feedback { background: Transparent url(switchers.gif) no-repeat -13px 0; }
#switchers #feedback a { background: Transparent url(switchers.gif) no-repeat -13px -13px; }
#switchers #feedback a:hover { background: Transparent url(switchers.gif) no-repeat -13px -26px; }

#switchers #sitemap { background: Transparent url(switchers.gif) no-repeat -26px 0; }
#switchers #sitemap a { background: Transparent url(switchers.gif) no-repeat -26px -13px; }
#switchers #sitemap a:hover { background: Transparent url(switchers.gif) no-repeat -26px -26px; }

#switchers #signin { background: Transparent url(switchers.gif) no-repeat -39px 0; }
#switchers #signin a { background: Transparent url(switchers.gif) no-repeat -39px -13px; }
#switchers #signin a:hover { background: Transparent url(switchers.gif) no-repeat -39px -26px; }

/* login */
#login-form { width: auto; display: inline-block; }
#login-form .input { display: block; margin: 0 0 7px 0; }
.lbl { display: block; margin: 0 0 5px 0; }
.module-message { margin: 0 0 20px 0; }

/* CONTAINERS */
.container { width: 100%; margin: 0; }
.container .module-title 
{
    color: #999999;
    margin: 0 0 15px 0;
}
.right-column .container { padding: 5px 15px; }
.center-content .container { padding: 0 50px 0 0; margin: 0 0 45px 0; }
/* ADMIN */
/* module settings */
#module_settings .lbl { display: block; margin: 0 0 3px 0; }
#module_settings .input { display: block; font: normal 10pt Sans-Serif; margin: 0 0 12px 0; width: 320px; }
#module_settings .input.m { width: 50px; }
#module_settings .input.s { width: 25px; }
#module_settings .html-select { margin: 0 0 10px 0; }
#module_settings .ch-box { display: inline-block; padding: 0 0 10px 0; }

/* site_settings */
#site_settings { width: 700px; height: 280px; position: relative; }
#site_settingst dl { }
#site_settings dl dt.tab { float: left; padding: 1px 0; margin: 1px 10px 1px 0; cursor: default; white-space: nowrap; border-bottom: dashed 1px #999; font-size: 0.9em; }
#site_settings dl dd.tab-content { position: absolute; left: 0; top: 0; margin: 30px 0 0 0; padding: 0; display: none; width: 100%; }
#site_settings dl dd.tab-content .reducer { margin: 10px 0; }
#site_settings dl dt.tab.on { background: #FFF; color: #000; padding: 1px 2px; cursor: default; border-style: none; }
#site_settings dl dd.tab-content.active { display: inline; }

.site-settings .lbl { display: block; margin: 0 0 3px 0; }
.site-settings .input { display: block; font: normal 10pt Sans-Serif; margin: 0 0 12px 0; width: 320px; }

/* DESKTOP MODULES */
.announces { list-style-type: none; margin: 0 0 0 30px; }
.announces .dt { color: #999999; font-size: .76em;  margin: 0 1em 0 0;}
.announces label { }
.announces li { margin: 0 0 12px 0; }
.announces li a, .announces li a * { text-decoration: underline; }
.announces li .news { font-size: .85em; margin: 0 0 0 4.70em; }
.announces li .news-archive { font-size: .85em; margin: 0 0 0 4.70em; background: transparent url(arr.gif) no-repeat 0 60%; padding: 0 0 0 50px; }

.right-column .announces { margin: 0; margin: 0 0 -15px 0; }
.right-column .announces .dt
{
    display: none;
}

.right-column .announces li a { }

.right-column .announces li
{
    border-bottom: dotted 2px #D8DAD0;
    padding: 0 0 15px 0;
    //border-bottom-style: expression(this.nextSibling == null ? 'none' : 'dotted');
}

.right-column .announces li .news 
{
    margin: 7px 0 0 0;    
    font-size: .9em;    
}

.right-column .announces li:last-child
{
    border-bottom: none;    
}


/* tree */
.tree { font-size: .8em; line-height: 1.4em; }
.tree ul
{
    margin: 0;
    list-style-type: none;   
}
.tree ul li { clear: both; }
.tree ul ul { margin: 0 0 0 20px; }
.tree ul li { margin: 1px 0; }
.tree ul li img { display: none; }

.tree .tree-node { display: block; float: left; width: 9px; height: 9px; font-size: 1px; text-decoration: none; margin: 6px 4px 0 0; }
.tree .tree-node.e { background: transparent url(tree-icons.gif) no-repeat 0  0; }
.tree .tree-node.c { background: transparent url(tree-icons.gif) no-repeat 0  -9px; }
.tree .tree-node.l { background: transparent url(tree-icons.gif) no-repeat 0  -18px; }

.tree .loader { margin: 2px 0 0 20px; display: block; font-size: 1px; width: 16px; height: 16px; background: transparent url(ajax-loader.gif) no-repeat 0 0; }

/* feedback form */
#feedback-form { }
#feedback-form label { display: block; margin: 0 0 7px 0; }
#feedback-form .input { display: block; width: 300px; margin: 0 0 7px 0; }
#feedback-form .input.multi { height: 100px; }
#feedback-form .input.s { width: 70px; }

/* sitemap */
.sitemap { font-size: 0.8em; }
.sitemap, .sitemap ul { list-style-type: none; }
.sitemap ul li { margin-left: 20px; }

/* rounded corners r-star */
        .r-star {        
	        position:relative;
	        overflow:hidden;
	        padding:10px 0;
        }
        .r-star{
	        background: #f1f1e0;
        }
        .r-star .content {
	        padding:10px 20px;
        }
        .r-star .cn
        {
	        position:absolute;
	        width:20px;
	        height:20px;
	        left:-10px;
	        top:-10px;
	        background:url(r-star.png);	        
        }
        .r-star .cn.tr, .r-star .cn.br
        {
	        margin-left:100%;
        }
        .r-star .cn.bl, .r-star .cn.br
        {
	        top:auto;
        }

