

/*
* -------------------------------
*  common 
* ------------------------------- 
*/

/* --- Common --------------------------------------------------------------------------------------------------------------------------------- */
* { padding: 0; margin: 0;  }
.cleaner { display: block; height: 1px; overflow: hidden; clear: both; }

body { font: 11px/14px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; background: #e5e5e5; }
li { list-style: none outside; }
a { text-decoration: none; color: #b5121c; }
a img { border: none; }
a:hover { text-decoration: underline;  }

#page_container { width: 960px; margin: 0 auto;  }

#page_content { background: #FFF; padding: 10px;  }

#header { height: 105px; background: url('images/header_bgrd.gif') left top no-repeat; }
#header h1 { width: 250px; height: 75px;  }
#header h1 a { display: block; width: 100%; height: 100%; text-indent: 400px;overflow: hidden;   }

h1, h2, h3, h4 { font: 19px Arial, Helvetica, sans-serif; }
h1 { }
h2 { font-size: 160%;  }
p { padding-bottom: 20px;}
/* --- Layout ------------------------------------------------------------------------------------------------------------------------------------- */
#cnt { width: 730px; float: left; margin-left: 30px; }
#cnt.no-sidebar-tree { width: 940px; margin-left: 0px;  }
#sidebar { width: 180px; float: left;  }

.wide #cnt { width: 95%; }
/* --- Navigation --------------------------------------------------------------------------------------------------------------------------------- */
#header ul { height: 29px; border-bottom: 1px solid #00826a; }
#header ul li { background: #00826a url('images/nav_li_left.gif') left top no-repeat; float: left; margin-right: 2px; }
#header ul li a { display: block; background: url('images/nav_li_right.gif') right top no-repeat; color: #FFF; padding: 0 15px; line-height: 30px; }

#footer { background: #FFF; clear: both; text-align: center; padding: 10px 0; }
#footer a { color: #000; padding: 0 10px; border-right: 1px solid #000;  }
#footer a.last { border: none; }

/* --- Breadcrumbs --------------------------------------------------------------------------------------------------------------------------------- */
.breadcrumbs { font-size: 9px; margin-bottom: 20px; }
.breadcrumbs a { padding: 5px; }
.breadcrumbs a.inactive { padding: 5px; color: #000; }

/* --- Localnav --------------------------------------------------------------------------------------------------------------------------------- */
.localnav { border-bottom: 1px dotted #b5121c; }
.localnav li { border-top: 1px dotted #b5121c; padding: 6px 0;  }
.localnav li a { color: #000; font-weight: bold; font-size: 12px; }
.localnav li ul { padding-left: 15px; }
.localnav li ul li { border: none; padding: 4px 0;  }
.localnav li ul li a { font-weight: bold; font-size: 10px; }
.localnav li ul li ul {  }
.localnav li ul li ul li {  }
.localnav li ul li ul li a { font-weight: normal;  }
.localnav li.selected a { font-weight: bold;  }

/* --- Pages --------------------------------------------------------------------------------------------------------------------------------- */
.page .hdr { padding-bottom: 20px; }
.page .hdr h1,
.page .hdr h2 { font: normal 20px Arial, Verdana, sans-serif;  }
.page .hdr h2 { color: #b5121c;  }

.innerbar { width: 200px; float: right; border-left: 1px dashed #666; margin-left: 15px; padding-left: 15px; }
.innerbar a { display: block; }
.innerbar p { padding: 0 20px 0 10px; margin-bottom: 20px; }

/* --- Forms --------------------------------------------------------------------------------------------------------------------------------- */
form .input { margin-bottom: 10px; }
form .input label { display: block; font-weight: bold;  }
form .input label span { color: #900;  }
form .input label.checkbox { display: inline; padding-left: 5px; }
form .input ul li { padding: 2px 0;  }
form .input div.field {  }
form .input div.field textarea,
form .input div.field input { width: 95%;  border: 1px solid #999; padding: 3px;  }


/* --- Grid --------------------------------------------------------------------------------------------------------------------------------- */
.col { float: left; overflow: hidden;  }
.col .inner { padding-right: 10px; }
.col.w2 { width: 50%;  }
.col.w3 { width: 33%;  }
.col.w4 { width: 25%;  }

/*
* -------------------------------
*  home 
* ------------------------------- 
*/

/* --------- Home styles ------------------------------------------------------------------------------------*/

.home #cnt { margin: 0; width: auto;   }
.home .content { color: #666; line-height: 15px;  }
.home h2 { color: #b5121c; }
.home a { color: #1a66e7; }
.home .left { width: 45%; float: left; margin-right: 4%; }
.home #col_w23 { width: 60%; }
.home #col_w3 { width: 30%; }

#cnt .main-content { width: 558px; float: left; margin-right: 20px; }
#cnt .main-content .left strong { display: block; }
#cnt .main-content .expese { padding: 15px 0; border-top: 1px solid #b5121c;  margin-top: 20px;}

#cnt .sidebar { width: 362px; float: left;  }

#cnt .sidebar h2 { border-top: 1px dotted #b5121c; padding: 15px 0 10px 0;  }
#cnt .sidebar .panel { border-bottom: 1px dotted #b5121c; padding: 15px 0;  }
#cnt .sidebar .panel .hdr strong { font-weight: normal; color: #000; }

#index { height: 224px; background: url(images/index.jpg) left top no-repeat; padding-top: 185px; }
#index h2 { text-align: center;  padding-top: 10px; }
#index h2 a { font-size: 11px; font-weight: normal;  }

#index .panel { width: 30%; float: left; margin: 0 1.5%;  }
#index .panel .hdr h3 { font-size: 14px; color: #b5121c; line-height: 35px;  white-space: nowrap; }
#index .panel .cnt { padding-top: 10px; }

#tour a { margin-left: -7px; margin-top: 1px; display: block; }
#download p { padding-left: 10px; }



.browser_badge { display: block; float: right;  }

/*
* -------------------------------
*  rte 
* ------------------------------- 
*/

/* --------- Rich text editor styles ------------------------------------------------------------------------------------*/

.rte {  }

.rte h2 { font-weight: normal; font-size: 160%; padding: 0 0 5px 0; }
.rte h3 { font-weight: normal; font-size: 150%; padding: 0 0 5px 0; }
.rte h4 { font-weight: normal; font-size: 140%; padding: 0 0 5px 0; }
.rte h5 { font-size: 120%; padding: 0 0 5px 0; }
.rte h6 { font-size: 100%; padding: 0 0 5px 0; }

.rte p { padding: 0 0 20px 0; }
.rte p a {  }
.rte p + ul { padding: 0 30px 20px 30px; }
.rte p + ol { padding: 0 30px 20px 30px; }

.rte a {  }

.rte ul { padding: 20px 30px; }
.rte ul li { display: list-item; list-style: circle outside; }
.rte ul li a {  }
.rte ul + ul { padding: 0 30px 20px 30px; }

.rte ol { padding: 20px 30px; }
.rte ol li { display: list-item; list-style: decimal outside; }
.rte ol li a {  }
.rte ol + ol { padding: 0 30px 20px 30px; }

.rte code { display: block; background: #EEE; border: 1px solid #CCC; font: 0.8em  Courier, Tahoma, sans-serif; padding: 10px; margin: 20px 0; white-space: pre; }
.rte p + code { margin-top: 0; }

.rte blockquote { color: #666; padding: 20px; border-left: 5px solid #CCC; margin: 0 20px 20px 20px;  }
.rte blockquote p { padding-bottom: 0; line-height: 20px; }

.rte code {  }
