html, body {
                
  background-color          : #0a1558;
  padding                   : 0;
  margin                    : 0;
  min-height                : 100%;
  font-family               : verdana;
  font-size                 : 11px;
  
 
}                          
 #mainContainer {
  background                : url('../images/background-wide.gif');
  background-position:center;
  background-repeat:repeat-y;
 }
                           
#container {               
  width                     : 1012px;

  height                    : 100%;
  margin-right              : auto;
  margin-left               : auto;
  background-repeat         : repeat-y;
  height:100%;    
}                          

/* generic classes */
img {
  border                    : 0px;
}
.left {                    
  float                     : left;
}                          
                           
.right {                   
  float                     : right;
}
 
.italic {
  font-style                : italic;
}
.bold {
  font-weight               : bold;
}
.underline  {
  text-decoration           : underline;
}

.red {
  color                     : #ff0000;
}

.outline  {
  border                    : 1px solid black;
  width:90%;
  margin-left:auto;margin-right:auto;
}
.fullwidth {
  width                     : 100%;
}
.fifth  {
  width             : 20%;
}
.fourth { 
  width             : 25%;
}
.third  {
  width             : 33%;
}

.half {
  width             : 50%;
}

/* header */
.header {
  background-color          : #000;
  
  float:left;
          
}

.topbar {                  
  width                     : 845px;
  height                    : 25px;
  float                     : right;
  background                : url('../images/topbar.gif');
  color                     : white;
  text-align                : right;
  padding-top               : 6px;
  padding-right             : 10px;
}



.tagline {
  background-color          : #C9E2F2;
  background                : url('../images/header_bg.jpg');
  width                     : 845px;
  height                    : 20px;
  float                     : right;
  padding-right             : 10px;
  text-align                : right;
  font-size                 : 16px;
  padding-top               : 25px;
}

.leftMenu {                
  width                     : 155px;
} 

.leftMenu .item {
  color                     : white;
  width                     : 156px;
  height                    : 47px;
  background                : url('../images/button.gif');
  background-repeat         : no-repeat;
  font-size                 : 11pt;
}

.leftMenu .text {
  float                     : left;
  margin-left               : 5px;
  margin-top                : 13px;
}

.leftColumn {
  background-color          : #283C83;
  color                     : #fff;
  float                     : left;
  width                     : 207px;
}

.leftColumn a {
  color:white;
}
.leftColumn a:hover {
  color                     :#FFC221;
}
.leftColumn h2 {
  text-align                : center;
  margin                    : 0;
  padding                   : 0;
  font-size                 : 16px;
  margin-top                : 5px;
  
}

.contact {
  margin-top                : 5px;
  margin-bottom             : 5px;
  padding-top               : 10px;
  width                     : 116px;
  height                    : 28px;
  color                     : #000;
  padding-left              : 40px;
  background                : url('../images/contact.gif');
  font-size                 : 14px;
  font-weight               : bold;
}
.quickConsult {
  margin-top                : 5px;
}
.email {
  border-top                : 1px solid #F0F5F9;
}
.email p {
  margin-top                : 5px;
  margin-bottom             :0;
  padding:0;
}
.espanol {
  border-top                : 1px solid #F0F5F9;
}
.espanol p {
  padding                   : 0;
  margin                    : 0;
  margin-top                : 2px;
}
.pledge {
  text-align                : center;
  clear                     : left;
  border-top                : 1px solid #F0F5F9;
}

.footer {
  width                     : 1001px;
  height                    : 13px;
  padding-top               : 7px;
  padding-bottom            : 7px;
  padding-right             : 10px;
  background                : url('../images/bottombar.gif');
  color                     : white;
  font-size                 : 12px;
  text-align                : right;
  clear                     : both;
}

.spacer{
  margin-top                : 1px
  
}
.bullet {
  padding-left              : 2px;
  padding-right             : 2px;
  position                  : absolute;
}
.quicklinks {

  background-color          : #F0F5F9;
  width                     : 155px;
  float                     : left;
  color                     : #283C81;
  font-size                 : 11px;
  height                    : 94px;
  border-right:1px solid black;

  
}

