html, body { height: 100%; margin: 0; padding: 0; width: 100%; }
body { background-color: #EEEEE7; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

h1 { color: #AC570C; font-size: 20px; margin: 0 0 10px; font-weight:normal; }
#start h1 { font-size: 20px; margin: 5px 0 10px; }
h2 { color: #555; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }
h3 { border-bottom: 1px solid #eee; border-top: 1px solid #eee; color: #999; font-size: 14px; margin: 0; padding: 5px 0; }
h4 { color: #000; font-size: 12px; font-weight: bold; margin: 0 0 5px 0; }
h5 { color: #888; font-weight: bold; margin: 0 0 5px 0; }

a { color: #00679B; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
a.link { display: block; padding: 5px 2px; }
a.link:hover { background-color: #FFFFEE; }
p { margin: 0 0 10px 0; }
ul { list-style: none; margin: 0; padding: 0; overflow:hidden; }

.fr { float: right; }
.fl { float: left; }
.oh { overflow: hidden; }
.cl { clear: left; }
.ntb { border-top: none; }

ul.bread { color:#444444; font-size:8px; letter-spacing:1px; line-height:14px; padding:0 0 0; text-transform:uppercase; }
ul.bread li { float:left; }
ul.bread li a { color:#444444; font-size: inherit; font-weight: inherit; margin: 0; }

div.intro { font-size: 15px; line-height:19px; margin:0 0 20px; }
.rightDottedLine { border-right: 1px dotted #eee; }
.rightSolidLine { border-right: 1px solid #eee; }
.leftDottedLine { border-left: 1px dotted #eee; }
.leftSolidLine { border-left: 1px solid #eee; }
.whole { cursor: pointer; }

.icon_contact { background-image: url(/images/contacts_16.gif); background-repeat: no-repeat; }
.icon_info { background-image: url(/images/info_16.gif); background-repeat: no-repeat; }
.icon_calendar { background-image: url(/images/calendar_16.gif); background-repeat: no-repeat; }
.icon_edit { background-image: url(/images/edit_16.gif); background-repeat: no-repeat; }
.icon_pfd { background-image: url(/images/icon_pdf16.gif); background-repeat: no-repeat; padding:0 0 0 20px }
h3.icon { background-position: right 4px; margin:0; }


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

#framework #top_menu .logo_holder { background-color: #2157A2; background-image: url(/images/header2.jpg); background-repeat: no-repeat; color: #fff; height: 78px; overflow: hidden; padding: 11px 0 7px 11px; }
#framework #top_menu .logo_holder img { float: left; }
#framework #top_menu .logo_holder p { float: left; font-size: 16px; font-weight: bold; margin: 47px 0 0 10px; }
#framework #top_menu ul { background-color: #2157A2; margin: 0; list-style: none; overflow: hidden; padding: 0 0 0 15px; }
#framework #top_menu ul li { background-color: #0073B9; float: left; margin: 0; }
#framework #top_menu ul li a { color: #03BAFE; display: inline-block; font-size: 10px; font-weight: bold; padding: 6px 15px; text-transform: uppercase; }
#framework #top_menu ul li.active { background-color: #fff; }
#framework #top_menu ul li.active a { color: #185CA5; }
#framework #top_menu ul li a:hover { background-color: #fff; color: #888; }

#framework #content { background-color: #fff; overflow: hidden; padding: 10px 0; }

#framework #content .col_1 { float: left; padding: 0 15px; width: 194px; min-height:1px; }
#framework #content .col_2 { float: left; padding: 0 15px; width: 480px; min-height:1px; }

#framework #content .col_1 h3 { border-bottom: 1px solid #eee; border-top: none; }
#framework #content .col_1 div.intro { font-size:11px; padding:5px 0 10px; margin:0; line-height:normal; }


div.grouped { margin:0 0 10px; }
div.grouped h3 { border:none; }

.list_type_1 { float: left; margin: 0; overflow: hidden; padding: 0; }
.list_type_1.right { float:right; }
.list_type_1 li { border-bottom: 1px solid #eee; overflow: hidden; width: 232px; padding: 10px 0 5px; }
.list_type_1 li a { display: block; margin:5px 0; }
.list_type_1 li h4 { color: #00679B; font-size: 14px; font-weight: bold;  }
.list_type_1 li p { color: #666; font-size: 11px; font-weight: normal; margin: 0; }
.list_type_1 li img { float: left; margin-right: 8px; }

.list_type_2 span { color: #888; font-weight:bold;  }
.list_type_2 li { padding: 3px 0; }
.list_type_2 ul li { margin-left: 10px; }
.list_type_2 ul li a { color: #00679B; display: block; overflow: hidden; padding-left: 14px; background-image: url(/images/icon_cat.gif); background-position: 0 0; background-repeat: no-repeat; }

.list_type_3 { margin: 0; }
.list_type_3 li { padding:10px 0 0; border-bottom: 1px dotted #eee; }
.list_type_3 a { display: block; }
.list_type_3 img { width: 194px; }

.list_type_4 { margin-bottom: 5px; border-top: 1px solid #eee; }
.list_type_4 li { border-bottom: 1px solid #eee; overflow: hidden; padding:10px 0 0; }
.list_type_4 li a { text-decoration: none; display:block; margin: 0 0 10px; clear:both; }
.list_type_4 h3 { border: none; color: #AC570C; margin: 0 0 5px; }
.list_type_4 p { margin: 0 0 5px; }
.list_type_4 li img { margin:0 0 10px 10px; float:right; }
.list_type_4:hover .date { background-color:#fff; }
.list_type_4 .date { border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-right: 1px solid #eee; float: left; overflow: hidden; padding: 5px; margin-bottom: 5px; margin-right: 10px; text-align:center; width:25px; }
.list_type_4 .date .day { display: block; font-size: 18px; }
.list_type_4 .date .month { display: block; }

.list_type_5 { margin-bottom: 10px; }
.list_type_5 li { border-bottom: 1px dotted #eee; }
.list_type_5 li a { display: block; font-weight: bold; padding: 6px 6px 6px 2px; }
.list_type_5 li a:hover { background-color: #FFFFEE; }


#framework #content .product h2 { color:#AC570C; font-size:14px; margin:0 0 5px; }
#framework #content .product h3 { font-size:11px; border:none; color:#000; padding:0; margin:0;  }

#framework #content .product ul { margin: 10px 0 10px 10px; padding:0; }
#framework #content .product ul li { padding: 0 0 5px 10px; background-image: url(/images/li_bullet.gif); background-position: 0 4px; background-repeat: no-repeat; }
#framework #content .product ul li ul { margin:5px 0 0 10px; }
#framework #content .product ul.list_type_7 { border:none; margin: 0; background:none; padding:0 0 10px; }
#framework #content .product ul.list_type_7 li { padding:0 0 5px; background:none; }
#framework #content .product ul.list_type_7 li p { padding:0; margin:0; }

#framework #content .product table {border-collapse: collapse;  margin:0 0 10px; padding:0; text-align:left; width:240px; }
#framework #content .product table thead th { background:none repeat scroll 0 0 #eee; padding:3px; }
#framework #content .product table th,
#framework #content .product table td { padding:3px; margin:0; border-bottom:1px solid #ccc; vertical-align:top; min-width:51px; }

#framework #content .fr img { display:block; padding:0 0 10px }
#framework #content .fr a { display:block; }

.whole:hover a { text-decoration:underline; }

.editor_content { line-height: 1.5em; }
.editor_content .fr { margin:0 0 10px 10px;}
.editor_content img.fr { margin-bottom: 10px; margin-left: 10px; }
.editor_content img.fl { margin-bottom: 10px; margin-right: 10px; }
.editor_content ul { padding:0 0 10px 20px;  }
.editor_content ul li { list-style-type:disc; }
.editor_content div { padding:0 0 5px 0;  }


.module h3 { margin:0 0 6px; }

#footer { background-color: #fff; background-image: url(/images/content_bground.gif); background-repeat: repeat-x; border-top: 1px solid #eee; padding: 15px; text-align: center; }

/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }