* { padding:0; margin:0; }

html { min-height: 100%; margin-bottom: 1px; }  /* FireFox Page-Shift Fix */

body {
	margin: 0;
	text-align: center;
	padding:0;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#444444;
	background-color: #f7f7f7;
	background-image: url(/images/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

/*** USEFUL ***/

.clear {clear: both;}
.clear_fusion {clear: both;line-height: 1px;height: 1px;font-size: 1px;}
.float_left {float:left;}
.float_right {float:right;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.img_left {float: left; margin: 0 15px 5px 0;}
.img_right {float: left; margin: 0 0 5px 15px;}
.vertical_align {display: inline;vertical-align: middle;}
.vertical_align_all * {display: inline;vertical-align: middle;}
a img {border: 0px none;}

/*** STRUCTURE ***/

#wrapper {
	width:860px;
	margin: 10px auto 5px auto;
	text-align: left;
	padding: 0;
	text-align: left;
	border-bottom: 10px solid #d9d9dc;
}

.banner1 
{
    text-align: center;
    background-image: url(/AppImages/banner.jpg);
	background-repeat: no-repeat;
	background-position: left center;
    }
.banner2 
{
    text-align: center;
    background-image: url(/AppImages/banner2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
    }
.banner3 
{
    text-align: center;
    background-image: url(/AppImages/banner3.jpg);
	background-repeat: no-repeat;
	background-position: left center;
    }

#content 
{
    padding: 20px 20px;
    margin-top: 10px;
    background-color: #FFFFFF;
    }

.c1 
{
    float: left;
    width: 300px;
    margin-right: 25px;
    }

.c2 
{
    float: left;
    width: 635px;
    background-color: #FFFFFF;
    border-top: 10px solid #d9d9dc;
	min-height:700px;
    }

#footer {
	width:860px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 10px 0 10px 0;
	color: #808080;
	font-size: 0.85em;
}

/*** FORMATTING ***/

p {
line-height: 160%;
margin: 0 0 1em 0;
}

blockquote 
{
    line-height: 160%;
    margin: 0 15px 1em 15px; 
    font-size: 1.2em;
    color: #000000;
    }
   
    blockquote span
    {
        font-size: 1.8em;
        color: #ffa200;
        }

ul, ol {
line-height: 160%;
margin: 0 0 1em 25px;
}

h1, h2 {
	font-size: 1.8em;
	color: #ffa200;
	margin: 0 0 0.25em 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: lowercase;
}

h2 {
font-size: 1.4em;
}

a, a:visited, a:active {
color: #ffa200;
}

a:hover {
color: #000000;
}

    #footer a, #footer a:visited, #footer a:active 
    {
        text-decoration: none;
        color: #808080;
        }
        
    #footer a:hover 
    {
        color: #000000;
        }

/*** Home ***/


#wrapper_home {
	width:860px;
	margin: 10px auto 5px auto;
	text-align: center;
	padding: 10px 0;
	border: 10px solid #d9d9dc;
	border-width: 10px 0;
}

#navcontainer_home
{
    margin-bottom: 25px;
    }

#navcontainer_home ul
{
    float: right;
    }

#navcontainer_home ul li
{
    display: inline;
    }

#navcontainer_home ul li a
{
    display: block;
    float: right;
    text-decoration: none;
    color: #878787;
    font-size: 1.25em;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #CCCCCC;
    }

#navcontainer_home ul li a:hover
{
    color: #000000;
    }

/*** COURSES ***/

.course_cat_wrapper {
    padding: 15px 0;
    border-top: 5px solid #D9D9DC;
}

table.courses 
{
    width: 98%;
    margin: 0 auto;
    border-collapse: collapse;    
    background-color: #fffbf3;
    border-top: 1px solid #fbe3ae;
    border-right: 1px solid #fbe3ae;
    border-left: 1px solid #fbe3ae;
}

table.courses td
{
    border-bottom: 1px solid #fbe3ae;
    font-size: 0.85em;
    padding: 0.5em 8px;
    color: #000000;
}

table.courses td a
{
    font-weight: bold;
}

/*** Delegates ***/

table.delegates 
{
    width: 98%;
    margin: 10px auto 0 auto;
    border-collapse: collapse;    
    background-color: #fffbf3;
    border-top: 1px solid #fdebc3;
    border-right: 1px solid #fdebc3;
    border-left: 1px solid #fdebc3;
    border-bottom: 1px solid #fdebc3;
}

table.delegates td, table.delegates th
{
    border-bottom: 1px solid #fdebc3;
    font-size: 0.85em;
    padding: 0.5em 8px;
    color: #000000;
}

table.delegates td a
{
    font-weight: bold;
}



.course_header_wrapper
{
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 5px solid #D9D9DC;
    }

.course_header 
{
    float: left;
    width: 500px;
    }
    
    .course_header h1 span
    {
        font-size: 1em;
        color:#444444;
        }

.course_book
{
    float: left;
    width: 320px;
    text-align: right;
    }
    
.course_book a, .course_book a:visited, .course_book a:active, a.course_button, a.course_button:visited
{
    display: block;
    padding: 5px;
    font-size: 1.3em;
    color: #FFFFFF;
    background-color: #ffa200;
    text-align: center;
    text-decoration: none;
    margin-left: 5px;  
    float: right;
    border-right: 2px solid #c1c1c1;
    border-bottom: 2px solid #c1c1c1;
    }

.section 
{
    background-color: #fffbf3;
    border: 1px solid #ffe7bc;
    margin-bottom: 1em;
    padding: 15px;
    zoom:1;
    }  

.section .highlight
{
    color: #FFA200;
    }

.section input, .section textarea, .section select
{
    width: 95%;
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
    }
.checkbox_field input
{
	border:0px none;
	width:16px !important;
}
.comments_field
{
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	padding:1%;
	width:98% !important;
}
.section_alt label
{
    float: left;
    width: 35%;
    }

.section_alt input, .section_alt textarea, .section_alt select
{
    float: left;
    width: 60%;
    }

.section_alt .checkbox input 
{
    width: 15px;
    }
    
    /** site_menus **/
    
    #navcontainer 
{
    margin: 15px 0;
    }

#navcontainer ul
{
    width: 100%;
    margin: 0;
    list-style-type: none;
    }

#navcontainer ul li
{
    display: inline;
    }

#navcontainer ul li a
{
    display: block;
    float:left;
    text-decoration: none;
    color: #808080;
    font-size: 1.35em;
    padding: 0 70px 0 0;
    text-transform: lowercase;
    }

#navcontainer ul li a:hover
{
    color: #000000;
    }

#navcontainer ul li a.divider
{
    padding-right: 180px !important;
    padding-right: 160px;
    padding-left: 15px;
    }
    
#navcontainer ul li a.last
{
    padding-right: 0px;
    }
    
    /** site_forms ***/
    
    /* MAIN FORMS */

.form form {
	width:75%;
	padding: 1em 1%;
	margin: 1em 10%;
	border-top: 3px solid #ef4b42;
	border-bottom: 3px solid #ef4b42;
}

.form fieldset {
	border:0px none;
	width:100%;
}

.form input, .form textarea, .form select {
	border: 1px solid #999999;
	color: #000000;
	background-color: #e8f6fa;
	padding:1px;
	margin-bottom:0.25em;
	background-image: url(/images/bg_input_hover.gif);
	background-repeat: repeat-x;
	background-position: right bottom;
	width:98%;
	clear:left;
}

.form select {
	color:#b25332;
	background-color: #FAFAFA;
	margin-bottom:0.25em;
	background-image: url(/images/bg_input_hover.gif);
	background-repeat: repeat-x;
	background-position: right bottom;
	width:98%;
	float:left;
	clear:left;
}
.form option {
border-bottom: 1px solid #F2F2F2;
}
.form input:hover, .form textarea:hover, .form input:focus, .form textarea:focus {
background-image: url(/images/bg_callout.gif);
background-repeat: repeat-x;
background-position: left bottom;
background-color:#FFFFFF;
color: #EF4B42;
border: 1px solid #EF4B42;
}
.form label {
	color:#73BE1E;
	font-weight:bold;
	margin:0.15em 0;
	width:100%;
	
	clear:left;
	}
	
.form input.button, .form input.button:hover {
	background-color:#00a0c6;
	width:auto;
	border: 0px none;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	float:right;
	padding:0.1em 0px;
	display:block;
	margin-top:0.5em;
	cursor:pointer;
	
}