body	{margin:0}

	@font-face {
	  font-family: 'TexGyro';
	  src: url('fonts/texgyreadventor-webfont.eot');
	  src: local('☺'),
		url("fonts/texgyreadventor-webfont.woff") format("woff"),
		url("fonts/texgyreadventor-webfont.ttf") format("opentype"),
		url("fonts/texgyreadventor-webfont.svg#TexGyro") format("svg");
	}
	
	@font-face {
	  font-family: 'ErasBD';
	  src: url('fonts/erasbd-webfont.eot');
	  src: local('☺'),
		url("fonts/erasbd-webfont.woff") format("woff"),
		url("fonts/erasbd-webfont.ttf") format("opentype"),
		url("fonts/erasbd-webfont.svg#ErasBD") format("svg");
	}
	
	@font-face {
	  font-family: 'CGOmega';
	  src: url('fonts/cg_omega_normal-webfont.eot');
	  src: local('☺'),
		url("fonts/cg_omega_normal-webfont.woff") format("woff"),
		url("fonts/cg_omega_normal-webfont.ttf") format("opentype"),
		url("fonts/cg_omega_normal-webfont.svg#CGOmega") format("svg");
	}
	
	@font-face {
	  font-family: 'Trajan';
	  src: url('fonts/trajanpro-bold-webfont.eot');
	  src: local('☺'),
		url("fonts/trajanpro-bold-webfont.woff") format("woff"),
		url("fonts/trajanpro-bold-webfont.ttf") format("opentype"),
		url("fonts/trajanpro-bold-webfont.svg#Trajan") format("svg");
	}
	
	@font-face {
	  font-family: 'SegeoUI';
	  src: url('fonts/segoeui-webfont.eot');
	  src: local('☺'),
		url("fonts/segoeui-webfont.woff") format("woff"),
		url("fonts/segoeui-webfont.ttf") format("opentype"),
		url("fonts/segoeui-webfont.svg#SegeoUI") format("svg");
	}