.dashboard {
  height                    : 94px;
  width                     : 644px;
  background-color          : #0a1558;
  margin-left               : 156px;
  clear:right;
  
}
.dashboard .button {
  float                     : left;
  font-size                 : 10px;
  color                     : #283C81;
  text-align                : center;

}


.button .buttonTop {
  color                     : white;
  margin-top                : 1px;
  height                    : 68px;
  width                     : 153px;
  padding-top               : 5px;
  padding-left              : 5px;
  border-left               : 3px solid #283C81;
  
}

.button .buttonBottom {
  background                : url('../images/blue_gradient.gif');
  height                    : 16px;
  width                     : 158px;
  border-left               : 1px solid #283C81;
  font-size                 : 12px;
  padding-top               : 4px;
  border-left               : 3px solid #283C81;
  color                     : #283C81;
}

.button .buttonBottomRodeo {
  background                : url('../images/rodeo_gradient.gif');
  height                    : 16px;
  width                     : 154px;
  padding                   : 0 2px;
  border-left               : 1px solid #283C81;
  font-size                 : 12px;
  padding-top               : 4px;
  color                     : #283C81;
  border-left               : 3px solid #283C81;
}

.dashboard .button a {
  color                     : #283C81;
  text-decoration           : none;
}

a {
  color                     : blue;
}
a:hover {
  color                     :#FFC221;
}

.dashboard .button a:hover {
  color                     : #000;
}


/* Main Menu */
.menu {
  color                     : white;
  background                : url('../images/middlebar.gif') ;
  background-repeat         : repeat-x;
  width                     : 855px;
  height                    : 30px;
}


#mMenu  {
  margin                    : 0;
  padding                   : 0;
  z-index                   : 80;
  width                     : 845px;
  font-size                 : 12px;
  height                    : 27px;
  font-family               : verdana;
  /*font-weight               : bold;*/ 
  padding-right             : 10px;
  position                  : relative;
}

#mMenu li   {
  margin                    : 0;
  padding                   : 0;
  list-style                : none;
  float                     : left;
}

#mMenu li a     {
  display                   : block;
  margin                    : 0 1px 0 0;
  padding                   : 0px 12px;
  padding-top               :6px;
  padding-bottom            :8px;
  color                     : #FFF;
  text-align                : center;
  text-decoration           : none
}
	

#mMenu li a:hover   {
  background               : url('../images/middlebar_over.gif');
  color                    : black;	
}

#mMenu div  {
  position                  : absolute;
  visibility                : hidden;
  margin                    : 0;
  padding                   : 0;
  background                : #EAEBD8;
  border                    : 1px solid #5970B2
}

#mMenu div a    {
  position                  : relative;
  display                   : block;
  margin                    : 0;
  padding                   : 5px 10px;
  width                     : auto;
  white-space               : nowrap;
  text-align                : left;
  text-decoration           : none;
  /*background                : #F0F5F9; 
  color                     : #283c81;
  */
  background                : #98B5DE;
  color                     : #000;
  font-size                 : 10px;
  border-bottom             : 1px solid #283c81;
}

#mMenu div a:hover  	{	
  background                : #FFC221;
  background                : url('../images/middlebar_over.gif');
  color                     : #000
}

/*Quick Links Menu */
#qMenu {
  margin                    : 0;
  padding                   : 0;
  z-index                   : 80;
  width                     : 155px;
  font-size                 : 11px;
  height                    : 27px;
  font-family               : verdana;
  position                  : relative;
}

#qMenu li {
  margin                    : 0;
  padding                   : 0;
  list-style                : none;
  float                     : left;
}

#qMenu li a {	
  display                   : block;
  margin                    : 0 1px 0 0;
  padding                   : 0px 0px 0px 10px;
  white-space               : nowrap;
  color                     : #283C81;
  text-decoration           : none;
  padding-top               : 1px;
  padding-bottom            : 2px;
}
	

#qMenu li a:hover {
  background                : url('../images/middlebar_over.gif');
  color                     : black;	
}

