/******************************************************************************/
/******************************************************************************
File: template_common.css
Comments: Common classes, IDs and elements needed throughout the site.

Notes: We have set the default font to 74% which is equal to 10pt.  to increase
by 1px JUST CHANGE THE EM NUMBER.  EXAMPLES BELOW:
1em == 10pt
1.1em == 11pt
1.2em == 12pt
1.3em == 13pt                    
This is scalable and accessible and works in IE6, IE7 and FireFox 1.5+

DO NOT USE  TO SET A PX FONT SIZE...EVER.  IT IS NOT NEEDED.  
*******************************************************************************/

/***RESET STYLESHEET NEEDED ONLY IN THIS FILE**********************************/
@import 'reset.css';

/***GLOBAL ELEMENTS************************************************************/

html {
	background-color: #f6ebd5;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	width: 905px;
	background: #ffffff url('../images/backgrounds/body.gif') top right repeat-y;
	padding-top: 20px;
	color: #737371;
}


/***Basic link styles ******************/

a,
a:link,
a:visited {
	color: #6da8ac;
	text-decoration: none;	
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

/***Header And Primary Navigation*******************/

#headerAndNav {
	float: left;
	width: 905px;
	background: url('../images/backgrounds/logoAndNav.gif') bottom left no-repeat;
	padding: 0 0 10px 0;
}

/***Logo*********************************/

#headerAndNav img {
	float: left;
	margin: 10px 0 0 30px;
}

/***Primary Navigation************************/

#headerAndNav ul {
	float: right;
	padding-right: 29px;
}

#headerAndNav ul li {
	display: inline;
}

#headerAndNav ul li a {
	display: block;
	height: 106px;
	text-indent: -9999px;
	float: left;
}

#headerAndNav ul li a#about,
#headerAndNav ul li a#about:link,
#headerAndNav ul li a#about:visited {
	background: url('../images/backgrounds/nav_about.gif') 0 0 no-repeat;
	width: 206px;
}

#headerAndNav ul li a#about:hover,
#headerAndNav ul li a#about:active {
	background: url('../images/backgrounds/nav_about.gif') 0 -106px no-repeat;
}

#headerAndNav ul li.active a#about {
	background: url('../images/backgrounds/nav_about.gif') 0 -212px no-repeat !important;
}

#headerAndNav ul li a#getinvolved,
#headerAndNav ul li a#getinvolved:link,
#headerAndNav ul li a#getinvolved:visited {
	background: url('../images/backgrounds/nav_involved.gif') 0 0 no-repeat;
	width: 204px;
}

#headerAndNav ul li a#getinvolved:hover,
#headerAndNav ul li a#getinvolved:active {
	background: url('../images/backgrounds/nav_involved.gif') 0 -106px no-repeat;
}

#headerAndNav ul li.active a#getinvolved {
	background: url('../images/backgrounds/nav_involved.gif') 0 -212px no-repeat !important;
}

#headerAndNav ul li a#donate,
#headerAndNav ul li a#donate:link,
#headerAndNav ul li a#donate:visited {
	background: url('../images/backgrounds/nav_donate.gif') 0 0 no-repeat;
	width: 204px;
}

#headerAndNav ul li a#donate:hover,
#headerAndNav ul li a#donate:active {
	background: url('../images/backgrounds/nav_donate.gif') 0 -106px no-repeat;
}

#headerAndNav ul li.active a#donate {
	background: url('../images/backgrounds/nav_donate.gif') 0 -212px no-repeat !important;
}

/***SubnavAndContent****************************/

#subnavAndContent {
	float: left;
	width: 846px;
	padding: 10px 29px 20px 30px;
	margin: 5px 0 0 0;
	background: transparent url('../images/backgrounds/dotted.gif') 271px 0 repeat-y;
}

/***Subnav*********************************/

#subnavAndContent #subnav {
	float: left;
	width: 225px;
}

