@charset "utf-8";

html, body { height:100%; }
body {  background:repeat-x url(images/bg.gif); behavior:url("csshover3.htc"); font-family: "Trebuchet MS", Verdana, Geneva, sans-serif; } 

/* Typography */
p { font: normal 14px/25px "Trebuchet MS", Verdana, Geneva, sans-serif; margin-bottom:20px; color:#333;  }
h1 { font: normal 25px/40px Georgia, "Times New Roman", Times, serif; margin-bottom:40px; color:#333;}
h2 { font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#58ad40; margin-top:8px; margin-bottom:5px; }
h3 { font: italic 16px Georgia, "Times New Roman", Times, serif; color:#777; margin-bottom:20px; }
h4 { font: normal 14px "Trebuchet MS", Verdana, Geneva, sans-serif; margin:20px 0 10px 0; color:#333; }
ul { font: normal 14px/25px "Trebuchet MS", Verdana, Geneva, sans-serif; margin:10px 0 20px 40px; color:#333; }
li { list-style-type: disc; line-height:2.0em;  margin-bottom: 7px; }
ul li.book { list-style-type:none; list-style:none; margin-left:0px; }

/* Links */
p a:link, p a:visited, li a:link, li a:visited { text-decoration:none; color:#2271A8; }
p a:hover, li a:hover { text-decoration:underline; }
a:link { color:#2271A8; text-decoration:none; }
a:visited { color:#2271A8; text-decoration:none; }
a:hover { color:#58AD40; text-decoration:none; }
h1 a:link, h2 a:link, h3 a:link, h4 a:link { color:#58AD40; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited { color:#58AD40; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color:#2271A8; }

/* Structure */
#container { width:950px; margin:0 auto; position:relative; min-height:100%; margin-bottom:-70px; }
#topbanner { width:100%; height:22px; padding:8px 0 10px 0; color:#a7eb93; }
#topbanner a:link, #topbanner a:visited, #topbanner p {color:#a7eb93; text-decoration:none; font-weight:normal; margin-bottom:0;}
#topbanner a:hover { color:#FFF; }  #topbanner p { width:720px; float:left; }
#logo {float:left; padding:25px 0px 0px 0; height:137px; margin-right:55px; }
#left { padding-right:25px; float:left; width:450px;  margin:40px 0 40px 0; }
#right { padding-left:25px; float:left; width:450px;  margin:40px 0 40px 0; }
#content {float:left; clear:both; width:578px; padding-right:25px; margin:40px 0 40px 0; }
#contentfull { clear:both; width:890px;margin:40px 0 40px 0;  }

/* Sidebar */
#sidebar {float:left; width:310px; padding:15px; margin:120px 0 40px 0; border:2px solid #f5f5f5; }
#sidebar p { margin-bottom:7px; }
#sidebar ul { margin:0; }
#sidebar li { margin:0; list-style-type:none; }
#sidebar hr { margin:20px 0 20px 0; clear:both; }
#sidebar h2#videos { background:url(assets/navigation/small/video.gif); }
#sidebar h2#news { background:url(assets/navigation/small/news.gif); }
#sidebar h2#blog { background:url(assets/navigation/small/blog.gif); }
#sidebar h2#staff { background:url(assets/navigation/small/staff.gif); }
#sidebar h2#book { background:url(assets/navigation/small/book.gif); }
#content h2#contact { background:url(assets/navigation/small/contact.gif); background-repeat:no-repeat; padding-left:35px; display:inline-block; }
#sidebar h2#videos, #sidebar h2#news, #sidebar h2#blog, #sidebar h2#staff, #sidebar h2#book { background-repeat:no-repeat; margin:10px 0 10px 0; padding-left:35px; display:inline-block; background-position:0 -2px;  }
.logos { padding:10px 0 10px 0; }
.backto { background:url(assets/navigation/small/arrow.gif); background-repeat:no-repeat; padding:0 0 0 35px; display:inline-block; }

/* Breadcrumb Navigation */
#breadcrumbs { font-size:12px; clear:both; height:35px; padding-top:13px; color:#a4a196;}
#breadcrumbs a:link {color:#a4a196; }
#breadcrumbs a:visited {color:#a4a196; }
#breadcrumbs a:hover { color:#2271A8; }

/* Top Navigation Structure*/
#navigation { padding:80px 0px 10px 0; float:left; height:72px;  }
#navigation ul { margin:0; padding:0; }
#navigation ul li { display:block; float:left; text-align:left;  }
#navigation ul li a { display:block; color:#58ad40; text-decoration:none; font:normal 17px "Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; }
#navigation ul ul li a { font:normal 13px Verdana, Geneva, sans-serif;  letter-spacing:0;  }
#navigation ul li a:hover { color:#2271A8; }
#navigation ul li span p { margin-top:3px; color:#a4a196; width:80px; min-width:80px; font:normal 10px Verdana, Geneva, sans-serif; letter-spacing:0;  }
li#participants { padding:0 30px 0 45px; background:no-repeat 0 2px url(assets/navigation/participants.gif); }
li#employers { padding:0 30px 0 45px; margin-left:30px; background:no-repeat 0 2px url(assets/navigation/employers.gif); }
li#aspergers { padding:0 30px 0 45px; margin-left:30px; background:no-repeat 0 2px url(assets/navigation/aspergers.gif); }
li#about { padding-left:45px; margin-left:30px; background:no-repeat 0 2px url(assets/navigation/about.gif); }

/* Top Navigation Hover Menu*/
div#navigation ul ul, div#navigation ul li:hover ul ul, div#navigation ul ul li:hover ul ul { display: none; }
div#navigation ul li:hover ul, div#navigation ul ul li:hover ul, div#navigation ul ul ul li:hover ul { display: block;  }
#navigation li { position:relative; z-index:1000; }
#navigation ul ul { position:absolute;  left:0px; }
#navigation ul ul ul { top:0; left:100%; }
.subnavigation {  width:155px; background:#fff; border-bottom:1px solid #f5f5f5; border-right:1px solid #F5f5f5; border-left:1px solid #f5f5f5; filter:alpha(opacity=95); opacity:0.95;  }
.subnavigation li { border-bottom:1px solid #f5f5f5; width:130px; text-align:center; padding:10px 0 20px 0; height:20px; margin: 10px 13px 10px 13px; }
.subnavigation img { float:left; padding-right:10px; position:relative; top:-6px; }
.subnavigation li.bottom { border-bottom:none; }

/* Page Navigation */
#pagenav { }
#pagenav img { float:left; padding-right:10px; }
#pagenav ul { width:100%; margin:0;  }
#pagenav ul li { width:100%; height:30px; list-style-type:none; margin:5px 0 15px 0; border-bottom:1px solid #f5f5f5; }
#pagenav ul li a { text-decoration:none; color:#58ad40; }
#pagenav ul li a:hover { color:#2271A8; }
#pagenav ul li#active a{  color:#a4a196; }
#pagenav ul li.bottom { border:none; }
#pagenav ul li.header { border-bottom:3px solid #f5f5f5;  }

/* Modifiers */
.highlight { background:#FFC; }
.picture { padding:5px; border:1px solid #e5e5e5; margin:0 0 25px 25px; float:right; }
.picturestatic { padding:5px; border:1px solid #e5e5e5; margin:5px 0 10px 0;  }
.pullquote { font:italic 20px/35px Georgia, "Times New Roman", Times, serif; color:#999; }
hr { margin:30px 0 30px 0; color:#f5f5f5; background-color:#f5f5f5; height:4px; border:none; }
.blogposts ul li { margin:0 0 5px 0; }
.blogposts li:hover { }
.iconleft { float:left; margin:0 10px 0 0; }
.cell1, .cell3, .cell5 { width:397px; height:inherit; border-bottom:3px solid #f5f5f5; padding:15px; margin-right:35px; float:left; }
.cell2, .cell4, .cell6 { width:397px;  height:inherit; border-bottom:3px solid #f5f5f5;  padding:15px; float:left; }

/* Vidoes */
.videothumbs { padding:5px; border:1px solid #e5e5e5; margin:0 25px 25px 0; float:left; clear:right;}
#sidebarvideos {float:left; width:310px; padding:15px; margin:75px 0 40px 0; border:2px solid #f5f5f5; }
.videoheader {font:italic 20px/35px Georgia, "Times New Roman", Times, serif; color:#999; clear:both; margin-bottom:15px; }

/* Footer */ 
#footer { clear:both; padding:10px 0 0 0; background:#F7F7F2; height:60px; /* Add padding and border to clearfooter total and container */  position:relative; }
#footer a { color:#a4a196; text-decoration:none; }
#footer a:hover { color:#2271A8; }
#footer p { color:#a4a196; font-size:12px; margin-bottom:0; width:950px; margin:0 auto; }
.clearfooter { height: 70px; clear: both; }