/*  
Theme Name: iD Tech Camps
Theme URI: http://www.internaldrive.com
Description: Default Theme for iD Tech Camps
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;}

body {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:16px; text-decoration:none; background: #fff url(images/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;}

.date_blogger {margin-top: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; font-weight: bold; }

.date_blogger a {color: #7aae33; font-weight: bold;}

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

p {margin-bottom:10px;}

/*FONT & H STYLING */

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #7aae33; padding-bottom: 5px; padding-top: 5px; line-height:34px;}

h1 a {color: #7aae33;}

.border {float: left; width: 900px; height: 30px; margin-bottom:10px; border-bottom: #aeaeae solid 1px;}

.noBorder {float: left; width: 820px; height: 30px; margin-top: 24px; padding-bottom: 20px; border: 0; }

.titleIcon img {float: left; padding-right: 15px;}

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #00549e; padding-top:5px; line-height:24px;}

h3 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #7aae33; padding-top:5px; margin-bottom:20px; line-height:34px;}

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

h4 a {color: #fff;}

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: #00549e; font-size: 14px; font-weight: bold;}

.blue_bold {color: #0054a6; font-weight: bold;}

.bold_14px {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: 985px;
height: 18px;
color: #fff;
font-size: 15px;
}

.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;
}
	
#header_images {float: left; width:1080px; height: 130px; margin-top: 0; }

#header_images widget {list-style-type: none; margin: 0; padding: 0; }

#header_images h2.widgettitle {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background: none; line-height: 160px; margin-left:-8px; font-weight: normal;}

#header_images .textwidget {float: left; margin-top: -80px;}

#header_images ul {float: left; list-style-type: none; margin: 0; padding: 0;}

#header_images li { list-style-type: none; height: 130px; width: 668px; }

#header_images img {float:left; margin-right: 30px;}

#header_images .brochure {margin-top: -7px; margin-left: 2px;}

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

.topRow {
float: left;
width: 980px; 
height: 180px;
color: #fff;
}

.brochure {
float: left;
margin-left: 32px;
width: 303px;
height: 113px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: normal;
background: url(images/request_brochure_BG.jpg) no-repeat right top;
}

.brochure_content {margin-left: 8px; padding-top: 2px;}

#pageTitle {
float: left;
color: #fff;
margin-top: 10px;
width: 800px;
height: 50px;
}

#subContent {
float: left;
width: 980px;
height: auto;
background: url(images/subContent_Mid.jpg) repeat-y;
} 

#subContTop {
float: left;
margin-top: 1px;
width: 980px;
height: 75px;
background: url(images/subContent_Top.jpg) no-repeat;
}

#subCont_True {
float: left;
width: 924px;
margin: -53px 16px 0 16px;
padding: 10px;
height: auto;
background: #fff;
padding-bottom: 40px;
}

#subCont_True p {margin: 10px 0;}

.subCont_Title {
float: left;
margin-top: 5px;
margin-bottom: 20px;
width: 900px;
padding: 0;
padding-bottom: 10px;
text-align: left;
border-bottom: #aeaeae solid 1px;
}

.subCont_Title_noBorder {
margin-top: 0px;
margin-bottom: 20px;
width: 900px;
height: 45px;
padding: 0;
padding-bottom: 30px;
text-align: left;
}

.subCont_Title_noBorder2 {
margin-top: 0;
width: 900px;
height: 45px;
padding: 0;
padding-bottom: 8px;
text-align: left;
}

.subCont_Col1 {
float: left;
width: 580px;
height: auto;
}

.column1 {
float: left;
width: 580px;
height: auto;
}

.subCont_Col_2span {
float: left;
width: 900px;
height: auto;
}

.spans2columns {
float: left;
width: 900px;
height: auto;
}


.subCont_Col1 img {display:block; margin-left:auto; margin-right:auto; padding: 10px 0 20px 0; }

.subCont_Col1 img.norm {margin:0; padding: 0;}

.subCont_Col2 img {display:block; margin-left:auto; margin-right:auto; padding: 10px 0 20px 0; }

.subCont_Col2 img.norm {margin:0; padding: 0;}

.subCont_rule {
float: left;
width: 100%;
height: 1px;
background: #aeaeae;
margin: 15px 0 20px 0;
}

#subContBot {
float: left;
width: 980px;
height: 40px;
margin-left: 9px;
background: url(images/subContent_Bot.jpg) no-repeat;
}

/*SIDEBAR STYLES*/

