container {
background: #827970;
}

body, table {
margin:0;
padding:0;
font-family:arial, helvetica, sans-serif;
font-size:12px;
}

div#body{
width:983px;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
margin-bottom: 20px;
background-color:white;
}

div#header{
background:0 0 no-repeat url('/HoustonImages/Houston_top.gif') #04266e;
height:65px;
padding:40px 0 0 0/* dtw 725px */;
width:984px;
}


input#searchTxt{
margin: 0;
padding:0;
display:block;
float:left;
}

input#searchSubmitBtn{
margin:1px 0 0 10px;
padding:0;
display:block;
float:left;
}

div#topHalf{
padding:0 0 0 702px;


height:317px;
background:0 0 no-repeat url('/HoustonImages/home_promo.jpg');
}

span#careerCenter{
display:block;
position:relative;
height:118px;
width:281px;
background:0 0 no-repeat url('/HoustonImages/career_center.gif');
}

span#careerCenter span{
display:none;
}

span#careerCenter a{
position:absolute;
display:block;
bottom:0;
right:0;
width:70px;
height:64px;
/*background:green;*/
}

span#careerCenter a span {
display:none;
}

form#loginForm{
background:#bbc2cc;
padding:0 0 0 40px;
margin:0;
height:151px;
}

h3#loginHdr{
width:282px;
height:0;
padding:48px 0 0 0;
margin:0;
overflow:hidden;
background:0 0 no-repeat url('/houstonImages/member_top.jpg');
}

form#loginForm span{
color:#5f5f66;
font-size:10px;
}

#loginBtn{
vertical-align:middle;
}

form#loginForm a:link, form#loginForm a:visited, form#loginForm a:hover, form#loginForm a:active{
font-weight:bold;
text-decoration:none;
color:#000;
}

div#bottomHalf{
float:left;
overflow:hidden;
}

div#explore{
float:left;
width:387px;
}

div#explore h3{
width:387px;
height:0;
padding:40px 0 0 0;
margin:0;
overflow:hidden;
background:0 0 no-repeat url('/houstonImages/text_explore.gif');
}

div#movie{
margin:8px 0 0 25px;
}

div#spotlight{
float:left;
width:259px;
margin:0 0 0 32px;
padding:0 23px 0 0;
}

div#spotlight h3{
width:259px;
height:0;
padding:40px 0 0 0;
margin:0;
overflow:hidden;
background:0 0 no-repeat url('/houstonImages/text_spotlight.gif');
}

div#spotlight ul {
    margin:25px 0 0 25px;
    padding:0;
    color:#9e0000;
}

div#spotlight ul li {
    margin:15px 0;
}

div#spotlight ul li span {
display:inline;
color:#4c636a;
}

div#spotlight li a:link, div#spotlight li a:visited, div#spotlight li a:hover, div#spotlight li a:active {
color:#4c636a;
font-weight:bold;
}

span#moreLnk a:link, span#moreLnk a:visited, span#moreLnk a:hover, span#moreLnk a:active {
color:#333;
font-weight:bold;
text-decoration:underline;
}

span#moreLnk{
display:block;
text-align:right;
color:#333;
font-weight:normal;
}

div#needCPA{
position:relative;
float:left;
width:282px;
height:308px;
background:0 0 no-repeat #eaeef3 url('/HoustonImages/need_cpa.gif');
/* filled 100% height of browser in IE
when these lines were present-looked fine in FF
margin:0 0 -500px 0;
padding:0 0 500px 0;
*/
}

div#needCPA h3, div#needCPA span {
display:none;
}


div#needCPA a{
display:block;
width:60px;
height:60px;
margin:220px 0 0 210px;
/*background:green;*/
}


ul#footer {
background:#20336d;
float:left;
/*font-size:1.1em;*/
list-style-type:none;
display:inline;
padding:8px 0;
margin:0;
width:100%;
}

ul#footer li{
float:left;
color:#fff;
font-size:1.1em;
font-weight:bold;
}

ul#footer li#first{ margin-left:25px; }
ul#footer li#second{ margin-left:90px; }
ul#footer li#third{ margin-left:90px; }
ul#footer li#fourth{ float:right; margin-right:40px; }

dev#LeftNav {
background-color: #827970;
background-color: #996666;
color: #cccc99;
}

.copyright {
color: white;
font-weight:bold;
display: block;
float:right;
}



/*Customized Styles for Houston */


/* Navigation Styles */
h3.navHdr{
height:35px;
margin:0;
padding:0;
border-bottom: 1px solid #afafaf;
font-size: 1.5em;
}

h3.navHdr a:link, h3.navHdr a:visited, h3.navHdr a:active, h3.navHdr a:hover{
display:block;
margin:0;
/*
padding below is to accommodate the bg graphic (was it an arrow to left and maroon line beneath?)
both bottom and left padding will likely have to be adjusted to work right
*/
padding:0 0 8px 20px;
/* the 'left bottom' shoudl keep the bg graphic to left and bottom of text */
background: left bottom no-repeat url('/* img here */');
text-decoration:none;
color: white;
}


a.navLnk:link, a.navLnk:visited, a.navLnk:active, a.navLnk:hover,
a.navLnk3:link, a.navLnk3:visited, a.navLnk3:active, a.navLnk3:hover,
a.navLnk4:link, a.navLnk4:visited, a.navLnk4:active, a.navLnk4:hover,
a.navLnkSelected:link, a.navLnkSelected:visited, a.navLnkSelected:active, a.navLnkSelected:hover 
{
display:block;
/*height:25px;*/
margin:0;
/*padding: 10px 0 0 20px;*/
padding: 10px 0 10px 20px;
text-decoration:none;
border-bottom: 1px solid #afafaf;
color:white;
}


a.navLnk:active, a.navLnk:hover,
a.navLnk3:active, a.navLnk3:hover,
a.navLnk4:active, a.navLnk4:hover,
a.navLnkSelected:active, a.navLnkSelected:hover
{
/*
below: 10px moves img in 10px from left. 0 moves it 0 down from top.
obviously, replace my img referenced below...
*/
/*background: 10px 0 no-repeat url('http://www.pscouncil.org/am/graphics/red_arrow.gif');*/
color:white;
text-decoration:underline;
}

a.navLnkSelected:link, a.navLnkSelected:visited, a.navLnkSelected:active, a.navLnkSelected:hover {
font-weight:bold;
text-decoration:underline;
color:white;
}


a.navLnk3:link, a.navLnk3:visited, a.navLnk3:active, a.navLnk3:hover {
padding: 10px 0 10px 40px;
}

a.navLnk4:link, a.navLnk4:visited, a.navLnk4:active, a.navLnk4:hover {
padding: 10px 0 10px 60px;
}



/*dtw */

div#InteriorPageContentContainer{
float:left;
background:0 0 repeat-y url('/houstonImages/navbackground.gif');
}

div#LeftNav{
float:left;
}

div#mainContent{
float:left;
width:769px;
border:none;
}

div#content{
padding:0 15px;
width:739px;
}



div#greyPageContainer
{
padding:0 15px 15px 15px;
width:986px;
background:#807f84;
margin: 0 auto;
}
div#whitePageContainer{
padding:1px;
background:#fff;
float:left;
}

body{
background:#efefef;
}

div#unav{
text-align:right;
padding:8px 0;
}


a.WhiteLink,a.WhiteLink:link, a.WhiteLink:visited,a.WhiteLink:hover,a.WhiteLink:visited:hover, span.WhiteText
{font-size: 12px; font-weight:normal; color: white; text-decoration:none;}

a.WhiteLink:hover,a.WhiteLink:visited:hover
{text-decoration:underline}