/** iGuideClub **/

*{
margin:0;
padding:0;
}

body {

background: #a2cddb url('../images/grade.gif') repeat-x;
/*
background: #7cade8 url('../images/background-repeat.jpg') repeat-y fixed center;
*/
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #525051;
}

a img {border:0;}

a:link, a:visited {text-decoration:none;}

a:hover {text-decoration:underline;}

h1 {
font-size:15px;
word-spacing:1px;
}

h2 {
font-size:21px;
}

#mainContainer {
	
width:850px;
/*margin:15px auto 5px auto;*/
z-index:2;
margin-left: auto;
margin-right: auto;

}

#headerContainer {
background: url('../images/iguideheader.gif') no-repeat;text-align:left; border:0;
height:135px;
}

#menu {
padding:0;
margin:0 0 0 20px;
font-size:14px;
}

#menu a {
color:white;
}

#bodyContainer {
border:1px solid #333;
background:#fff7ec;
/* background:url('../images/vbg.jpg') repeat #fff7ec; */

padding:15px;
}

#footerContainer {
color:white;
font-size:12px;
text-align:right;
padding:11px 10px 0 11px;
}

#footerContainer a {
color:white;
}

/*******panels on index page *********/
#rightSide {
width:320px;
float:right;
text-align:right;
position:relative;
z-index:10;
}

#welcomeTop, #welcomeMid, #welcomeBottom {
width:320px;
text-align:center;
font-size:12px;
text-align:justify;
color:#131313;
}

#welcomeTop {
background:url('../images/welcomeTop.png') no-repeat;
font-size:20px;
margin:2px 0 0 0;
padding:4px 0 0 0;
text-align:center;
}

#welcomeMid {
background:url('../images/welcomeMid.png') repeat-y;
}

#welcomeMid p {
margin-bottom:5px;
}

#welcomeMid br {
padding:0;
margin:0;
height:8px;
line-height:8px;
}

#welcomeBottom {
height:16px;
background:url('../images/welcomeBottom.png') no-repeat;
}

#videoPanel {
background:url('../images/video_box.png') no-repeat;
height:300px;width:320px;
padding:0 4px 0 4px;
text-align:center;
}

#videoPanel h4 {
font-size:15px;
margin:2px 0 0 0;
padding-bottom:5px;
color:#4E8EB5;
text-align:center;
}

#featuredGuides1Tab, #featuredGuides2Tab, .blueTab {
text-align:left;
position:relative;
z-index:9;
color:#4E8EB5;
margin-top:-20px;
overflow:visible;
white-space:nowrap;
height:34px;
}

#featuredGuides1Tab {
width:818px;
}

#featuredGuides2Tab, .blueTab {
width:600px;
}

#featuredGuides1, #featuredGuides2 {
padding:8px 2px 3px 2px;
margin:-1px 0 10px 0;
}

#featuredGuides1 {
background:url('../images/featured_box.png') no-repeat;
width:818px;
}

#featuredGuides2 {
background:url('../images/featured_box2.png') no-repeat;
width:600px;
}

#featuredGuides1 .featuredPanel, #featuredGuides2 div div {
background:white;
border:1px solid black;
padding:3px 5px 5px 5px;
float:left;
height:73px;
}

#featuredGuides1 .featuredPanel {

margin:0 5px 8px 5px;
}

#featuredGuides1 .featuredPanel div {
width:140px;
}

#featuredGuides2 div div{
width:170px;
margin:0 8px 8px 8px;
}

#featuredGuides1 .guideName, #featuredGuides2 label {
display:block;
height:30px;
overflow:hidden;
cursor:pointer;}

#featuredGuides1 span, #featuredGuides2 span {
display:block;
font-size:11px;
height:14px;
overflow:hidden;
}

#mappy3 {
float:left;
width:480px;
text-align:center;
margin-bottom:10px;
}

#stateList, #stateList2 {
margin:0 0 0 9%;
font-size:11px;
}

#stateList2 {
margin-top:15px;
}

#stateList div {
width:24%;
margin-left:.9%;
float:left;
text-align:left;
}

#stateList2 div {
width:32%;
margin-left:1%;
float:left;
text-align:left;
}

#stateList div a {
color:#5066d0;
}

#stateList div a:hover {
color:#223489;
text-decoration:none;
}

#stateList2 div a {
color:#CC0000;
}

#stateList2 div a:hover {
color:#990000;
text-decoration:none;
}

#contentOverflow1 {
display:none;
}

#tvBG {
width:316px;height:280px;background:url('../images/tv.png') no-repeat;
}

#tvBG div {
margin:0 9px 0 9px;position:relative;top:20px;
}

/***index page after AJAX***/

#stateZoomIn {
text-align:center;
}

#stateZoomIn img {
margin:-5px auto 0 auto;
}

#articleRotator {
min-height:540px;
}

#articleRotator p {
margin-bottom:8px;
}

