/* CSS Document */

body {margin:0px; padding:0px; background:#020f3c url(/images/inside_01.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif;}
* {margin:0px; padding:0px;}
a {color:#fac18f; text-decoration:none;}
a:hover {color:#ffffff; text-decoration:none;}
#container {width:860px; margin:0px auto;}
#container_top {width:860px; height:100px; display:block;}
#container_main {width:860px; background:transparent url(/images/layout_04cropped.jpg) no-repeat; background-position:right bottom;display:block;clear:both;} 
#footer {width:860px; display:block; font-size:11px; color:#ffffff; text-align:center;}
#footer img {margin-bottom:10px;}
#footer p {margin:10px 0px;}
#footer a {color:#fac18f; text-decoration:none;}
#footer a:hover {color:#f5821f;}
#logo {float:left; width:202px; height:100px;}
#topnav {float:right; text-align:right; display:block; font-size:14px; font-weight:bold; margin-top:30px; width:600px;}

#topnav ul, #footer ul {list-style-type:none;}
#topnav li, #footer li {display:inline; text-transform:uppercase; padding:0px 0px 0px 15px;}
#topnav li a {color:#ffffff; text-decoration:none;}
#topnav li a:hover {color:#f5821f;}

#topnav2 {float:right; clear:right; display:block; text-align:right; font-size:13px; font-weight:bold; margin-top:25px; width:600px; height:23px; }
#topnav2 ul {list-style-type:none;}
#topnav2 li.tab {float:right; padding:1px 2px; margin-left:3px; border:solid 1px #fac18f; font-family:"Arial Narrow", Arial; color:#ffffff; background-color:#f5821f; letter-spacing:.5px;}
#topnav2 li.tab a { color:#ffffff;text-decoration:none;;}
#topnav2 li.tab a:hover {color:#6f3e20;}

#homepage_text_top {font-size:14px; color:#ffffff; width:500px; float:right;padding-top:18px; line-height:150%;}
#homepage_text_catalog {width:500px; float:right; font-size:14px; color:#ffffff; margin:50px 0px 0px 0px; clear:right;}
#homepage_text_catalog h1 {color:#f5821f; font-size:18px; font-weight:bold;}
#homepage_text_catalog ul { list-style-image:url(/images/scrollable/li.png); margin:20px 0px 0px 20px;}
#homepage_text_catalog li {font-size:14px; margin:8px 0px; color:#fac18f;}

#main_text_top {font-size:13px; color:#ffffff; width:500px; float:right;padding-top:18px;}
#main_text_catalog {width:500px; float:right; font-size:13px; color:#ffffff; margin:10px 0px 0px 0px; clear:right; min-height:300px; }
#main_text_catalog p {margin:6px 0px;}
#main_text_catalog h1 {color:#f5821f; font-size:18px; font-weight:bold; margin-bottom:5px;}
#main_text_catalog h2 {color:#f5821f; font-size:16px; font-weight:bold; margin-bottom:5px;}
#main_text_catalog ul { list-style-image:url(/images/scrollable/li.png); margin:10px 0px 0px 20px;}
#main_text_catalog li {font-size:12px; margin:7px 0px; color:#fac18f;}

#inside_text_top {font-size:14px; color:#ffffff; width:760px; padding-top:18px; margin:0px 50px;}
#inside_text {width:760px; font-size:13px; color:#ffffff; padding:10px 50px 0px 50px;  min-height:350px; }
#inside_text p {margin:6px 0px; line-height:150%;}
#inside_text h1 {color:#f5821f; font-size:18px; font-weight:bold; margin-bottom:5px;}
#inside_text ul { list-style-image:url(/images/scrollable/li.png); margin:10px 0px 0px 20px;}
#inside_text li {font-size:13px; margin:9px 0px; color:#ffffff; line-height:150%;}
#inside_text table {margin-top:10px;}
#inside_text table th {text-align:center; padding:1px; border:solid 1px #fac18f; background-color:#f5821f; color:#ffffff; font-size:12px;}

#breadcrumb {font-size:11px; display:block; margin:0px 0px 10px 0px;}
.clearfix {font-size:1px; visibility:hidden; height:1px; margin:0px; padding:0px; clear:both;}
/* tabs */
ul.tabs {list-style-type:none; margin:0px !important; padding:0px; height:30px;}
ul.tabs li {float:left; list-style-image:none; padding:0px 10px; display:inline; text-align:center; border:solid 1px #fac18f; font-family:"Arial Narrow", Arial; color:#ffffff; background-color:#f5821f; letter-spacing:.5px;}
ul.tabs li a {color:#ffffff;}
ul.tabs li a:active {outline:none;}
ul.tabs li a:hover {color:#6f3e20;}
ul.tabs a.current, ul.tabs a.current:hover ul.tabs li.current a {color:#6f3e20; letter-spacing:.5px;}
div.panes div.pane {display:none;}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 300px; 
    height:351px; 
	border:solid 1px #01032c;
	background-color:#03134c;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
	position:absolute;
    height:20000em;
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div.item { 
width:300px; height:175px; font-size:12px; border-bottom:solid 1px #010b2c;
} 
div.item p {margin:5px; color:#ffffff;}
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    background-color:#020f3c; 
}

/* prev, next, prevPage and nextPage buttons */
a.prev {
	display:block;
	width:300px;
	height:13px; text-align:center;
	background:url(/images/scrollable/left.png) no-repeat center;
	/*float:left;
	margin:43px 10px;*/
	cursor:pointer;
	font-size:1px;
	margin-bottom:5px;
	
}

/* mouseover state */
a.prev:hover {
	background:url(/images/scrollable/left_dark.png) no-repeat center;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next {
	display:block;
	width:300px;
	height:13px;
	margin-top:5px;
	text-align:center;
	/*float:left;
	margin:43px 10px;*/
	cursor:pointer;
	font-size:1px;
	background:url(/images/scrollable/right.png) no-repeat center;
	clear:right;	
}
a.next:hover {
	background:url(/images/scrollable/right_dark.png) no-repeat center;
}

#protect {background:url(/images/protected.gif) 0 0 repeat; width:100%; height:100%; position:absolute; top:0; left:0;}

form#trainingform {width:400px;}
form#trainingform label {width:400px; clear:both; padding:5px 0px; display:block;}
form#trainingform input, form#trainingform select {float:right; width:180px;}
form#trainingform input#submit {width:auto;}