﻿html
{
    background-color: #6b6e41;
}

body
{
    background: url(../images/bg.jpg) repeat-y center;
    color: #3e3e3e;
}

#container
{
    width: 950px;
    margin: auto;
}

/********************************************/
/************ Top/Header Styles *************/
/********************************************/

#hd
{
    background: url(../images/hd_bg.jpg) no-repeat;
    position: relative;
    height: 113px;
		/*started hacking for IE, but having issues
		in Chrome and Safari
		*margin-left: 1px; */
}

#slogan
{
    position: absolute;
		text-align: center;
    top: 35px;
    left: 220px;
    font-family: Helvetica;
    font-weight: bold;
    color: #820024;
    font-size: 14px;
}

#slogan div
{
    font-family: 'Times New Roman';
    font-style: italic;
    font-weight: normal;
    font-size: 23px;
}

#phoneNumbers
{
    position: absolute;
    left: 755px;
    top: 15px;
    text-align: right;    
}

.phoneNumber
{
    font-family: Tahoma;
    font-weight: bold;
    font-size: 24px;
    color: #ffffff;
    line-height: .8;
    margin-bottom: 10px;
}

.phoneNumber div
{
    font-size: 17px;
    color: #fdf6b9;
}

#navigation
{
    width: 950px;
    background: url(../images/nav_bar_bg.jpg) repeat-x;
    position: relative;
		z-index: 100;
}

#navigation:after, #slideNav:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
}

#txtSearch
{
    position: absolute;
    left: 745px;
    top: 6px;
    width: 155px;
    font-family: Helvetica;
    font-size: 9px;
    color: #cbcbcb;
    padding: 2px 5px 1px 5px;
}

#txtSearch.clearFieldActive
{
    color: #3e3e3e;
}

#btnSearch
{
    position: absolute;
    left: 916px;
    top: 7px;
}

/*********end Top/Header Styles *************/

/********************************************/
/************ Slideshow Styles **************/
/********************************************/

#slides, #slides img
{
    line-height: .78;
}

#slideNav
{
    background: url(../images/slideshow-bg-5.jpg) no-repeat;
}

#slideNav li
{
    float: left;
    width: 190px;
    text-align: center;
		*background: url(../images/slideshow-bg-5.jpg) no-repeat;
}

#slideNav a
{
    display: block;
    font-family: Arial;
    font-size: 16px;
    color: #3e3e3e;
    font-weight: bold;
    text-decoration: none;
    padding: 14px 0 7px;
}

#slideNav li.last
{
    width: 190px;
}

#slideNav a:hover, #slideNav a.activeSlide
{
    background: #b4b162;
    border-top: solid 8px #8b874a;
    padding-top: 6px;
    color: #ffffff;
}

#slideAdd
{
		background: #b4b162;
		height: 5px;
}

/********************************************/
/******** end Slideshow Styles **************/
/********************************************/

#mainContentContainer
{
    padding-top: 10px;
}

/********************************************/
/************** LeftCol Styles **************/
/********************************************/

#leftCol
{
    float: left;
    width: 180px;
}

#nolanryan
{
    background: url(../images/nolan_ryan_bg.jpg) no-repeat;
		height: 220px;
    padding: 161px 15px 0px 5px;
    margin-left: 10px;
    font-family: 'Times New Roman';    
}

#nolanryan h1
{
    font-size: 29px;
    color: #770123;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 3px;
}

#nolanryan p
{
    margin-bottom: 7px;
}

#nolanryan .signature
{
    font-size: 15px;
    font-variant: small-caps;
    line-height: .8;
}

#nolanryan .title
{
    font-size: 15px;
    font-style: italic;
    margin-bottom: 5px;
}

#nolanryan .learnmore
{
    padding: 9px 0;
}


#nolanryan .learnmore a
{
    color: #780023;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

#estimate, #financing, #greatDay
{
		text-align: center;		
		margin: 7px 0 7px 7px;
}

#greatDayPage
{
		padding: 0;
		margin: 0;
}
/********** End LeftCol Styles **************/

/********************************************/
/************* RightCol Styles **************/
/********************************************/

#rightCol
{
    width: 174px;
    float: right;
}

#rightCol .image
{
    margin-bottom: 7px;
}

#rightCol .calco
{
		background: #969696;
		width: 150px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: #fff;
		padding: 7px;
		margin: 0 5px 7px 0;
}

#rightCol .calco h1
{
		color: #FFF8B6;
		font-family: Impact, Arial Bold, sans-serif;
		font-size: 23px;
		font-weight: normal;
		line-height: 21px;
}

#rightCol .calco h2
{
		color: #770123;
		font-size: 18px;
		font-weight: normal;
}

#rightCol .calco h3
{
		color: #fff;
		font-size: 11px;
		font-weight: bold;
}

#rightCol .calco p
{
		margin: 5px 0;
}

#rightCol input{
	border-color:#999;
	background-color:#c0c5a9;
	text-align: right;
	font-size: 12px;
	margin: 1px 1px 1px 4px;
	padding: 1px;
}