#articleRotator h1 {
padding-bottom:8px;
}

#articleRotator img {
padding:0 15px 3px 0;
}

#articleRotator label {
cursor:pointer;color:blue;
font-weight:bold;
float:right;
font-size:13px;
}

#articleRotator span:hover {
text-decoration:underline;
}

/***end index page after AJAX***/



/******end panels on index page******/

/*******other panels*******/

.top720, .mid720, .bottom720 {
width:740px;
text-align:center;
font-size:9px;
margin:auto;
}

.top720 {
background:url('../images/720top.png') no-repeat;
height:19px;
}

.mid720 {
background:url('../images/720mid.png') repeat-y;
}

.bottom720 {
background:url('../images/720bottom.png') no-repeat;
height:19px;
}

.adBoxTop, .adBoxMid, .adBoxBottom {
width:139px;
text-align:center;
font-size:9px;
}

.adBoxTop {
background:url('../images/adboxtop.png') no-repeat;
padding:3px 0 2px 0;
}

.adBoxMid {
background:url('../images/adboxmid.png') repeat-y;
}

.adBoxBottom {
background:url('../images/adboxbottom.png') no-repeat;
height:12px;
padding:4px 0 3px 0;
}

.adBoxTop2, .adBoxMid2, .adBoxBottom2 {
width:485px;
text-align:center;
font-size:9px;
margin:auto;
}

.adBoxTop2 {
background:url('../images/ad2boxtop.png') no-repeat;
padding:3px 0 2px 0;
}

.adBoxMid2 {
background:url('../images/ad2boxmid.png') repeat-y;
}

.adBoxBottom2 {
background:url('../images/ad2boxbottom.png') no-repeat;
height:12px;
padding:4px 0 3px 0;
}

.adBoxBottom a, .adBoxBottom2 a, .bottom720 a {
color:#525051;
font-size:11px;
}

#bottom468 {
height:90px;width:493px;
background:url('../images/468box.png') no-repeat;
font-size:11px;text-align:center;
margin:9px 0 0 50px;
}

#bottom468 div {
padding:8px 7px 3px 7px;
}

.wideboxTop {
width:818px;padding:2px 0 5px 0;background:url('../images/wideboxTop.png') no-repeat;
font-size:15px;
color:#4E8EB5;
}

.wideboxMid {
background:url('../images/wideboxMid.png') repeat-y;width:818px;
}

.wideboxMid2 {
padding:0 5px 0 5px;height:165px;
}

.wideboxBottom {
width:818px;height:16px;margin:0;background:url('../images/wideboxBottom.png') no-repeat;
}

/*****end other panels******/

/******calendars/ guide results********/

#guideResults, #activityResults {
width:818px;
margin:auto;
}

#guideSchedule {
width:546px;
}

#guideSchedule2 {
padding-top:5px;
font-size:12px;
}

#calendarMini {
width:322px;
background:white;
border:1px solid black;
margin:auto;
margin-bottom:5px;
}

#guideResults th, #activityResults th, #guideSchedule th, #calendarMini th {
background-color:#0078c8;color:white;
padding:3px 0 4px 0;
border:1px outset #0078c8; 
}

#guideSchedule2 th {
background-color:#0099FF;color:white;
padding:3px 0 4px 0;
}

#calendarMini th {
font-weight:normal;
font-size:14px;
padding-left:0;
padding-right:0;
width:42px;
}

#activityResults th {
width:110px;
}

#guideSchedule2 th, #guideSchedule2 td {
width:84px!important;
} 

#guideSchedule th {
width:72px;
}

#guideResults td, #activityResults td, #guideSchedule td, #calendarMini td {
background-color:#DDD;color:black;
padding:3px;
cursor:default;
}

#guideSchedule2 td {
padding:3px;
background:url('../images/calendar1.png') no-repeat;
}

#activityResults td, #guideSchedule td, #guideSchedule2 td {
height:90px;
cursor:pointer;}

#calendarMini td {
text-align:center;
}

#guideResults tr:hover td, #activityResults td:hover, #guideResults td:hover, #guideSchedule2 td:hover, #calendarMini td:hover {
background-color:#BBB;
}

.calendarSpan1 {
color:black;
font-weight:bold;
}
.calendarSpan2 {
color:#0033CC;
}
.calendarSpan3 {
color:#CC0000;
}
.calendarSpan4 {
color:#6699FF;
}
.calendarSpan5 {
color:#339933;
}
.calendarSpan6 {
color:#FF6633;
}

#guideSchedule2 td div span:hover {
text-decoration:underline;
}

/*****end calendar/guide results********/



/*****COMMON******/

#newGuideRequest label {
float:left;width:25%;text-align:right;
}

#newGuideRequest input, #newGuideRequest textarea {
float:right;width:60%;margin-right:10%;
}

#shownLogin {
cursor:pointer;
position:relative;bottom:15px;
}

#shownLogin:hover {
text-decoration:underline;
}