#subnavAndContent #subnav li {
	margin: 0 0 2em 0;
}

#subnavAndContent #subnav li a,
#subnavAndContent #subnav li a:link,
#subnavAndContent #subnav li a:visited {
	text-transform:uppercase;
	border-top: 1px dotted #737371;
	border-bottom: 1px dotted #737371;
	padding: 4px 3px;
	color: #737371;
	font-family: Georgia, serif;
	letter-spacing: .2em;
	margin: 0 0 1em 0; 
}

#subnavAndContent #subnav li a:hover {
	text-decoration:none;
	background-color: #c34526;
	border-top: 1px solid #c34526;
	border-bottom: 1px solid #c34526;
	color: #eee;
}

#subnavAndContent #subnav li.active a {
	background-color: #c34526;
	border-top: 1px solid #c34526;
	border-bottom: 1px solid #c34526;
	color: #eee;
	margin: 0 0 .1em 0;
}

#subnavAndContent #subnav li.active ul {
	margin: 1em 0 2em 0;
}

#subnavAndContent #subnav li.active ul li {
	margin: 0 0 .5em 0;
}

#subnavAndContent #subnav li.active ul li a,
#subnavAndContent #subnav li.active ul li a:link,
#subnavAndContent #subnav li.active ul li a:visited {
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 1em ;
	text-transform: none; 
       background-color: transparent;
        color: #737371;
}

#subnavAndContent #subnav li.active ul li a:hover {
	text-decoration:none;
	border-top: none;
	color: #c34526;
	background-color: transparent;
}

#subnavAndContent #subnav li.active ul li.active a {
	border: none;
	color: #c34526;
	background-color: transparent;
}

/***content*********************************/

#subnavAndContent div {
	float: right;
	width: 590px;
	position: relative;
}
/*
#subnavAndContent div div {
	float: none;
}*/

#subnavAndContent div img#headshot {
	float: left;
        clear: left;
	border: 3px solid #575757;
	margin: 0 15px 15px 0;
}

#subnavAndContent div h1 {
	font-family: Georgia, serif;
	font-size: 1.6em;
	letter-spacing: .2em;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 .6em 0;
}


#subnavAndContent div h2 {
	font-family: Georgia, serif;
	font-size: 1.0em;
	letter-spacing: .2em;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 .6em 0;
}

#subnavAndContent div .meettheteam {
	border-bottom: 2px solid #b5d2d6;
	margin-bottom: 1.2em;
}

#subnavAndContent div .meettheteam span {
	text-transform: uppercase;
	color: #b5d2d6;
	background-color: white;
	position: relative;
	top: 4px;
	padding-right: 3px;
	font-weight: bold;
	font-size: 1.0em;
        clear: both;
}

#subnavAndContent div h3 {
	font-family: Georgia, serif;
	font-size: 1.0em;
	letter-spacing: .2em;
	font-style: italic;
	margin: 0 0 .6em 0;
}

#subnavAndContent div h1.readOnly {
	font-size: 0;
}

#subnavAndContent div p {
	line-height: 1.8em;
	margin: 0 0 1.8em 0;
}

#subnavAndContent div dl dt {
      font-size: 1.2em;
      margin: 0 0 .6em 0;
      color: #c34526;
      font-weight: bold;
      font-family: Georgia, serif;
}

#subnavAndContent div dl dd {
     margin: 0 0 1.8em 0;
     line-height: 1.8em;
}

#newsfeedUL a {
      display: block;
}

#newsfeedUL span {
      display: block;
      font-size: .9em;
      margin: 0 0 .5em 0;
}

#subnavAndContent h2.share {
     color: #c1c1c1;
     margin: 2em 0 0 0;
}

#subnavAndContent ul.share li {
     display: inline;
     border-right: 1px solid #d1d1d1;
     padding: 0 1em;
}

#subnavAndContent ul.share li.first {
    padding-left: 0;
}

#subnavAndContent ul.share li.last {
    border-right: none;
}