#sidebar {
float: left;
width: 260px;
height: auto;
margin-left: 50px;
padding-bottom: 40px;
}

#sidebar_locations {
float: right;
width: 260px;
height: 135px;
margin-right: 80px;
padding-bottom: 40px;
}

.getStartedNow {
background: url(images/getStartedNow.jpg) no-repeat;
width:264px;
height: 181px;
padding-top: 65px;
margin-bottom: -50px
}

.selectMenu {
position:relative;      
z-index:1;
height: 21px;
margin-bottom: 50px;
}

.selectMenu img {display:block; margin-left:auto; margin-right:auto; padding-left:8px;}

.selectMenu:hover {z-index:25;}

.selectMenu span {display: none;}

.selectMenu:hover span {
display:block;
position:absolute;
margin-top: 0;
left: 46px;
width: 178px;
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: 300px;
overflow-y: scroll;
border: 1px solid #666; 
border-top: 0;
background-color: #fff; 
z-index:30;
}

.selectMenu:hover span.hight {
display:block;
position:absolute;
margin-top: 0;
left: 46px;
width: 178px;
height: 300px;
overflow-y: scroll;
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; }

.widgettitle {
background:url(images/sidebarTitle.jpg) no-repeat;
height: 28px;
width: 250px;
margin-top: 40px;
padding-top: 6px;
padding-left: 8px;
font-family: Arial, Helvetica, sans-serif; 
color: #00549e; 
font-size: 15px;
}

.sidebarTitle {
background:url(images/sidebarTitle.jpg) no-repeat;
height: 28px;
width: 250px;
margin-top: 40px;
padding-top: 6px;
padding-left: 8px;
font-family: Arial, Helvetica, sans-serif; 
color: #00549e; 
font-size: 15px;
}	

.sidebarList_Menu {float: left; width:250px; height:auto;}