.event {
padding:5px;
background:#aed9ff;
text-align:left;
margin-bottom:8px;
border:1px solid black;
}

.event2 {
padding:5px;
text-align:left;
}

.event p, .event2 p {
margin-bottom:5px;
}

.guideCard, .guideCard2 {
padding:8px 2px 3px 2px;
margin:-1px 0 0 0;
color:#043452;
}

.guideCard {
background:url('../images/guidecard.png') no-repeat;
width:600px;
}

.guideCard2 {
background:url('../images/guidecard2.png') no-repeat;
width:548px;
}

.guideCardMid {
background:url('../images/guidecardmid.png') repeat-y;
width:600px;
}

.guideCardMid2 {
background:url('../images/guidecardmid2.png') repeat-y;
width:548px;
}

.guideCardBottom {
background:url('../images/guidecardbottom.png') no-repeat;
width:600px;
height:19px;
margin-bottom:10px;
}

.guideCardBottom2 {
background:url('../images/guidecardbottom2.png') no-repeat;
width:548px;
height:19px;
margin-bottom:10px;
}

.midd {
vertical-align:middle;
}

.clearboth {
margin:0;
padding:0;
clear:both;
line-height:0px;
height:0px;
}

.linky {
color:blue;
cursor:pointer;}

.linky:hover {
text-decoration:underline;
}

.linky2 {
color:#324cc9;
cursor:pointer;}

.buttonLeft, .buttonLeftHov, .buttonRight, .buttonRightHov {
width:17px;height:37px;float:left;
}

.buttonLeft {
background:url('../images/buttonleft.png') no-repeat;
}

.buttonLeftHov {
background:url('../images/buttonhovleft.png') no-repeat;
}

.buttonMid, .buttonMidHov {
color:white;font-weight:bold;font-size:16px;padding:7px 0 14px 0;float:left;
}

.buttonMid {
background:url('../images/buttonmid.png') repeat-x;
}

.buttonMidHov {
background:url('../images/buttonhovmid.png') repeat-x;
}

.buttonRight {
background:url('../images/buttonright.png') no-repeat;
}

.buttonRightHov {
background:url('../images/buttonhovright.png') no-repeat;
}

/*****END COMMON******/

/*****READING ROOM********/

#articleMenu {
width:195px;float:left;text-align:left;
font-size:11px;
border:1px solid #0078c8;
background:white;
}

#articleMenu h2 {
text-align:center;
font-size:12px;
background-color:#0078c8;
color:white;
padding:1px 0 2px 0;
}

#articleMenu ul {
display:block;
padding:5px;
}

#articleMenu li {
width:90%;
list-style:none;
vertical-align:middle;
}

#articleMenu li span {
font-size:20px;
height:12px;
overflow:hidden;
}

#articleMenu li a, #articleMenu li b {
font-size:11px;
position:relative;
bottom:3px;
color:#0078c8;
}

#articleMenu li b {
color: #525051;
}

#theArticle {
width:613px;float:right;text-align:left;
}

#theArticle h1 {
margin-left:5px;
}

#theArticle span {
display:block;
}

.cg_hit_core, .cg_hit_parent, .cg_hit, .cg_content {
display:inline!important;
}

.cg_hit_parent {
text-decoration:none!important;
}

/*****END READING ROOM***********/


/*****adpeeps fix*******/

.adpeepsFix p {
cursor:pointer;}

.adpeepsFix font, .adpeepsFix u, .adpeepsFix b, .adpeepsFix p {
color:black!important;
font-size:10px!important;
}

.adpeepsFix td, .adpeepsFix tr {
background:none!important;
}

.adpeepsFix td {
padding:0 4px 0 4px;
}

/******end adpeeps fix*********/

/*****SIGNUP****/
#guideSignup {
width:45%;

	float:left; 


}

#memberSignup {
width:45%;
float:left;
margin-left:5%;
}

#guideSignup label, #memberSignup label {
 	float:left; 
text-align:right;
margin-right:2%;
	width:45%;	

}

#guideSignup input, #guideSignup textarea, #guideSignup select, #memberSignup input, #memberSignup select {
	float:right; 
	width:180px; 
}

.leftT {
text-align:left;
}

#memberBenefits {
text-align:center; 
font-size:14px;
}

#memberBenefits td {
padding-bottom:5px;
}

/*******LINKS PAGE***********/

#linkContainer h2 {
float:left;width:250px;
font-size:12px;
text-align:left;
font-weight:normal;
margin-bottom:5px;
}

#linkContainer p {
float:right;
width:550px;
text-align:left;
margin-bottom:5px;
}

/*******form*********/

.input, .input2 {
float:right;
width:50%;
margin-bottom:5px;
text-align:left;
}

#guideSignup .input2 input, #guidESignup .input2 textarea {
float:none;
width:auto;
}

.input input, .input textarea, .input select {
width:95%;
}
