﻿html
{
    background: #364e83 url(../images/body-bg.jpg) repeat-x;
}

#container
{
    width: 960px;
    margin: auto;
}

#hd
{
    background: url(../images/header-bg.jpg) no-repeat;
    margin-left: -50px;
    padding: 0px 0px 36px 575px;
    _zoom: 1;
    _position: relative;
}

#mainNav
{
    *margin-top: -3px;
}

#bd
{
    background: #ffffff;
}

#twoColumns
{
    background: #ffffff url(../images/col-bg.jpg) repeat-x bottom;
    padding: 12px;
    padding-left: 20px;
}

#rightSidebar
{
    width: 283px;
    float: right;
    overflow: hidden;
}

#rightSidebar div
{
    margin-bottom: 10px;
}

#getConnected div
{
    margin-bottom: 0px;
}

#communityCenters
{
    text-align: right;
}

#mainCol
{
    margin-right: 290px;
    *margin-right: 287px;
}

#mainContent
{
    padding-right: 10px;
}

#mainContent .directorsT .separation
{
	border-right: 1px solid #666;
	padding: 0;
	margin: 0;
	width: 1px;
}
#mainContent .directorsT tr
{
		border: 1px solid #666;
}

#mainContent .directorsT td
{
		padding: 3px;
		vertical-align: top;
}

#wholePageT
{	
	width: 100%;
}

#wholePageT td
{
		padding: 7px;
		vertical-align: top;
}

/***** News itesm on the home page ********/

#newsSnippets li
{
    background: #f8f8f8 url(../images/news-bg.jpg) repeat-x bottom;
    border: solid 1px #cdcdcd;
    height: 110px;
	vertical-align: top;
    padding: 11px 10px 9px;
    margin: 10px 0;
}

#newsSnippets .thumb
{
    float: left;
    margin-right: 10px;
}

#newsSnippets h1, #getConnected h1, #slideshowContainer h1
{
    font-size: 15px;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-weight: bold;
    color: #b01541;
    padding-bottom: 3px;
}

#slideshowContainer h1
{
	margin-bottom: 0;
}

#newsSnippets p
{
    font-family: Helvetica, Verdana, Arial, sans-serif;
	*font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #353535;
}

#newsSnippets h1, #newsSnippets p
{
    margin-left: 118px;
}

#newsSnippets a
{
    font-size: 11px;
    color: #0071c7;
    text-decoration: none;
}

#newsSnippets a:hover
{
    text-decoration: underline;
}

/********* News items on home page ends ********/


#search input,select
{
    width: 209px;
	color:#AE1541;
    background-color:#E8E8E8 ;
}

#search a
{
    color: #ffffff;
    background-color: #d21234;
    display: inline-block;
    padding: 3px 5px;
    text-decoration: none;
    border-left: solid 1px #dc7d8e;
    border-top: solid 1px #dc7d8e;
    border-right: solid 1px #a80e28;
    border-bottom: solid 1px #a80e28;
}

#getConnected
{
    background-color: #f0f0f0;
    border: solid 1px #cdcdcd;
    padding: 8px 6px 0;
    overflow: hidden;
}

#getConnected h1
{
    padding-bottom: 10px;
}

.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 7px;
}

#mainNav:after, .centeredMenu:after {

    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
}

/* This hack does it for IE */
#mainNav, .centeredMenu {
    *zoom: 1;
}


.warning
{
		color: red;
}

.clear
{
    clear: both;
    height: 1px;
    overflow: hidden;
}

#tableLinks
{
    background: #ffffff; 
    font-family: Helvetica, Arial, sans-serif;
	*font-family: Arial, sans-serif;
    padding: 20px 10px 27px;  
}

#tableLinks table
{
    width: 100%;
}

#tableLinks table td
{
		vertical-align: top;
		padding: 3px;
}

#tableLinks .title
{
    font-size: 14px;
    color: #183d84;
    font-weight: bold;
    padding-bottom:1px;
}

#tableLinks a
{
    font-size: 12px;
    color: #353535;
    text-decoration: none;
}

#tableLinks a:hover
{
    text-decoration: underline;
}

#ft
{
    background: url(../images/bottom_bar.jpg) no-repeat top;
    color: #ffffff;
    text-align: center;
    padding-top: 10px;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 14px;
    position: relative;
}

#ftLogo
{
    padding: 10px 0;
    clear: both;
}

#ft a
{
    color: #ffffff;
    text-decoration: none;
}

#ft a:hover
{
    text-decoration: underline;
}

#ft .centeredMenu a
{
    font-size: 12px;
}

#copyright
{
    padding: 10px 0 50px;
    font-size: 11px;
}