h1	{font-family:TexGyro; font-size:15pt}
h2	{font-family:ErasBD; font-size:13pt}
h3	{font-family:Trajan; font-size:21pt; line-height:110%}
h4	{font-family:CGOmega; font-size:32pt}
h5	{font-family:SegeoUI; font-size:13pt}
h6	{font-family:SegeoUI; font-size:11pt}
h1, h2, h3, h4, h5, h6	{color:#142c52; margin:0; padding:0}

a, td, th, li, p, blockquote, span	{font-family:SegeoUI}
p, li	{line-height:150%; font-size:10.5pt}

.size	{width:880px; margin:0px auto; text-align:left}
.size_	{background:url(images/bg_fade.png) bottom center no-repeat; padding:0 50px; min-height:700px; position:relative; top:-1px; border-top:1px solid #1e4078}
.size td {padding:10px 30px}
	#speaker .size_	{background:url(images/bg_blue.png) bottom center no-repeat !important}

/*NAVIGATION*/
#nav, #content, #banner, #base {width:100%; text-align:center}
#logo	{background:url(images/logo.png) top left no-repeat; float:left; width:135px; height:135px; position:relative; left:40px; cursor:pointer; z-index:2}
#index #logo	{background:url(images/logo_large.png) top left no-repeat !important; float:left; width:238px; height:239px; position:relative; left:0px; top:0px; z-index:2}

#nav	 	{background-color:#1e4078; height:50px}
#nav a		{font:bold 9pt/240% TexGyro; display:block; letter-spacing:.5px; margin-left:5px; text-decoration:none; text-transform:uppercase}
	.nav a:link, .nav a:visited	{color:#ddd}
	.nav a:hover, .nav a:active	{color:#fff}
	.nav_ a:link, .nav_ a:visited,
	.nav_ a:active, .nav_ a:hover {color:#fff}

#nav  div		{height:50px;}
#nav div div	{height:40px; float:left; text-align:center; background-color:transparent; background-repeat:no-repeat; cursor:pointer}
#nav .nav	{background-position:center top}
#nav .nav_	{background-position:center -40px}
	#nav1	{background-image:url(images/nav_1.png); width:103px; margin-left:50px}
	#nav2	{background-image:url(images/nav_2.png); width:153px}
	#nav3	{background-image:url(images/nav_3.png); width:113px}
	#nav4	{background-image:url(images/nav_4.png); width:123px}
	#nav5	{background-image:url(images/nav_5.png); width:163px}
	#nav6	{background-image:url(images/nav_6.png); width:123px}
	
	#mission #nav1, #courses #nav2, #comment #nav3, #speaker #nav4, #schedul #nav5, #contact #nav6	{background-position:center -80px !important; cursor:default !important}

	#mission #nav1.nav a:link, #mission #nav1.nav a:visited, #mission #nav1.nav_ a:visited, #mission #nav1.nav_ a:link, #mission #nav1.nav_ a:active, #mission #nav1.nav_ a:hover,
	#courses #nav2.nav a:link, #courses #nav2.nav a:visited, #courses #nav2.nav_ a:visited, #courses #nav2.nav_ a:link, #courses #nav2.nav_ a:active, #courses #nav2.nav_ a:hover,
	#comment #nav3.nav a:link, #comment #nav3.nav a:visited, #comment #nav3.nav_ a:visited, #comment #nav3.nav_ a:link, #comment #nav3.nav_ a:active, #comment #nav3.nav_ a:hover,
	#speaker #nav4.nav a:link, #speaker #nav4.nav a:visited, #speaker #nav4.nav_ a:visited, #speaker #nav4.nav_ a:link, #speaker #nav4.nav_ a:active, #speaker #nav4.nav_ a:hover,
	#schedul #nav5.nav a:link, #schedul #nav5.nav a:visited, #schedul #nav5.nav_ a:visited, #schedul #nav5.nav_ a:link, #schedul #nav5.nav_ a:active, #schedul #nav5.nav_ a:hover,
	#contact #nav6.nav a:link, #contact #nav6.nav a:visited, #contact #nav6.nav_ a:visited, #contact #nav6.nav_ a:link, #contact #nav6.nav_ a:active, #contact #nav6.nav_ a:hover
	{color:#fff !important; margin-top:2px !important; cursor:default !important}

/*CONTENT*/
#content {background:#fff url(images/bg.jpg) top center repeat-x; float:left; min-height:600px}
#content p	{text-indent:30px}
#content h2	{margin:20px 0 0 20px}
	#index #content > div	 {min-height:0px}
	#content > div	 {background-repeat:no-repeat; background-position:top center; min-height:820px}
	#content_mission {background:url(images/imgbg_mission.jpg)}
	#content_courses {background:url(images/imgbg_courses.jpg)}
	#content_comment {background:url(images/imgbg_comment.jpg)}
	#content_speaker {background:url(images/imgbg_speaker.jpg)}
	#content_schedul {background:url(images/imgbg_schedul.jpg)}
	#content_contact {background:url(images/imgbg_contact.jpg)}

#banner  {background-color:#1e4078; position:relative; top:136px; min-height:560px;
	-moz-box-shadow: 0px 0px 15px #666;
	-webkit-box-shadow: 0px 0px 15px #666;
	box-shadow: 0px 0px 15px #666;
}
.quotes	{width:720px; padding:0}
.quotes td	{padding:5px}
#bios h2	{padding:0; margin:0}

/*BASE*/
#base	 {font-size:9pt; float:left; color:#1e4078}
#index #base	 {position:relative; top:150px; margin:20px 0}
#base ul {list-style-type:none; margin-top:20px; padding-top:30px; border-top:1px dotted #1e4078}
#base li {display:inline; padding:2px 5px}
#base a  {text-decoration:none; font-size:11px}
#base a:link, #base a:visited {color:#1e4078}
#base a:hover, #base a:active {color:#3673d8; border-bottom:1px dotted #3673d8}

.btn_schedule	{width:304px; height:53px; cursor:pointer; background-color:transparent; background-position:top center; background-repeat:no-repeat; border:none}

/*CONTACT FORM*/
table.form	{margin:0 30px; padding:15px; border:1px dotted #7d99c9; width:720px}

	.form td	{font:13px/120% SegeoUI; color:#1e4078; vertical-align:top; text-transform:lowercase}
	.form textarea {height:160px}
	.form input, .form select {height:20px}
	.form input, .form select, .form textarea, .input_text {font:14px/120% SegeoUI; background-color:#f2f2f2; border:1px solid #cccccc; color:#4789df}

	.border_white	{border:2px solid #ffffff}
	.border_error	{border:2px solid red}
	
	.form textarea {width:390px}
	.form input, .form select {width:200px}
	.phn	{width:45px !important}
	.phn2	{width:55px !important}
	.left	{text-align:left !important}
	
	.spaced_hover, .spaced_numbers	{width:50px; height:22px; font-weight:bold}
	.spaced_hover label, .spaced_numbers label {display:block; width:50px; height:19px; cursor:pointer}
	.spaced_numbers label	{background-color:#ffffff}
	.space_hover label	{color:#ffffff !important}
	.space_hover	{color:#ffffff !important}

	.error, .success	{text-align:center; clear:both; padding:12px 8px; margin:0 0 0 30px; width:702px }
	.error	{background-color:#aaa; border:1px dotted #990000; font:11px/180% SegeoUI;}
	.error a {text-decoration:none}
	.error, .error a:link, .error a:visited	{color:#CC0000}
	.error a:hover, .error a:active	{color:#ffc5c5; text-decoration:none; border-bottom:1px dotted #ffc5c5;}
	.error .message	{display:block; background-color:#febebc; color:#000000; padding:3px 10px; text-align:center; font-weight:bold}
	.success {background-color:#2955c2; border:1px dotted #6e6442; font:12px/120% SegeoUI; color:#ffffff;}
	.red	{border:2px solid red !important}
	
	.submit {background-image:url(images/btn_submit.png); background-position:bottom center; background-repeat:no-repeat; background-color:transparent!important; width:194px!important; height:53px!important; border:none!important;
		font:bold 10pt/120% SegeoUI!important; text-transform:uppercase; color:#1e4078!important; margin:20px 0 0 0!important; cursor:pointer !important}

/*SCHEDULE SPEAKER*/
.request	{margin:0px auto; width:720px; border-top:1px dotted #564b24}
.request div  {float:left; vertical-align:middle; text-align:right;}
.request div, .request td {font:8pt/100% verdana; padding:0}
.request input, .request select {font:9pt/100% verdana; color:#11243a; vertical-align:middle; height:18px; padding:3px !important; margin-top:8px; margin-bottom:8px}
.request textarea	{font:9pt/100% verdana; width:280px; height:340px; margin:8px 0}

.request .full, .request .half	{float:left; vertical-align:top}
.request td		{text-align:left}
.request label	{height:15px; padding:4px; border:1px dotted #11243a; cursor:pointer}

.request .txt, .request .add,
.request textarea, .request select,
.request .phn, .request .phn2 {border:1px solid #11243a}
.request .txt 		{width:175px; height:18px !important}
.request .add		{width:175px}
.request textarea	{width:500px; height:80px;}
.request select		{width:175px; height:27px !important;}

.request .full	{min-width:720px;}
.request .half	{min-width:350px;}
.request .right	{text-align:right !important}
.request .add	{height:60px !important}
.request .sml	{width:50px; border:1px solid #11243a}