.sidebarList_Menu_Border {float: left; width:250px; height:auto; padding-bottom: 10px; border-bottom: #aeaeae solid 1px;}

.sidebarList_Image_Bottom {float: left; width:250px; height:auto; margin-top: 20px;}

.sidebarList_Image_Bottom img {margin-top: 20px; margin-left: -10px;}

.sidebarList_Image_Top  {float: left; width:250px; height:auto; margin-top:35px;}

.sidebarList_Image_Top  img {margin-left: -10px;}

.sidebarList  img {margin-left: -10px;}

.sidebarList {margin-left: 8px; width:250px;}

.sidebarList ul {padding:0; margin:0;}

.sidebarList img {padding-right: 8px; padding-top: 10px; padding-bottom: 10px;}

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

.sidebarList li {height:25px; display: block; padding-top: 5px; padding-left: 30px; border-bottom: #dfdfdf solid 1px; background:url(images/grn_arrow.jpg) no-repeat left; }

.sidebarList li a {color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

.sidebarList_widget {margin-left: 8px; width:250px;}

.sidebarList_widget li li a {color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

.sidebarList_widget ul {padding:0; margin:0;}

.sidebarList_widget img {padding-right: 8px; padding-top: 10px; padding-bottom: 10px;}

.sidebarList_widget li {list-style: none;}

.sidebarList_widget li li {height:25px; display: block; padding-top: 5px; padding-left: 30px; border-bottom: #dfdfdf solid 1px; background:url(images/grn_arrow.jpg) no-repeat left;}

.image_beneath {margin-top: 20px;}

.image_above  {margin-top:35px;}

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;
}

#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;
}

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

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

.greyRule_feature {
float: left;
width: 100%;
height: 1px;
background: #666;
margin-top: 30px;
text-align: center;
margin-bottom: 15px;
}

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

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

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

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

.foot_col li {color:#8bc33d;}

.foot_col li a {color:#8bc33d;}

.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;
font-size:11px;
}


.table_legal {font-size: 11px; margin-top: -25px; margin-left: 8px; padding-bottom: 45px;}

/*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;
font-size: 12px;
}

.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; }

.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: #88c03d url(images/tb_top_grad.jpg) repeat-x;
color: #fff;
border-bottom: #999 4px solid; 
font-size: 12px;
margin-bottom: 2px;
}

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

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

.table_txt  {color: #fff; line-height:14px; float:right; margin-top:7px;}

.camp th+th[scope=col] img {float: right; margin-left: 8px; width:25px; height:25px; vertical-align:baseline;  margin-right: -10px;}

.camp td+td {margin-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;}

/*Course Availabiity Charts*/

.availability_Chart {
float: left;
width: 945px;
background: #fff;
margin: -45px 0 -50px -20px;
padding: 10px;
padding-top: 50px;
padding-bottom: 50px;
height: auto;
border-left: 1px #e6e6e6 solid;
border-right: 1px #e6e6e6 solid;
}

.availability_Chart h1 {font-size: 30px; padding-left: 12px;}

/*FORM STYLES*/

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


/*PHOTO STYLES*/

.right {
float:right;
background: #ffffff;
border: 2px solid #cccccc;
padding: 8px;
margin-left: 15px;
margin-bottom: 10px;
}
/*THE FEATURE STYLES*/

#feature_Top {
float: left;
margin-top: 1px;
width: 980px;
height: 101px;
background: url(images/feature_Top.jpg) no-repeat;
}

#feature_TopNav {float: left; margin-left: 1px; margin-top:-1px;}

.tab_1 {float: left; display: block; width:167px; height:50px;}

.tab_2plus {float: left; display: block; width:165px; height:50px; }

#featureCont_True {
float: left;
width: 924px;
background: #fff;
margin: 0 16px 0 16px;
padding: 10px;
height: auto;
padding-bottom: 40px;
}

#featureCont_True img {padding-right: 10px; padding-bottom: 10px;}

.cont_bottomLinks_feature {
float:left; 
width:880px;
padding: 10px 10px 0 0;
border-top: #aeaeae solid 1px; 
}

.feature_leftIcon {float:left; width:120px; padding-top:10px;}

.feature_rightTxt {float:left; width:780px; padding-top: 10px;}

.feature_topStep {float:right; margin-top:-40px;}

.feature_topStep2 {float:right; margin-top:-55px;}

.feature_bottomStep {float:right; padding-bottom: 25px; padding-top:25px;}

.feature_bottomStep2 {float:right; margin-bottom: -35px; padding-top: 10px;}

.feature_jumps {float:right; margin-top:-30px; width: 220px; margin-bottom: -20px }

#feature_Top, #feature_Top:after {_zoom: 1;}

#feature_TopNav ol {margin: 0 0 10px 0; padding: 0; list-style: none;}

#feature_TopNav ol li {
display: inline;
float: left;
cursor:pointer;
list-style: none;
}

.feature_subNav {float: left; margin-top: -63px; margin-left: 0; height: auto;}

.feature_subNav img {float: left;} 

.feature_subNav form {font: Arial, Helvetica, sans-serif;}

div.TEXT {float: left; display: none; height:auto; margin-top: 20px; }

input.TITLE {float: left; border:0; color: #0054a6; font-size: 12px; font-weight: normal; margin-top: 5px;}

input.RB {float: left; border: 0; background: url(images/feature/subnav/subNav_Off.jpg) no-repeat center; height: 35px; color: #0054a6; font-size: 12px; margin-left: -5px; margin-right: -5px; padding-bottom: 10px;}

input.RBON {float: left; border: 0; background: url(images/feature/subnav/subNav_On.jpg) no-repeat center; height: 35px; color: #0054a6; font-size: 12px; margin-left: -5px; margin-right: -5px; padding-bottom: 10px;}

/* OnSite form styles */

#onSiteContent {
	float: left;
	width: 400px;
	height: auto;
	margin: 5px 8px;
	border-right: 2px dotted #777;
}

cf_info {float: left; margin: 0;}


/* ================================================================ 
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: 540px;
	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:#8ebd35; }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#8ebd35; 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:#8ebd35; 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; padding-bottom: 8px; 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: #8ebd35 ;
	
}


	
/* 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: #8ebd35;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: #8ebd35;
  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:  #8ebd35;
}

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

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

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



/* NEW FEATURE STYLES */
ul.tabs {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 51px;
	width: 497px;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 50px;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
}

ul.tabsa {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.tabsb {
	margin: 0;
	padding: 0;
	list-style: none;
}	
	
ul.tabs li a.circle1 {
	display: block;
	outline: none;
	background: url(images/feature/btn1_off-campOverview.jpg) no-repeat;
}

html ul.tabs li.active, html ul.tabs li.active a.circle1  {
	background: url(images/feature/btn1_on-campOverview.jpg) no-repeat;
}

ul.tabs li a.circle2 {
	display: block;
	outline: none;
	background: url(images/feature/btn2_off-coursesAvailability.jpg) no-repeat;
}

html ul.tabs li.active, html ul.tabs li.active a.circle2  {
	background: url(images/feature/btn2_on-coursesAvailability.jpg) no-repeat;
}

ul.tabs li a.circle3 {
	display: block;
	outline: none;
	background: url(images/feature/btn3_off-campOptions.jpg) no-repeat;
}

html ul.tabs li.active, html ul.tabs li.active a.circle3 {
	background: url(images/feature/btn3_on-campOptions.jpg) no-repeat;
}

ul.tabs li a.circle5 {
	display: block;
	outline: none;
	background: url(images/feature/btn1_off-courseOverview.jpg) no-repeat;
}

html ul.tabs li.active, html ul.tabs li.active a.circle5 {
	background: url(images/feature/btn1_on-courseOverview.jpg) no-repeat;
}

ul.tabs li a.circle6 {
	display: block;
	outline: none;
	background: url(images/feature/btn2_off-tuitionHours.jpg) no-repeat;
}

html ul.tabs li.active, html ul.tabs li.active a.circle6 {
	background: url(images/feature/btn2_on-tuitionHours.jpg) no-repeat;
}


ul.tabs li a.circle7 {
	display: block;
	outline: none;
	background: url(images/feature/btn3_off-whereWhen.jpg) no-repeat;
}

html ul.tabs li.active, html ul.tabs li.active a.circle7 {
	background: url(images/feature/btn3_on-whereWhen.jpg) no-repeat;
}


ul.tabs li a.circle4 {
	display: block;
	outline: none;
}

/*Style for Sub Nav Title*/

.subtab_title {
	float:left;
	height: 35px;
	width: auto;
	color: #0054a6; 
	font-size: 12px; 
	line-height: 31px;
	margin-bottom: -1px;
	margin-right: 10px;
	background: url(images/feature/subnav/subNav_Off.jpg) no-repeat center;		
}

/*Styles for TAB 2*/
ul.tabs2 {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 36px;
	width: auto;
}

ul.tabs2 li {
	float: left;
	margin: 0;
	padding: 0;
	height: 35px;
	color: #0054a6; 
	font-size: 12px; 
	line-height: 31px;
	margin-bottom: -1px;
	position: relative;
	background: url(images/feature/subnav/subNav_Off.jpg) no-repeat center;	
}

ul.tabs2 li a {
	text-decoration: none;
	padding:0 5px;
	color: #0054a6; 	
	display: block;
	outline: none;
}

html ul.tabs2 li.active, html ul.tabs2 li.active a  {
	height: 35px;
	background: url(images/feature/subnav/subNav_On.jpg) no-repeat center;	
}

/*Styles for TAB 3*/
ul.tabs3 {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 36px;
}
ul.tabs3 li {
	float: left;
	margin: 0;
	padding: 0;
	height: 35px;
	color: #0054a6; 
	font-size: 12px; 
	line-height: 31px;
	margin-bottom: -1px;
	position: relative;
	background: url(images/feature/subnav/subNav_Off.jpg) no-repeat center;	
}
ul.tabs3 li a {
	text-decoration: none;
	padding:0 5px;
	color: #0054a6; 	
	display: block;
	outline: none;
}

html ul.tabs3 li.active, html ul.tabs3 li.active a  {
	height: 35px;
	background: url(images/feature/subnav/subNav_On.jpg) no-repeat center;	
}

/*Styles for TAB 4*/

ul.tabs4 {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 36px;
}
ul.tabs4 li {
	float: left;
	margin: 0;
	padding: 0;
	height: 35px;
	color: #0054a6; 
	font-size: 12px; 
	line-height: 31px;
	margin-bottom: -1px;
	position: relative;
	background: url(images/feature/subnav/subNav_Off.jpg) no-repeat center;	
}
ul.tabs4 li a {
	text-decoration: none;
	padding:0 5px;
	color: #0054a6; 	
	display: block;
	outline: none;
}

html ul.tabs4 li.active, html ul.tabs4 li.active a  {
	height: 35px;
	background: url(images/feature/subnav/subNav_On.jpg) no-repeat center;	
}

/*END TAB STYLINGS*/

/*WHERE OFFERED STYLES*/

.urbangreymenu{
width: 225px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Arial;
color: white;
background: #606060 url(/images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 8px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 13px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 12px;
padding-left: 12px; /*link text is indented 8px*/
text-decoration: underline;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

/*vote*/

.voteH3

{

margin-bottom: -15px;

}