#qMenu div {
  position                  : absolute;
  visibility                : hidden;
  left                      : 156px;
  margin                    : 0;
  margin-top                : -18px;
  padding                   : 0;
  background                : #EAEBD8;
  border                    : 1px solid #5970B2
}

#qMenu div a 	{	
  position                  : relative;
  display                   : block;
  margin                    : 0;
  padding                   : 5px 10px;
  width                     : auto;
  white-space               : nowrap;
  text-align                : left;
  text-decoration           : none;
  /*background                : #F0F5F9;
  color                     : #283c81;
  */
  background                : #98B5DE;
  color                     : #000;
  font-size                 : 10px;
	/*font-weight               : bold;*/
	border-bottom             : 1px solid #283c81;
}

#qMenu div a:hover 	{	
  background                : #FFC221;
  background                : url('../images/middlebar_over.gif');
  color                     : #000;
  
}

.content {
  color                     : white;
}

.center {
  background-color          : #fff;
}
.content2 {
  color                     : #000;
  background-color          : #fff;
  border-left               : 207px solid #283C81;
}

.content2 h1 {
  margin                    : 0;
  padding                   : 0;
}
.line {
  background-color          : #F0F5F9;
  height:1px;
  margin-top:1px;
  margin-bottom:1px;
  clear:right;
}
.lineRight {
  background-color          : #F0F5F9;
  height                    : 1px;
  margin-top                : 1px;
  margin-bottom             : 1px;
  clear                     : right;
}
.lineLeft {
  border-top                : 1px solid #283C81;
  background-color          : #F0F5F9;
  height                    : 1px;

  margin-bottom             : 1px;
  clear                     : both;
}

.rightCol {
  float                     : right;
  width                     : 200px;
  padding-left              : 5px;
  padding-right             : 5px;
  border-left               : 3px solid #eee;
  margin                    : 10px 0px;
}
.rightColMargin {
  margin-right              : 210px;
  border-right              : 3px solid #eee;
  
}

.rightColMargin:after {
clear:both;
}

.rightCol ul {
  padding:0;
  margin:0;
  padding-left:15px;
}
.rightCol p {
  padding-left:0;
  padding-right:0;
  margin-left:0;
  margin-right:0;

}


.content p, .content h1, .content2 p, .content2 .title {
  padding-left:10px; 
  padding-right:10px;
  padding-top:3px;
  padding-bottom:3px;
}

.content2 .title {
  background                : url('../images/title.gif');
  background-repeat         : repeat-y;
  color                     :white;
  margin-top                :18px;
  font-size                 :20px;
  padding-top:3px;
  padding-bottom:3px;
}
.subFont {
font-size:10px;
}
.title .sub {
  font-size:13px ;
}

.centerText {
text-align:center;
}

.textHeader {
font-size:24px;
}

      .info {
        border:1px solid black;
        text-align:left;
        position:absolute;
        font-size:10px;
        font-family:verdana;
        padding:2px;
        background-color:white;

      }
      .container {
        width:647px;
        height:574px;
        float:left;
        position:relative;
      }
      .container img {
        position:absolute;
        top:0px;
        left:0px;
        
      
      }
      
      .overlay {
        width:647px;
        height:572px;
        position:absolute;
        top:0px;
        left:0px;
        
        border:1px solid black;
      
      }
      
      .item {
      /*
      background-color:#ff8888;
      opacity:0.4;
      filter:alpha(opacity=40);
      border:1px solid black;
      */
      
      }
      
      .mapPoint {
        /**/
        height:30px; width:30px;
          
      }

  ul li {
    margin-top:5px;
  }
  
  /* Interactive Menu */
#iMenuContainer {
  width                     : 600px;
  height                    : 190px;
  margin-left               : 20px;
  border                    : 1px solid #283c81;
  float                     : left;
  background-color          : #313f90;
  background-image          : url('../images/interactive-background.jpg');
  background-repeat         : repeat-x;
} 

#iMenuContent {
  width                     : 385px;
  height                    : 180px;
  padding                   : 5px;
  float                     : right;
  background-color          : #fff;
  
}

