/* CSS Document */

* { 
	margin:0; padding:0;
	border:0;
}

body{ background:url(/images/bg2.jpg) repeat;
	 border:0;
	 font:14px Arial, Helvetica, sans-serif; color:#4e5a61;
	 line-height:16px;
}


/* ============================= main layout ====================== */

a{ color:#1c97c6; font-weight:bold; text-decoration: none; outline:none}
a:hover{ text-decoration: underline}
li{ list-style:none}
h1{ font:22px "Times New Roman", Times, serif; color:#272b31; line-height:25px; padding:30px 0 29px 0;}
p{ padding-bottom:16px;}
img{ vertical-align:top}

.box{ background:#fff; margin-top:10px;}
.box_top_left{ background:url(/images/box_top_left.jpg) top left no-repeat}
.box_top_right{ background:url(/images/box_top_right.jpg) top right no-repeat; width:100%}
.box_bot_left{ background:url(/images/box_bot_left.jpg) bottom left no-repeat}
.box_bot_right{ background:url(/images/box_bot_right.jpg) bottom right no-repeat}
.pad{ padding:20px}
.odd{background-color:#E6E6FA;}
.even{background-color:#F0E68C;}
/* ============================= header ====================== */

#top{ width:100%; height:55px; overflow:hidden}

/* =========== dropdown box ======== */
#dropdown_box{ background:#fff; height:30px; width:100%; display:none; overflow:hidden}
#icons{ float:right; padding-top:5px;}
#icons li{ float:left; padding-left:6px;}
.hidden{ height:8px; background:#fff; line-height:0; font-size:0}
#link{ background:url(/images/marker_top.gif) no-repeat; display:block; height:17px; width:32px; float:right}
.pad_right1{ padding-right:24px;}
/* =========== dropdown box end ======== */

#login{ float:right; font-size:14px; color:#fff; padding-top:62px; text-transform: uppercase}
#login a{ color:#fff; font-weight:normal}
#logo{ float:left;}

#menu { background:url(/images/menu_bg.jpg) top repeat-x; margin-top:21px;}
#menu_left{ background:url(/images/menu_left.jpg) top left no-repeat}
#menu_right{ background:url(/images/menu_right.jpg) top right no-repeat; width:100%; overflow:auto}

#menu li { float:left; padding-right:1px; background:none;}
#menu .last{ padding:0; background:none}
#menu li a{ display:block; font-weight:normal; text-transform:uppercase; width:156px; text-align:center; font:17px Arial, Helvetica, Times, serif; color:#313131; line-height:76px; font-weight:bold}
#menu .first a:hover span, #menu .first .active span{ display:block; background:url(/images/menu_left_active.jpg) top left no-repeat}
#menu .last a:hover span, #menu .last .active span{ display:block; background:url(/images/menu_right_active.jpg) top right no-repeat}
#menu li a:hover, #menu .active { background:url(/images/menu_bg_active.jpg) top repeat-x; text-decoration:none; color:#fff;}

/*--- slider begin ---*/

.text{ font:18px Arial, Helvetica, Times, serif; color:#d7dbdc; line-height:28px; margin:250px 0 0 470px; position:absolute; z-index:3; text-transform:uppercase; width:500px}
.text span{ display:block; margin-top:-10px;}
.text a{ display:inline-block; background:none no-repeat; font-size:17px; color:#fff; line-height:41px; width:92px; text-align:center; margin:30px 0 0 5px;}
.text a:hover{ text-decoration:none; color:#1a4855}

#faded { padding-bottom:4px;}
#faded .rap {overflow: hidden; height:436px; width:100%; position:relative; z-index:1}

ul.pagination { position:absolute; z-index:2; padding-top:12px; padding-left:365px; }
ul.pagination li {float:left; padding-right:2px; font-size:0;}
ul.pagination li a {background:url(/images/buttons.jpg) no-repeat; height:4px; width:4px; display:block; padding:8px; line-height:0; color:#dbdbdb;}
ul.pagination li a:hover, ul.pagination li.current a { background:url(/images/buttons_hover.jpg) no-repeat; color:#22b1dc}

/*--- slider end ---*/

/* ============================= content ====================== */
.pad_left1{ padding-left:40px;}
.pad_bot1{ padding-bottom:35px;}
.pad_bot3{ padding-bottom:20px;}
.pad_bot2{ padding-bottom:10px}
.marg_right1{ margin-right:20px;}

.list1 li{ padding:7px 0 7px 0; background:url(/images/line_hor1.jpg) bottom repeat-x}
.list1 li a{ color:#9ba2a6; font-weight:normal; padding-left:17px; background:url(/images/marker_1.jpg) 0 3px no-repeat}
.list1 .last{ background:none; padding-bottom:0}
.list1 li a:hover{ text-decoration:none; color:#1c97c6; }

.button{ font-size:10px; font-weight:normal; color:#fff; background:#1c97c6; line-height:30px; text-transform:uppercase; display:inline-block}
.button span{ display:block; background:url(/images/button_left.jpg) top left no-repeat}
.button span span{ padding:0 12px; background:url(/images/button_right.jpg) top right no-repeat}
.button:hover{ text-decoration:none; color:#000}

.font1{color:#1c97c6; font-weight:bold;}

.course_dates td { padding: 5px; }
h1.course_title { font-size: 33px; }
/* ============================= footer ====================== */

#footer { color:#ffffff; text-transform:uppercase; text-align:center; padding-top:26px; padding-bottom:68px;}
#footer a{ color:#ffffff; font-weight:normal}
#icon{ text-align:center}
#icon li{ display:inline; padding-right:1px;}


/* ============================= forms ============================= */

#ContactForm { line-height:18px; width:429px; overflow:auto}
#ContactForm .bg1{ background:url(/images/input.jpg) no-repeat; margin-bottom:14px;}
#ContactForm .bg2{ background:url(/images/textarea.jpg) no-repeat; margin-bottom:35px;}
#ContactForm a{ margin-right:15px; float:left;}
#ContactForm .input {width:415px; height:15px; background: none; padding:7px;color:#4e5a61; font:12px Arial, Helvetica, sans-serif;}
#ContactForm textarea {width:415px; height:95px; background: none; padding:7px; color:#4e5a61; font:12px Arial, Helvetica, sans-serif; overflow:auto}