#longsignup {
     width: 350px;
     margin: 2em 0 0 0;
}

#longsignup div.textinput {
    width: 350px;
    margin: 0 0 1em 0;
}

#longsignup div.textinput label {
      float: left;
}

#longsignup div.textinput input {
     float: right;
     width: 250px;
}

#longsignup p.checkboxes {
     float: left;
}

#subnavAndContent #longsignup p {
    margin: 0 0 .5em 0;
}

#longsignup div.checkboxes {
   float: right;
width: 250px;
}

#longsignup div.checkboxes div {
    float: none;
width: 200px;
}

#longsignup div.checkboxes div input {
    width: auto;
}

#longsignup div.checkboxes div label {
     padding: 0 0 2px 0;
}

#longsignup div.textinput div.checkboxes label,
#longsignup div.textinput div.checkboxes input {
     float: none;
}

#subnavAndContent form {
   margin: 0 0 1.8em 0;
}

#subnavAndContent ul#founders {
     width: 100%;
     float: left;
     margin: 0 0 1.8em 0;
}

#subnavAndContent ul#founders li{
    width: 183px;
    margin: 0 20px 0 0;
    float: left;
}

#subnavAndContent ul#founders li.last {
    margin: 0;
}

#subnavAndContent ul#founders li img {
    border: 3px solid #565656;
}

#subnavAndContent ul#founders li p {
    margin-bottom: .5em;
}

#subnavAndContent ul#founders li h3, .red_block {
      font-size: 1.2em;
      margin: 0 0 .2em 0;
      color: #c34526;
      font-weight: bold;
       font-style: normal;
      text-transform: uppercase;
      font-family: Georgia, serif;
     letter-spacing: .1em;
}

#subnavAndContent img.headergraphic {
    width: 584px;
    border:3px solid #565656;
    margin: 0 0 1.8em 0;
}

#subnavAndContent img.headshot {
    border:3px solid #565656;
    float:left; 
    margin:0 15px 15px 0;
}

#subnavAndContent img.headshotright {
    border:3px solid #565656;
    float:right; 
    margin:0 0 15px 15px;
}

#subnavAndContent .thumbscontainerhidden {
	display: none;
}

/***Round Rock Petition******************/

#subnavAndContent div#petitionletter {
	float: left;
	width: 350px;
	border-bottom: 1px dotted #373737;
	margin: 0 0 15px 0;
}

#subnavAndContent div#petitionletter .shortintro{
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #373737;
}

#subnavAndContent div#petitionletter p span {
	font-weight: bold;
}

#subnavAndContent div#petitionform {
	float: right;
	width: 200px;
}

#subnavAndContent div#petitionform p span {
	font-style: italic;
}

#subnavAndContent .errors {
	width: 200px;
}

form#RRPetitionForm label,
form#RRPetitionForm label .text {
	display: block;
}

form#RRPetitionForm label {
	padding: 10px 0 0 0;
}

form#RRPetitionForm label .text,
form#RRPetitionForm label .textarea {
	width: 190px;
}

form#RRPetitionForm input#cfContact {
	margin: 15px 0 0 0;
}

form#RRPetitionForm div {
	width: 200px;
}

div.errors {
     color: #c34622;
}

#subnavAndContent #RoundRockRowCounter {
	position: absolute;
	top: 0;
	left: 390px;
	width: 200px;
}

#subnavAndContent #RoundRockRowCounter p {
	margin: 0 0 5px 0;
	font-weight: bold;
}

table#petitionSignatures {
	border-collapse: separate;
	clear: both;
        width: 590px;
}

table#petitionSignatures caption {
	font-weight: bold;
	background-color:#B1C0D3;
    color:#6A6A6A;
	padding: 3px;
}

table#petitionSignatures tr td{
	padding: 4px 10px;
	text-align: left;
}

table#petitionSignatures thead tr td {
	font-weight: bold;
	background-color: #828C99;
	color: #fff; 
}

