body 
{
  /* background: url("images/bg.png") repeat scroll left top #3B5466; */
  /* background: url("images/background2.png") repeat-x scroll 0 0  #7A99B1; */
  background: url("images/background2.png") repeat-x scroll 0 0  #7A99B1; 
    font-size: 12px;
    line-height: 1.231;
    margin: 0;
}

body, button, input, select, textarea {
    color: #222222;
   /* font-family:"Times New Roman",Georgia,Serif;*/
    font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
}
#header-background
{
    width:100%;
    height:120px;
  /*  background-color:#2D3750; */
    z-index: -50;
    position:relative; 
}

.page
{
   /* background: url("images/navbackground.png") repeat-y scroll left top; */
   /* background-color:#062a44; */
    width:1100px;
    height:100%;
    min-height: 700px;
    margin-left:auto;
    margin-right:auto;
    -moz-box-shadow: 0 0 2px 2px #7A99B1;
    -webkit-box-shadow: 0 0 2px 2px #7A99B1;
    box-shadow: 0 0 5px 5px #7A99B1; 
    border:1px solid #7A99B1; /*IE 8 just show a solid border.*/ 
    margin-top:-120px;
    position:relative;
}

article, aside, div, dt, figcaption, footer, form, header, hgroup, html, map, nav, section {
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    color: #475D68;
    line-height: 15px; /*JJS CR7264 modified line-height from 10px to 15px, if the header item went to another line it was running into it's self.*/
    text-shadow: 0 1px 0 #FFFFFF;
}

h1 {
    display: block;
    font-weight: bold;
    margin: 0.67em 0;
    font-size: 22px;
}

ul, menu, dir {
    display: block;
}

ul, ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

/*JJS CR7251 Links needed a more defined look, the were a darker blue.  Changed to use the lighter blue and underlined.*/
a {
    color: #0c436c; /*#2D5672;*/
    text-decoration: underline;
}

p 
{
    color: #2A3640;
    font-size: 12px;
}



.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
#header-surround {
   /* background: url("images/shadow-bottom.png") repeat-x scroll left bottom transparent; */
   /* padding-bottom: 14px; */
    position: relative;
    z-index: 50;
}

#header
{
   /* background: url("images/header-bg2.png") repeat-x scroll left top transparent;*/
    height: 120px;
    position: relative;
    z-index: 30;
}

#header .header-title
{
   color: #fff;
    line-height: 30px;
    font-size: 36px;
    text-shadow: 0 1px 0 #000000;
    margin-top:0;
    margin-left:190px;
    padding-top:15px;
    padding-left:10px;
    /* width:400px; */
}

#header-title h1
{
    
}

.logo {
    float: left;
    margin-left: 45px;
    padding-top:5px;
    height:115px;
}

.divider-vertical {
    background: url("images/divider.png") no-repeat scroll left top transparent;
    height: 60px;
    overflow: hidden;
    width: 2px;
}

.divider-header {
    margin-left: 260px;
    position: absolute;
}

img {
    border: 0 none;
    vertical-align: middle;
}

#user-info {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    color: #EBEBEB;
}


#user-info a {
    color: #EBEBEB;
    font-weight: 700;
    text-decoration: none;
   /* margin-right: 10px; */
}

#user-info span {
    color: #EBEBEB;
    font-weight: 700;
    margin-right: 10px;
    text-decoration: none;
}

#sidebar 
{
    float: left;
    position: absolute;
    width: 200px;
    z-index: 30;
    margin-top:2px;
}

#sidebar-imagelinks
{
    text-align:center;
    
}

#sidebar-imagelinks img
{
    width:100px;
    margin-top:10px;
    
}


#register
{
    height:85px;
    overflow:hidden;
}

#main 
{

    margin-left: 200px;
   
}

#main > #main-content 
{
    background: url("images/main-bg.png") repeat-x scroll center top #FAFAFA;
    margin-top: 2px;
    margin-bottom: 2px;
    min-height: 700px;
    padding-top: 10px;
    padding-bottom: 30px;

}

#footer {
   /* background: url("images/footer-bg.png") repeat-x scroll left bottom transparent;*/
   /* background-color:#062a44; */
    height: 175px;
    width: 100%;
    z-index: 1000;
}
#footer > #footer-social
{
    display:inline-block;
    min-width:200px;
    width:200px;
}

#footer > #footer-social span
{
    display:block;
    color: #FFFFFF;
    text-align:center;
    font-size:16px;
}

#footer > #footer-social img
{
padding: 5px 5px;
}

#footer > #footer-social > #footer-icons
{
    width:100px;
    padding-left:50px;
}

#footer > #footer-maintain
{
    display:inline-block;
    width:800px;
}

#footer > #footer-maintain h4
{
    color:Gray;
    color:#FFFFFF;
    font-style:normal;
    text-shadow: 0 0 0 #062a44;
    line-height:20px;
    font-size:11px; /*CR7326 modified font-size to size text to two lines*/
}

/*CR7326 added to display the h4 tags inline.*/
#footer-maintain .contactinfo h4
{
    display:inline; 
}

/*CR7326 added to indent the second and rest of the h4 tags in the contactinfo area.*/
#footer-maintain .contactinfo > h4+h4
{
    margin-left:15px;    
}


.shadow-bottom {
    background: url("images/shadow-bottom.png") repeat-x scroll left bottom transparent;
    position: relative;
    z-index: 30;
}

.view-container {
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
    margin-bottom: 50px;
}



/* content areas */
.content-width
{
    width: 98%;
    display: inline;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    float: left;
}

.content-third-width
{
    display: inline;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    width: 31.333%;
}

.content-half-width
{
    display:inline;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    float: left;
    width: 47%;
}

.content-quarter-width
{
    display: inline;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    width: 23.333%;
}







div.committee {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

div.committee-name 
{
    color: #515151;
    display: inline-block;
    overflow: hidden;
    padding: 10px 5px;
    position: relative;
    font-size:16px;
    width:90%;
}

div.committee-map
{
    color: #515151;
    display: inline-block;
    overflow: hidden;
    padding: 10px 5px;
    position: relative;
}