#rightCol #radioForm
{
		font-size: 12px;
}

#rightCol #radioForm input
{
		background: #969696 !important;
}

#rightCol textarea
{
		background: #969696;
		border: 0;
		color: #fff !important;
		font-style: italic !important;	
		font-weight: bold !important;
}

#rightCol .whiteTxt
{
		font-style: italic !important;	
		font-weight: bold !important;
}

#rightCol hr
{
	height: 1px;
	border: 1px solid;
	border-width: 1px 0 0 0;
	border-style: solid;
	color: #717366;
	margin: 5px 0;
}

/********* End rightCol Styles **************/

/********************************************/
/************** mainCol Styles **************/
/********************************************/

#mainCol
{
    font-family: Arial;
    margin: 0 188px 0 190px;
}

#mainCol.twoCol
{
    margin-left: 15px;
}

#mainCol h1
{
    font-size: 29px;
    font-family: 'Times New Roman';
    font-weight: bold;
    color: #770123;
    margin-bottom: 15px;
}

#mainCol h2
{
    font-size: 22px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    color: #770123;
    margin: 10px 0 5px 0;
}


#mainCol h3
{
    font-size: 19px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    color: #3e3e3e;
    margin-bottom: 0;
}

#mainCol h4
{
    font-size: 17px;
    font-family: Verdana, Geneva, sans-serif;;
    font-weight: bold;
    color: #6B6E41;
    margin-bottom: 0;
}

#mainCol h5
{
    font-size: 15px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    color: #3e3e3e;
    margin-bottom: 0;
}

#mainCol h6
{
    font-size: 16px;
    font-family: Geneva, Tahoma, sans-serif;
    font-weight: normal;
		font-style: italic;
    color: #36381f;
		line-height: 1.5;
    margin-bottom: 10px;
}

#mainCol .h2Sim
{
    font-size: 22px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    color: #770123;
    margin: 10px 0 5px 0;
}

#mainCol .h3Sim
{
    font-size: 19px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    color: #3e3e3e;
    margin-bottom: 0;
}

#mainCol .h4Sim
{
    font-size: 17px;
    font-family: Verdana, Geneva, sans-serif;;
    font-weight: bold;
    color: #6B6E41;
    margin-bottom: 0;
}

#mainCol .h5Sim
{
    font-size: 15px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    color: #6B6E41;
    margin-bottom: 0;
}

#mainCol .h5SimRed
{
    font-size: 15px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    color: #770123;
    margin-bottom: 0;
}

#mainCol .h6Sim
{
    font-size: 14px;
    font-family: Geneva, Tahoma, sans-serif;
    font-weight: normal;
		font-style: italic;
    color: #36381f;
		line-height: 1.3;
    margin-bottom: 10px;
}

#mainCol p
{
    color: #3e3e3e;
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 15px;
}

#mainCol .formError
{
		color: red;
		font-weight: bold;
}



#mainCol a
{
		color: #770123;
		text-decoration: underline;
}

#mainCol a:hover
{
		color: #6B6E41;
		text-decoration: underline;
}


#mainCol em
{
		font-style: italic;
}

#mainCol strong
{
		font-weight: bold;
}

#mainCol ul, #mainCol ol
{
	margin: 0 0 15px 0;
}

#mainCol ul li
{
		list-style: outside disc;
		color: #690120;
		margin: 0 0 4px 25px;		
}

#mainCol .orderedL ol li
{
		list-style: outside decimal;
		color: #690120;
		margin: 0 0 4px 25px;		
}

#mainCol .tabR
{
		margin-left: 11px;
		position: relative;
		width: 200px;
}

#mainCol .imgR
{
		border: solid 1px #B4B162; 
		float: right;
		margin: 0 0 0 10px;
}

#mainCol .imgRNoBrd
{
		float: right;
		margin: 0 0 0 10px;
}

#mainCol .imgL
{
		border: solid 1px #B4B162; 
		float: left;
		margin: 0 7px 0 0;
}

#mainCol .imgLNoBrd
{
		float: left;
		margin: 0 7px 0 0;
}


#mainCol .imgCNoBrd
{
		text-align: center;		
		margin: 15px;
}

#mainCol .imgC
{
		border: solid 1px #B4B162;
}

#mainCol .productsT
{
		width: 99%;
}

#mainCol .productsT td
{
		vertical-align: top;
		padding: 7px;
}

#mainCol .formsT
{
		width: 80%;
}

#mainCol .formsT td
{
		vertical-align: top;
		padding: 7px;
}

#mainCol .swatchT
{
		text-align: center;
		padding: 7px;
}

#mainCol .homesT
{
		text-align: center;
		padding: 2px;
}

#mainCol .swatchT td, #mainCol .homesT td
{
		vertical-align:top;
}

