/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#000000;
	text-align:center;
	font-size:1.01em;

}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}



html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif, Calibri;
		font-size:0.75em;
		line-height:1.417em;
		color:#d2d2d2;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffb108; outline:none;}
a:hover{text-decoration:none;}
strong {color:#ffb108;}
p {padding-top:15px;}

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

#content li { background:url(../images/marker1.gif) no-repeat 0 9px; padding-left:16px; line-height:1.917em;}
#content li a {color:#ffb108; text-decoration:none; font-weight:bold;}
#content li a:hover {text-decoration:none;}

#content .list {margin-bottom:-20px;}
#content .list li {background:none; line-height:1.417em; padding:0 0 21px 0;}
#content .list li a {font-weight:normal; text-decoration:underline;}
#content .list li a:hover {text-decoration:none;}
#content .list li .description a {font-weight:bold; text-decoration:underline;}
#content .list li .description a:hover {text-decoration:none;}
#content .list .download {float:right; width:84px; text-align:right; padding-top:7px;}
#content .list .size {float:right; width:86px; text-align:center; padding-top:7px;}

.imgindent {margin:0 3px 0 0; float:left; }
.imgindent2 {margin:0 15px 0 0; float:left; }
.imgindent3 {margin:0 3px 0 0; float:right;  }
.imgindent4 {margin:0 3px 0 0; text-align:center;  }

h2 {color:#EE9100; font-size:1.8em; line-height:1.042em; font-weight:normal; margin:6px 0 10px 0;}

hr
{

color : #EE9100;
height : 1px;
margin : 10px 0px 0px 0px;

border-bottom : none;
}

#post { 
text-align: center; 
}

/* ============================= header ====================== */

#header {background:#ffffff;}

.logo {padding:0 0 0 0;}

.menu {padding:0 0 0 0; width:920px; margin:0 auto; overflow:hidden;}
*html .menu {margin:0px!important;}
.menu li {float:left; border:1px solid #f2f2f2; border-left:none; border-right:1px solid #e8e9ea; line-height:1em; width:152px; text-align:center;}
*html .menu li {width:152px!important;}
.menu li a {display:block; border-left:1px solid #fff; background:url(../images/menu-bg.gif) repeat-x top; font-weight:bold; padding:10px 8px; color:#717778; text-decoration:none;}
.menu li a:hover, .menu .act a {background:url(../images/menu-bg-act.gif) repeat-x top; color:#2d2d2d;}
.menu .first {border-left:1px solid #f2f2f2;}

.slogan {padding:96px 0 111px 434px; background:url(../images/header-banner.jpg) no-repeat 0 0; margin-top:3px;}
.slogan .button {margin-top:19px;}

/* ============================= content ====================== */

#content {background:url(../images/content-bg3.PNG) top repeat-x #24292D;}
#content .indent {padding:41px 20px 41px 23px;}
.col-1 a{text-decoration:none;}
.col-2 a{text-decoration:none;}
.col-pad {padding-right:61px;}
.title {margin-bottom:20px;}
.margin1 {margin-top:30px;}
.padding1 {padding-top:30px;}

.extra {color:#7b7b7b;}
.extra a {font-weight:bold; text-decoration:none;}
.phone {display:inline-block; width:85px;}
.taright {text-align:right;}


/* ============================= footer ====================== */

#footer {background:url(images/footer-tail.gif) top repeat-x; color:#717171;}
#footer a {color:#efefef; text-decoration:none;}
#footer .indent { padding:30px 85px 0 20px;}
.submenu {float:right;}
.submenu li {display:inline; color:#4c4c4c; padding-right:6px;}
#footer .submenu li a {color:#ffb108; padding-right:7px;}

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

#NewsletterForm .rowi {height:50px;}
#NewsletterForm .input {width:223px; height:21px; border:1px solid #cfcfcf; background:#ffffff; padding:0 0 0 5px; font-size:1em; color:#262626;}

#ContactForm {padding:30px 0 0 0;}
#ContactForm label {height:25px; display:block;}
#ContactForm .col-1 {width:225px !important;}
#ContactForm .col-2 {width:265px !important;}
#ContactForm .taright {padding:10px 0 0 0;}


.input {width:211px; height:18px; border:1px solid #a4a4a4; background:#313131; padding:0 0 0 5px; font-size:1.2em; color:#d2d2d2;}
textarea {width:258px; height:93px; border:1px solid #a4a4a4; background:#313131; padding:0 0 0 5px; overflow:auto; font-size:1.2em; color:#d2d2d2;}

#loader div{ height:5px; width:920px; padding:0px; margin:0px; line-height: 5px;}

.li { background:url(../images/marker1.png) no-repeat 0 9px; padding-left:16px; line-height:1.917em;}
.li a {color: #ffffff;}
.li2  { background:url(../images/marker2.png) no-repeat 0 9px; padding-left:16px; line-height:1.917em;}
.li3 { background:url(../images/marker3.png) no-repeat 0 9px; padding-left:16px; line-height:1.917em;}
.text1 {	font-size:1.26em;}
.text2 {	font-size:1.76em; color:#F7F7F7;}
.text3 {font-size:1.76em; color:#ffb108;}
.text4 {font-size:8.00em; color:#ffb108; width:900px; height:200px;}
.text5{	font-size:1.20em; color:#F7F7F7;}
#texteditor{
	width: 100%;
	height:400px;
	background: #ffffff;
}

#newsletter_editor input, .submit_button{
	color: #444444;
	float:right;
	clear:both;
}

.feedback_list{
	width: 100%;
}

#courses_div table, .feedback_list table{
	background: #FF9E08;
	margin: 10px auto;
	border: 1px solid #E85A0C;
}

#courses_div table th, .feedback_list table th{
	background: #E85A0C;
	font-size: 16px;
	color:#ffffff;
	padding:10px;
}

#courses_div textarea{
	background: #ffffff;
}

#courses_div table td, .feedback_list table td{
	background: #ffffff;
	color: #444444;
	padding: 5px;
}

#courses_div .button, .feedback_list table .button{
	float:right;
	clear:both;
	padding: 5px;
	background: #E85A0C;
	border: solid 1px #FF9E08;
}

.course_desc{
	width: 100%;
}

.pdf_link{
	color: #FFB108!important;
}


/* ============================= Button rollover graphics NAVIGATION ============================= */
    #button1 a {   

	display: inline-block; 
	

    background:  url(../images/banner11a.PNG) top;   
    

    width: 191px;   
    

    height: 83px;   


    }

    #button1 a:hover {   
    background:  url(../images/banner11a.PNG) no-repeat bottom;    }

  
    #button2 a {   


	display: inline-block; 
	
	
	
    background:  url(../images/banner12a.PNG) top;   


    width: 177px;   
    

    height: 83px;   


    }

    #button2 a:hover {   
    background:  url(../images/banner12a.PNG) no-repeat bottom;    }



    #button3 a {   
	display: inline-block; 

	
	
    background:  url(../images/banner13a.PNG) top;   


    width: 177px;   
    

    height: 83px;   



    }

    #button3 a:hover {   
    background:  url(../images/banner13a.PNG) no-repeat bottom;    }
	
	
	#button4 a {   
	
	
	display: inline-block; 

    background:  url(../images/banner14a.PNG) top;   


    width: 177px;   
    

    height: 83px;   


    }

    #button4 a:hover {   
    background:  url(../images/banner14a.PNG) no-repeat bottom;    }
	
	
	    #button5 a {   
	display: inline-block; 

	

    background:  url(../images/banner15a.PNG) top;   


    width: 177px;   
    

    height: 83px;   



    }

    #button5 a:hover {   
    background:  url(../images/banner15a.PNG) no-repeat bottom;    }

#button1,#button2,#button3,#button4,#button5,#button6 {

display: inline-block; 
}


/* ============================= Button rollover graphics GENERAL ============================= */


	    #button6 a {   
	display: inline-block; 


    background:  url(../images/login.png) top;   


    width: 115px;   
    

    height: 29px;   



    }
  
    #button6 a:hover {   
    background:  url(../images/login.png) no-repeat bottom;    }
	



