/* this is the master css we will use for styling */

body{
margin:0;
padding:0;

}
p, ul, li, a, h1, h2, h3, h4, h5, h6, div, form, label, input{
padding:0;
margin:0;
}
img{
padding:0;
margin:0;
border:none;

}
ul{
list-style:none;
}

ul.embeddedlist {
font-size: .75em;
list-style-position: inside;
list-style-type: square;   
/* Top, left, bottom, right */
margin:.25em 0 0 0; 
}

/*--- Defines the link style & behaviors on pages --------------------------------------------------*/
/* Make as generic as possible    */
a{
text-decoration:none;
}

a:link {
	color: #000000 ;  /* black */
	text-decoration: none;
	font-weight:bolder;
}
a:visited {
	color: #000000;  /* Black */
	text-decoration: none;
	font-weight:bolder;
}
a:hover {
	color: #CC0000; /* Red w/ underl;ine */
	text-decoration: underline;
}
a:active {
	color: #666666;  /* Grey */
	text-decoration: none;
}

a.tiny{
	font-size:9px;
	line-height: 12px;
	font-style:italic;
}

a.lfttxt{
	font-size:.75em;
	line-height: 1.5em;
}


/*--- Defines default paragraph tag --------------------------------------------------*/
p{
	color: #333333;
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
}

/*---------------------------------------------------------------------------*/
/*------------------------------------header---------------------------------*/
/*---------------------------------------------------------------------------*/
#hdr{
background:url(../images/RIDETEXASSiteHdr_backW960.jpg) no-repeat 0 0;
height:10.75em;
}

/* No longer used
img.logo{

margin:95px 0 0 20px; 
float:left;
}
img.pic1{
padding:125px 0 0 22px; 

} */

/*-------- Search box position --------*/
/* Top, left, bottom, right */
form.header {
padding:14.5% 0 0 76%;
}

/*--- Top navigation link bar ------------------------------------------------*/

#NavBg{
background-color:#000;
color:inherit;
height:2.4em;
}
ul.navLink{
padding:0 0 0 3em;
margin:0;
}
ul.navLink li{
float:left;
padding:0 19px;
width:auto;
}

ul.navLink li a{
font-size:.75em;
line-height:3em;
background-color:transparent;
}

ul.navLink li a:link {
	color: #FFFFFF; /* White */
	text-decoration: none;
	font-weight:normal;
}
ul.navLink li a:visited {
	color: #FFFFFF; /* White */
	text-decoration: none;
	font-weight:normal;
}
ul.navLink li a:hover {
	color: #CC0000; 
	text-decoration: underline;
} 
ul.navLink li a:active {
	color: #666666;  /* Grey */
	text-decoration: none;
}


/* Probably n0t used */

p.susTxt{
	font:bold 36px/38px Georgia, Times New Roman, Times, serif;
	color:#FFFFFF;
	background-color:transparent;
	text-transform:uppercase;
	width:355px;
	padding:5px 0 0 22px;
	float:left;
}
p.susTxt span{
	display:block;
	font-size:22px;
	line-height:24px;
	color:#FFFFFF;
	background-color:transparent;
	font-weight:normal;
}

p.ref{
	font-size:12px;
	line-height:16px;
}

p.subTxt{
	font-size:0.73em; 
	line-height:1.2em;
    padding:0 0 8px 0;
    /*	background-color: #00FF33; */
}
p.subTxt span{
	font-size:.88em;
	line-height:1.2em;
    padding:0 0 8px 0;
	font-weight:bold;
}

p.tiny{
	font-size:.6em;
	line-height: 1.3em;
	font-style:italic;

}

/*-----Define the hotlink areas ----------------------------------------------*/
/* Top, left, bottom, right */
ul.hotLink{
padding:0 .4em 0 .65em;
margin-bottom:.65em;
}

/* Top, left, bottom, right */
ul.hotLink li{
float:left;
width:95%;
list-style-position:outside;
list-style-type: none;   
color: #FFFFFF; /* White */
/* list-style-image:url("../images/EighhtbyEightWhite.gif");   */
}

ul.hotLink li a{
margin:0 0 0 0;  /* IE bug workaround */
font-size:.70em;
letter-spacing:0em;
line-height:1.2em;
color: #FFFFFF;
background-color:transparent;
}

ul.hotLink li a:link {
	color: #000000; /* Black */
	text-decoration: none;
	font-weight:normal;
}
ul.hotLink li a:visited {
	color: #000000; /* Black */
	text-decoration: none;
	font-weight:normal;
}
ul.hotLink li a:hover {
	color: #CC0000; 
	text-decoration: underline;
} 
ul.hotLink li a:active {
	color: #666666;  /* Grey */
	text-decoration: none;
}

/*------------------------------body----------------------------------------------*/
#bodyPan{
	/* padding:20px 20px 51px 20px; doesn't work right in IExplore */
	/* Top, Right, Bottom, Left */
	padding:0em .5em 0em 0em; /* works in both Firefox and IExplore */
	/*  padding:1em .5em 1.8em 1em; works in both Firefox and IExplore */
    border-width:thin;
	border-color:#CCCCCC;
	border-left-style:none;
	border-right-style:solid;  
}