#mainCol .homesTxt
{
		text-align: left !important;
		padding: 0 7px;
}


#mainCol .reportCardT 
{
		width: 75%;
		position: relative;
		display: table;
}

#mainCol .reportCardT td 
{
		vertical-align: top;
		padding: 7px;
		width: 50%;
}

#mainCol .armyLine
{
	background: url(../images/line-army-grn.gif) center top repeat-y;
}

#mainCol .whyAllied
{
	background: url(../images/nolan-ryan-big.png) bottom right no-repeat;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #6B6E41;
}

#mainCol .over1
{
	margin-left: 10px;
}

#mainCol hr
{
	height: 1px;
	border: 1px solid;
	border-width: 1px 0 0 0;
	border-style: dashed;
	color: #6B6E41;
	margin: 15px 0;
	
}

#mainCol #clearer
{
	clear: both
}

#mainCol .further
{
		margin-left: 70px;
}


#mainCol #flashcontent
{
		z-index: 9;
}
/* TABS STYLES */

#siteTabs #tabNav li
{
  float: left;
  border: solid 1px #aaaaaa;
  border-width: 1px 1px 1px 0;
  line-height: .8;
  font-weight: bold;
  padding: 6px 12px 3px 12px;
  list-style-type: none;
}

#tabNav	
{
	padding-bottom: 40px;
}



#siteTabs #tabNav li.first
{
  border-left: solid 1px #aaaaaa;
}

#siteTabs #tabNav li a
{
  font-size: 12px;  
  color: #8F8F8F;
  vertical-align: top;
  text-decoration: none;
}

#siteTabs #tabNav li.ui-tabs-selected a, #siteTabs #tabNav a:hover
{
  color: #ff012e;
}

#siteTabs #tabNav li.ui-tabs-selected
{
  border-bottom: none;
}

#siteTabs .ui-tabs-hide
{
    display: none;
}

.pdf
{
	background: url(../images/pdf-icon.gif) no-repeat left bottom;
	padding-left: 15px;
	font-weight: bold;
}
/***********end mainCol Styles **************/

/********************************************/
/*************** Tour Styles ****************/
/********************************************/

#tour
{
    position: relative;
		width: 100%;
		/*width: 98%*/
		*width: 563px;
    background-color: #f4f2e8;
    border: solid 1px #cdcdcd;   
		padding: 0;
		margin: 0;
}

#tourNav
{
    position: absolute;
    top: 12px;
    right: 10px;
}

#tourNav a
{
    display: block;
    float: left;
    padding: 0 5px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #b4b162;
    text-decoration: none;
}

#tourNav a:hover, #tourNav a.activeSlide
{
    color: #780023;
}

#tour h1
{
    padding: 5px;
    margin: 0;
    font-size: 23px;
}

#tour .caption
{
    padding: 12px;
    padding-bottom: 0;
    color: #7e7a3b;
    font-family: Arial;
}

#tour .caption h1
{
    font-size: 17px;
    color: #7e7a3b;
    font-family: Arial;
    padding: 0;
    margin-bottom: 7px;
}

#tour .caption p
{
    color: #7e7a3b;
    font-family: Arial;
    font-size: 15px;
    line-height: 1.231;
}

#tour .caption a
{
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #780123;
}

/************ End Tour Styles ***************/


/********************************************/
/***************Footer Styles ***************/
/********************************************/

#ft
{
    background: url(../images/ft_bg.jpg) no-repeat;
    text-align: center;
    clear: both;
    padding-top: 15px;
}

#bottomLinks a
{
    font-family: Tahoma;
    font-size: 13px;
    color: #780023;
    text-decoration: none;
}

#bottomLinks a:hover
{
    text-decoration: underline;
}

#bottomLinks li
{
    border-left: solid 1px #780023;
    line-height: 1.1;
}

#bottomLinks li.first
{
    border-left: none;
}

.centeredMenu
{
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.centeredMenu ul
{
 clear:left;
 float:left;
 position:relative;
 left:50%;
 text-align:center;
}

.centeredMenu li
{
  display:block;
  float:left;
  position:relative;
  right:50%;
  padding: 0px 8px;
}

.centeredMenu:after {

    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
}

/* This hack does it for IE */
.centeredMenu {
    *zoom: 1;
}

#bottomLogo
{
    padding-top: 35px;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 13px;
    color: #780023;
}

#btPhoneNumbers 
{
    font-family: Tahoma;
    font-size: 24px;
    color: #780023;
    font-weight: bold;
    padding-top: 4px;
}

#btPhoneNumbers span
{
    font-size: 15px;
    color: #b3b062;
}

#info
{
    font-family: Tahoma;
    font-size: 12px;
    color: #3e3e3e;
    padding-bottom: 30px;
}

#info span
{
    font-size: 10px;
}

#info a
{
    color: #3e3e3e;
    text-decoration: none;
}

#info a:hover
{
    text-decoration: underline;
}

/***********End Footer Styles ***************/