/*  
Theme Name: iD Programming Academy
Theme URI: http://www.internaldrive.com
Description: Theme for iD Programming Academy Home Page
Version: 2010
Author: iD Tech Camps and TriValley Internet
Author URI: http://www.trivalley.com/
*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form {margin: 0; padding: 0; color:#000;}

body {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:16px; text-decoration:none; background: #fff url(images/home_header.jpg) repeat-x top;}

img {border:0;}

/*LINK STYLING */

a.top {font-family: Arial, Helvetica, sans-serif; color:#fff; margin: 0 10px;}

a {text-decoration:none; color: #00549e; }

a:hover {text-decoration:underline; color: #00549e;}

a.date {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; font-weight: bold;}

a.blogger {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; font-weight: bold;}

a.blogbtm {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; font-weight: bold; padding-left:3px;}

/*FONT & H STYLING */

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #000; padding-top: 5px;}

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #000; padding-top: 5px;}

h3 {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #000;}

h4 {font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: lighter; line-height: 28px;}

h5 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 28px; color:#666;}

h6 {font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 14px; font-weight: bold;}

.eight324 {font-size: 9px; }

/* CONTENT STYLING */

#wrapper {
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 0;
width: 1000px;
height: auto;
}

.text-left {text-align: left;}

#head {
float: left;
margin-top: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
height: 380px;
width: 980px;
}

#topLinks {
float: left;
margin-top: 13px;
font-size: 11px;
color: #fff;
height: 75px;
text-align: right;
width: 1000px;
}

.topLinks2 {
float: right;
margin-top: -15px;
width: 1000px;
height: 18px;
color: #fff;
font-size: 15px;
margin-right: 0;
}

.search_box {
float: right;
margin-top: 2px;
margin-left: 10px;
margin-right: -6px;
width: 109px;
height: 18px;
background: url(images/search_box.jpg) no-repeat; 
}

.search_box #s {
float: left;
padding: 2px;
margin: 0;
border: 0;
width: 85px;
background: none;
font-size: 11px;
}

.search_box #go {
float: right;
margin: 0;
height: 18px;
}

#content {
float: left;
margin-left: 10px;
width: 980px; 
height: auto;
}

.getStartedNow {
float: left;
margin-top: 30px;
margin-left: 670px;
width:315px;
height: 151px;
padding-top: 65px;
margin-bottom: -50px;
text-align: left;
}

 		.selectMenu {
        position:relative;
		margin-top: 0;    
        z-index: 1;
		height: 21px;
		margin-left: 4px;
		margin-bottom: 60px;
        }

		.selectMenu img {display:block; margin-left:auto; margin-right:auto; margin-top: 37px; padding-left:8px;}
		
        .selectMenu:hover {z-index:25;}

        .selectMenu span {display: none;}

	    .selectMenu:hover span {
        display:block;
        position:absolute;
        margin-top: 0;
		left: 64px;
        width: 190px;
		height: auto;
        border: 1px solid #666; 
		border-top: 0;
        background-color: #fff; 
        z-index:30;
        }

		
	    .selectMenu:hover span.single {
        display:block;
        position:absolute;
        top: 95px;
		left: 56px;
        width: 178px;
		height: auto;
        border: 1px solid #666; 
		border-top: 0;
        background-color: #fff; 
        z-index:30;
        }		

        .selectMenu ul {padding:0; margin:0; list-style-type:none;}
		
.selectMenu li {height: 13px; padding:3px;}

.selectMenu a {color: #000; display:block; height: 13px; text-decoration:none; }
		
		.selectMenu li:hover {color: #000; background-color: #999; }


#topRow {float: left; width: 23px; height: inherit; margin-right: 5px; margin-top: -7px;}

#linehgtFix {float: left; height: 100%; text-align: left; color: #fff; font-size: 12px; width:950px; margin-top: -3px;}

#subContent {
float: left;
margin-top: 50px;
width: 980px;
height: auto;
padding-bottom: 5px;
text-align: left;
} 

#subContent p {margin: 10px 0;}

.subCont_Col1 {
float: left;
width: 315px;
height: auto;
padding-right: 10px;
color: #5a5a5a;
line-height: 20px;
}

.subCont_Col2 {
float: left;
width: 320px;
height: auto;
padding-right: 5px;
padding-left: 10px;
border-left: #ccc 1px solid;
border-right: #ccc 1px solid;
color: #5a5a5a;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}

.why_iD_p {
float: left;
background: url(images/why_iD_rule.jpg) repeat-x;
margin-top: 8px;
width: 315px;
}

.why_iD_txt {
float: left;	
background: #fff;
padding-right: 20px;
width: auto;
height: 22px;
}

.why_iD_txt a {color: #5a5a5a;}

.why_iD_btn {
float: right;	
background: #fff;
width: 54px;
height: 22px;
padding-left: 20px;
}

.subCont_Col3 {
float: left;
width: 305px;
height: auto;
padding-left: 10px;
color: #5a5a5a;
line-height: 20px;
}

.brochure {
margin-top: 14px;	
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: normal;
}

.rule {
background: #ccc;
width: 100%;
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
}

.bul_arrow {margin-left: 8px; padding: 1px 5px 0 0;}

a.bolder {font-size: 14px; font-weight: bold;}

#cont_bottomLinks {
float:left; 
margin-top:-40px; 
margin-left:30px; 
width:880px;
padding: 10px 10px 0 0;
border-top: #aeaeae solid 1px; 
}

#foot {
float: left;
margin-top: 40px;
padding-bottom: 20px;
width: 100%;
height: auto;
background: #000 url(images/footer_bg.jpg) repeat-x top;
}

#footContent {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 1050px;
}