/*---------------------------------left panel---------------------------------------*/
#lftPan{
	padding:29px 0 51px 0;
}

h1{
/* font-size:24px; */
line-height:24px;
color:#000;
background-color:transparent;
padding:9px 0 16px 0;
text-transform:uppercase;
font-weight:bold; 
}
h1 span{
display:block;
color:#828E9C;
background-color:transparent;
font-size:18px;
line-height:18px;
font-weight:lighter; 
text-transform:none;
}

p.lfttxt{
padding:0 0 16px 0;
}

p.lfttxt span{
display:block;
color:#878585;
background-color:transparent;
font-size:12px;
line-height:15px;
font-weight:bold;
margin-top:6px;
/* font-variant:small-caps; */
}

p.fltrgttext{
padding:0 0 0 0;
/* padding-left:80%; */
float:right;

}

p.ParaSubHdr{
font-size:14px;
padding:0 0 8px 0;	
font:bold;
}

p.DetailsHdr{
color:#666666;
padding:0 0 0 0;
font:bold;
}

p.DetailsHdr span{
padding:0 0 0 0;	
font:bold;
}

p.suspeTxt{
padding-top:10px;
}

/*
p.hotLink{
	padding-left:1em;
	Padding-top:.25em;
	line-height:normal;
	font-size:.65em;
} */

h2{
/* font-size:18px; */
line-height:22px;
color:#828E9C;
background-color:transparent;
font-weight:bold; 
letter-spacing:.05em;
}

h2.features{
padding-top:19px;
padding-bottom:15px;
}

h2.bannerspacing{
padding:6px 0 13px 0;
}

h2.gallery{
padding:39px 0 15px 0;
}

h3{
/* font-size:18px; */
line-height:1em; 
padding-top:.5em;
padding-bottom:.3em;
color:#3D485F;
background-color:transparent;
font-weight:normal;
letter-spacing:.05em;
}

h4 {
padding-top:4px;
padding-bottom:4px;
color: #666666;
}

h4 span{
font-size:12px;
font-weight:lighter; 
text-transform:none;
}

h4.features{
padding-top:7px;
padding-bottom:4px;
}

h5 {
padding-top:6px;
padding-bottom:3px;
line-height: 1.2em;
color: #000000;
}

/* Nav header */
h5.Nav {
color:#CC0000;
/* text-transform:uppercase; */
background-color:transparent;
padding:0 0 0 525px;
}

h6 {
padding-top:4px;
padding-bottom:2px;
line-height: 1.3em;
color: #272E49;
}

h6.hotLink {
padding-left:.70em;
padding-top:1em;
padding-bottom:.75em;
}

h6 span{
font-size:11px;
font-weight:lighter; 
line-height:1.3em;
padding:0 0 8px 0;
}


p.galtxt{
font-weight:bold;
text-align:center;
padding-top:.5em;
}
/*  p.galtxt a{
color:#000;
background-color:transparent;
text-decoration:underline; 
} */

p.galtxt a:hover{
text-decoration:none;
}

/*---------------------------------right panel------------------------------*/
.rghtPan{
	/* Top, Right, Bottom, Left */
	margin:1em 0 0 .5em; 
	/* border-width:thin;
	border-color:#CCCCCC;
	border-left-style:solid;
	border-right-style:none;  looks bad */
	 
	 
	/* padding: 1em 1em 1.2em 1.2em; */
    /* background-color: #0033FF; */
}
h2.rghtPan{
/*--- padding:8px 0 13px 0;  --*/
/*--- padding:13px 0 38px 0; --*/
}
h2.rghtPan span{
display:block;
color:#959595;
background-color:transparent;
font-size:12px;
line-height:15px;
font-weight:normal;
padding-top:12px;
}
img.rightPic{
font-size:0;
line-height:0;
padding:0;
margin:0;
display:block;
}


p.rghtPan{
/*-- padding:0 0 0 77%; --*/
/*--- padding:13px 0 38px 0; --*/
}

/*---------------------------------------------------------------------------*/
/*------------------------------------footer---------------------------------*/
/*---------------------------------------------------------------------------*/
#footer{
background:url(../images/footer_bg.gif) repeat-x 0 0;
height:11em;
}

ul.footerlink{
padding:0 0 0 7em;
/* padding:0 0 0 168px; */
margin:0;
}
ul.footerlink li{
float:left;
padding:0 2em;
width:auto;
/* color: #FFFFFF;  */
background-color:transparent;
font-size:.75em;
line-height:3em;
font-weight:lighter;
}

/* entirely new */
ul.footerlink li.active{
font-size:.75em;
line-height:3em;
font-weight:lighter;
color:#C13C1D;
background-color:transparent;
}

ul.footerlink li a{
color:#fff;
background-color:transparent;

}
ul.footerlink li a:hover{
color:#C13C1D; 
background-color:transparent;
}


p.copyright{
text-align:center;
font:normal 10px/14px Arial, Helvetica, sans-serif;
padding:22px 0 0 0;
color:#989A9E;
background-color:transparent;
}
p.copyright span{
display:block;
}
p.copyright span a{
color:#fff;
background-color:#010204;
width:109px;
height:12px;

}
p.copyright span a:hover{
color:#ff0000;
background-color:#010204;

}