.iTitle {
  font-size                 : 14px;
} 
#iMenu {
  margin                    : 0 0 0 0;
  padding                   : 0;
  width                     : 200px;
  font-size                 : 11px;
  height                    : 27px;
  font-family               : verdana;
}

#iMenu li {
  margin                    : 0;
  padding                   : 0;
  list-style                : none;
  float                     : left;
}


	

#iMenu  a:hover {
  background                : url('../images/middlebar_over.gif');
  color                     : black;	
}



#iMenu a 	{	
  display                   : block;
  margin                    : 0;
  padding                   : 5px 5px;
  width                     : 195px;
  white-space               : nowrap;
  text-align                : left;
  text-decoration           : none;
  /*background                : #F0F5F9;
  color                     : #283c81;
  */
  /*background                : #98B5DE;*/
  color                     : #fff;
  font-size                 : 11px;
	/*font-weight               : bold;*/
	
	
  
}

#iMenu div a:hover 	{	
  background                : #FFC221;
  background                : url('../images/middlebar_over.gif');
  color                     : #000;
}

.appHeader {
  background-color          : #283C81;
  color                     : #fff
}


a {
text-decoration: none;
}

.alertFailure {
	color							: red;
	font-weight				: bold;
	font-size					: 10pt;
	margin-bottom			: 10px;
	margin-left				: 10px;
	border						: 2px solid #f00;
	width							: 400px;
	margin-left       :  auto;
	margin-right       : auto;
	padding						: 10px;
	background-color	: #ffcccc;
}

.alertSuccess {
	color							: #006600;
	font-weight:bold;
	font-size					: 10pt;
	margin-bottom			: 10px;
	margin-left				: 10px;
	border						: 2px solid #006600;
	width							: 400px;
	padding						: 10px;
	background-color	: #33ff66;
}

.pepsiPage {
  /*background                : url('../images/pepsi02.jpg');*/
  font-size:11px;
}



/* New CSS */

.topBar {
  height:30px;
  width:805px;
  margin-left:207px;
  background: url('../images/topbar.png');
  background-repeat:repeat-x;
}
.topBar .number {

  color:white;
  font-size:16px;
  float:right;
  margin-right:20px;
  margin-top:5px;
  font-weight:bold;
}

.topbar .number {

  color:white;
  font-size:16px;
  float:right;
  margin-right:20px;
  margin-top:5px;
  font-weight:bold;
  }

.leftBar {
  width:     207px;
  background-color: #283c83;

  float:left;
  text-align:center;
 
}

.rightBar {
  width:160px;
  background: url('../images/rightbar.png');
  height:30px;
  float:right;
  height:309px;
  margin-top:1px;
}

.slideShow {
  width:804px;
  margin-left:207px;
  border-left:1px solid black;
}

.bottomArea {
  width:805px;
  clear:right;
  margin-left:207px;

}
.middleBar {
    background: url('../images/topbar.png');
    height:30px;
    width:805px;
    
}

.menuButton {
  margin-top:10px;
}

.midButton {
  margin-left:7px;
  float:left;
}

.centerButtons {
  height:76px;
  padding: 3px 0;
}

.bottomButtons {
  margin-top:20px;
}

.buttonBlue {
  background: url('../images/button-blue.png');
  width:100px;
  height:100px;
  float:left;
  margin-left:23px;
  text-align:center;
  color:#fff;
  padding:4px;
}
.buttonBlue a{
  color:#fff;
}

.buttonBlueLarge {
  background: url('../images/button-blue-large.png');
  width:225px;
  height:90px;
  float:left;
  margin-left:23px;
  text-align:center;
  color:#fff;
  padding:4px;
  padding-top:14px;
}

.buttonYellow {
  color:#000;
  background: url('../images/button-yellow.png');
  width:100px;
  height:100px;
  float:left;
  margin-left:23px;
  text-align:center;
  padding:4px;
}
.buttonYellow a {
  color:#000;
}


.social {
  text-align:left !important;
}

.social a {
  color:white;
  display:block;
  clear:both;
  padding-top:4px;
  
}
.social img {
  float:left;
}
.social span {
  padding-top:7px;
  display:block;
  float:left;
  margin-left:3px;
 
}