#footLinks_Boxes {
margin-top: 10px;
width: 1050px;
height: 30px;
text-align: left;
padding-left: 15px;
}

#copyright {
margin-top: 40px;
padding-bottom: 20px;
margin-left: auto;
margin-right: auto;
width: 1000px;
text-align: left;
height: auto;
color:#fff;
font-size:10px;
}

.greyRule {
width: 100%;
height: 1px;
background: #666;
margin-top: 12px;
margin-left: 10px;
}

#footLinks_List {
margin-top: 20px;
margin-left: -15px;
width: 1050px;
text-align: left;
padding-left: 15px;
}

#footLinks_Boxes a {color: #fff;}

.foot_col {
float: left;
margin-right: 40px;
width: 220px;
font-size: 12px;
color:#fff;
}

.foot_col ul {padding-bottom: 12px; list-style-image:url(images/foot_button.jpg); line-height:20px; color:#0b7ec4;}

.foot_col li {color:#fff;}

.foot_col li a {color:#fff;}

.clear {clear:both;}

.right {float:right;}

/* TABLE STYLES*/

/*Global*/
table {
text-align:left; 
border: 1px solid #c9c9c9;
border-spacing: 0;
border-collapse: collapse;
background: #e2e2e2;
margin-bottom: 30px;
margin-top: 20px;
padding: 0;
}

/*Basic*/
.basic th, td {border: 0; padding: 2px 20px 0 20px;}

.basic th[scope=col] {
height: 30px; 
background:url(../images/tb_top_grad.jpg) repeat-x;
color: #fff;
border-bottom: #999 4px solid; 
}

.basic th+th[scope=col] {padding-left: 40px;}

.basic td+td {padding-left: 40px;}

.basic td.insideBorder {padding-left: 20px; border-right: #999 solid 1px;}

.basic tr.subhead {font-weight: bold;}

.basic tr.subhead, .basic tr.subhead td {padding-left: 20px; padding-top: 15px;}

.basic td.divide {height: 3px;}

.basic img {padding: 3px 0;}

/*Camp Courses, Camp Locations,  */
.camp th, td {border: 0; padding: 2px 20px 0 20px;}

.camp th[scope=col] {
height: 30px; 
background:url(../images/tb_top_grad.jpg) repeat-x;
color: #fff;
border-bottom: #999 4px solid; 
}

.camp th+th[scope=col] {padding-left: 5px; text-align:right;}

.camp th+th[scope=col] a {color: #fff; float:right; margin-top:5px;}

.camp th+th[scope=col] img {float: right; padding-left: 8px; margin-top: 2px; }

.camp td+td {padding-left: 5px;}

.camp td.divide {height: 3px; padding: 3px 20px 10px 20px;}

.camp img {padding: 0 10px 3px 0; float:left;}

.camp td+td img {padding: 0; float: right;}

/*FORM STYLES*/

.formStyle {
background: #f0f0f0;
border: 1px solid #646464;
font-size: 12px;
padding: 3px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */



.menu {
	float: right;
	height: 18px;
	position: relative; 
	z-index: 100;
	width: 405px;
	text-align: left;
	font-size: 12px;
}
	
/* hack to correct IE5.5 faulty box model */
* html .menu {width:541px; w\idth:540px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0; list-style-type:none; height:18px; }

.menu ul ul {/*width:149px;width: auto;*/ width: 149px; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float: left; 
  	width: auto; 
	position: relative; 
	padding: 0 10px;
	height: 18px;	
	}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block; 
	text-decoration:none; 
	height: 18px; 
	color: #fff;
	text-transform: uppercase; 	
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:80px; w\idth:69px; }


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#000; }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#000; text-decoration:none; }
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/drop.gif) bottom right no-repeat; }

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fff; }
/* style the third level hover */
.menu ul ul ul a:hover {background:#eaeaea; color: #fff; text-decoration:none;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:17px; left:0; width:100px; font-size: 12px; }
/* another hack for IE5.5 */
* html .menu ul ul {top:21px;t\op:20px;}


/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:150px; text-transform: none; 	}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#fff; 
	color:#000;
	height:auto; 
	line-height:1em; 
	padding: 5px 10px; 
	width:158px;
	border: 1px #434343 solid;
	border-width: 0 1px 1px 1px;
	text-transform: none; 	
}
	
/* second level hover */
.menu ul ul a:hover, .menu ul ul :hover > a {
	color: #fff;
	background: #000;
	
}


	
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}


/* style the top level hover -- this works in ie 6 */
* html .menu a:hover, * html .menu ul ul a:hover {color:#fff; }

/* this is for every other compliant browser! */
.menu :hover > a,  .menu ul ul :hover > a {color:#fff; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree

   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: #000;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: #fff;
  font-weight: normal;
 /* background: #7b9d25;*/
}

.menu ul .current_page_item ul a {
  background: white;
  font-weight: normal;
  color: #000;
}

.menu ul .current_page_item ul a:hover {
  color: white;
  background: #000;
}

.menu .current_page_item a:hover {
 /* background: white; */
}

#homeButton {float: right; width:18px; height:18px; margin: 0 10px; position: relative;}

/* ===================end of menu styles======================= */