table#petitionSignatures tr td.name{
	width: 150px;
}

table#petitionSignatures tr td.zipcode{
	width: 75px;
}

#petitionsignup label {
	display: block;
}

#petitionsignup input.text {
	width: 300px;
	margin: 0 0 15px 0;
}

/***FOOTER*******************************/

#footer {
 	clear: both;
	background: #f6ebd5 url('../images/backgrounds/footer.gif') top left no-repeat;
	padding-bottom: 20px;
}

#footer ul{
	margin-top: 15px;
	text-align: center;
}

#footer ul li {
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #555;
}

#footer ul li.last {
	border-right: none;
}

/*** homepage **********************************************/

#subnavAndContent #home_sidebar {
	float: left;
	width: 225px;
}

#subnavAndContent #home_sidebar h2 {
	font-size: 1.4em;
	text-transform: uppercase;
	font-family: Georgia, serif;
	color: #c34526;
	border-bottom: 1px solid #c34526;
	padding: 0 0 5px 0;
	margin: 20px 0;
}

#subnavAndContent #home_sidebar div {
	float: none;
	width: 225px;
}

#subnavAndContent #home_sidebar h2.first {
	margin-top: 0;
}

#subnavAndContent #home_sidebar h2 a {
	color: #c34526;	
}

#subnavAndContent #home_sidebar form#signup {
	float: left;
}


#subnavAndContent #home_sidebar form#signup div {
	float: left;
	width: 222px;
}

#subnavAndContent #home_sidebar form#signup label {
	float: left;
        padding-top: 5px;
}

#subnavAndContent #home_sidebar form#signup input {
	margin-bottom: 10px;
	width: 130px;
	float: right;
}

#subnavAndContent #home_sidebar form input#submit {
	width: 75px;
}

#subnavAndContent #home_sidebar .readMore a {
	color: #c34526;
	text-align: right;
	position: relative;
	bottom: 42px;
	font-size: .9em;	
	font-weight:normal;
	
}

#subnavAndContent #home_sidebar #newsitems li {
	margin-bottom: 1em;
}

#subnavAndContent #home_sidebar p {
	margin-bottom: .5em;
	line-height: 1.4em;
	font-family: Georgia, serif;
        clear: both;
}

#subnavAndContent #home_sidebar p.readMore {

	margin: 0 0 -42px 0;
	float: right;
}

#subnavAndContent #home_sidebar a.readMore {

	text-align: right;
	text-transform: uppercase;
	display: block;
}

#homedatebloglisting {
   font-weight: bold;
   color: #c5c5c5;
}

	/* slider */

		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}
		#slider ul li a img {
			border: none;
		}	
		#slider, #slider li{ 
			height:393px;
			width:590px;
			overflow:hidden;
			}	
		#subnavAndContent #slider{ 
			float: none;
			}	
		#prevBtn, #nextBtn{ 
			width:28px;
			height:28px;
display: block;
position: relative;
			}	
		#nextBtn{ 
		bottom: 28px;
left: 550px;
			}
#prevBtn {
   left: 525px;
}														
		#prevBtn a, #nextBtn a{  
			display:block;
			width:28px;
			height:28px;
			background:url(/assets/images/backgrounds/slider_arrow_rollover.gif) no-repeat 0 0;	
text-indent:-9999px;
			}

		#prevBtn a:hover{ 
			background:url(/assets/images/backgrounds/slider_arrow_rollover.gif) no-repeat 0 -28px;	
			}

	
		#nextBtn a{ 
			background:url(/assets/images/backgrounds/slider_arrow_rollover.gif) no-repeat -28px 0;	
			}	

		#nextBtn a:hover{ 
			background:url(/assets/images/backgrounds/slider_arrow_rollover.gif) no-repeat -28px -28px;	
			}							
	
	/* // slider */	

.footer_link {
margin-top: 15px;
display: block;
text-align:center;
}