#slideshowContainer
{
    position: relative;
    height: 425px;
		margin-bottom: 0;
}

.slideshowbottombar
{
    position: absolute;
    background-color:#FFFFFF;
    height:95px;
    top:330px;
    width:637px;
    opacity:0.75;
    filter:alpha(opacity=75);
}

#slideNav
{
    position: absolute;
    height:35px;
    position:absolute;
    top:390px;
    width:637px;
    z-index: 90;
}

.slideText
{
    position: absolute;
    height:95px;
    top:330px;
    width:637px;
    padding: 10px 0 5px 10px;
    z-index: 1000;
}

.slideText h1
{
    font-size: 23px;
    color: #a12c2c;
}

.slideText a
{
    text-decoration: none;
    font-size: 15px;
    color: #0071c7;
}

#slideNav ul
{
    float: right;
    padding: 0 10px 0 0;
}

#slideNav li
{
    float: left;
    text-align: center;
}

#slideNav a
{
    display: block;
    height: 30px;
    background: url(../images/slideNum.png) no-repeat;
    color:#FFFFFF;
    font-weight:bold;
    padding:4px 0;
    text-decoration:none;
    width:29px;
    font-size: 16px;
}

#slideNav a.activeSlide
{
    background: url(../images/slideNum-active.png) no-repeat;
}

/*****************************************************/
/****************Right Side Menu starts **************/
/*****************************************************/

#rightSideMenu
{
    background: #FFFFFF url(../images/col-bg.jpg) repeat-x center bottom;
    border: solid 1px #cccccc;
}

#rightSideMenu li
{
    /**border-bottom: solid 1px #eeeeee;*/
    *zoom: 1;
}

#rightSideMenu li ul
{
    margin-left: 15px;
}

#rightSideMenu li a
{
    display: block;
    padding: 2px 5px;
	font-size: 14px;
    color: #AE1541;
    text-decoration: none;
}

#rightSideMenu li a:hover, #rightSideMenu li a.selected
{
    background: #ae1541;
    color: #ffffff;
}

#rightSideMenu li a.arrow
{
    float: left;
    visibility: hidden;
    outline: none;
}

#rightSideMenu li a.arrow:hover
{
    background: none;
}

/*****************************************************/
/****************Right Side Menu ends **************/
/*****************************************************/


#stateMap
{
    margin-top: 20px;
}



/* admin_login.aspx */
#login table
{
    margin: 50px 0 0 100px;
    border: solid 1px #cccccc;
    width: 400px;
}

#login th, #login td
{
    padding: 3px 5px;
}

#login .top th, #login .top td
{
    padding-top: 20px;
}

#login th
{
    text-align: right;
    font-weight: normal;
}

#login .title
{
    background-color: #ae1541;
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    border: solid 1px #ae1541;    
}

#login .loginButton
{
    border: solid 1px #ae1541;
    color: #ae1541;
    background-color: #ffffff;
    cursor: pointer;
}

.instructions
{
    margin-bottom: 60px;
}

.gridview td, .gridview th
{
    padding: 4px;
}

.gridview tr,.gridview2 tr
{
    background-color: #f1f1f1;
}

.gridview tr.altrow
{
    background-color: #ffffff;
}

.gridview tr th, .gridview tr th a, .detailsviewheader,.gridview2 tr th, .gridview2 tr th a
{
    background-color: #c6ddf7 !important;
    color: #ae1541 !important;
    font-weight: bold !important;
}

.detailsviewfieldheader
{
    background-color: #dcdddf;
    font-weight: bold;
    width: 125px;
}

.leftIndented
{
    margin-left: 28px;
}

.detailsview td, .detailsview th, .gridview2 td, .gridview2 th
{
    padding: 4px;
}

#hd.conference
{
    height: 217px;
    background: url(../images/conference-header.jpg) no-repeat;
    margin:0 0 0 -2px;
    padding:0;
}

#hd.conference img
{
    display: none;
}

#conferenceLinks
{
    background: #c23534;
    padding: 15px;
    font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	*font-family: Arial, Verdana, sans-serif;
    color: #ffffff;
}

#conferenceLinks h1
{
    font-size: 22px;
    font-weight: bold;
}

#conferenceLinks li
{
    list-style-type: disc;
    list-style-position: inside;
    padding: 5px 0;
}

#conferenceLinks li a
{
    color: #ffffff;
    text-decoration: none;
    font-size: 17px;
}

#conferenceLinks li a:hover
{
    text-decoration: underline;
}

#conferenceLinks li li
{
    padding-left: 20px;
    list-style-type: none;
}
