@charset "utf-8";
/* VOA Styles */

body {
    padding:0;
    margin:0;
    background-color: #EEEEEE;
    height: 100%;
    width: 100%;
    background: url(images/page-background.png);
}


/*---- main content formatting ----*/

h1, h2, h3, h4, h5, h6, p, ul, ol {
    margin: 0px;
    padding: 0px;
}

ol, ul {
    list-style: none;
}

a {
    outline:none;
}
a img { 
    border: none;
}

#wrapper {
    background: #FFFFFF url(images/VOABackground.png) no-repeat;
    width: 1000px;
    margin-left:auto;
    margin-right:auto;
    text-align: left;
}

#banner    {
    background: #FFFFFF;
    width:auto;
    height:auto;
}

#left_column    {
    margin: 0px;
    padding: 0px;
    width: 663px;
    height:auto;
    float:left;
}

#container #left_column {
    padding-top:137px;
}
    
#big_play    {
    width: 663px;
    margin-top:5px;
}

#candidate_profiles    {
    width: 663px;
    float:left;
    margin: 20px 0px 0px 20px;
}

#election_process    {
    width: 663px;
    float:left;
    margin: 20px 0px 0px 20px;
}

#the_issues    {
    width: 663px;
    float:left;
    margin: 20px 0px 0px 20px;
}

#right_column    {
    margin: 3px 0px 0px;
    text-align:right;
    padding:0px 14px 0px 0px;
    float:left;
    width:323px;
}

#news    {
    padding-left:6px;
}

#homepage_widget {
    margin-top:20px;
    padding-left:30px;
}

#video    {
    margin-top:20px;
    padding-left:18px;
}

#daily_poll    {
    margin-top:15px;
    width:305px;
    float:right;
}

#badges    {
    width: 305px;
    margin-top:15px;
    text-align:center;
    float:right;
}

.badge {
    padding:10px 0px;
}

#dotted_line    {
    margin-top:45px;
    margin-bottom:30px;
}

#recent_articles    {
    width: 280px;
    padding-left:35px;
    float:left;
}

#recent_discussions    {
    width: 280px;
    padding-left:35px;
    float:left;
}

.clear    {
    clear:both;
}

p {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#333333;
}


#menu {
    background: url(images/VOAMenuHeader.png) no-repeat 0 0;
    height:23px;
    padding-left:10px;
}

#menu a, #menu a:link, #menu a:visited, #menu a:hover, #menu a:active{
    color:#DDDDDD;
    font-weight:bold;
    text-decoration: none;
    outline:none;
    font-family:arial;
    font-size:14px;
}               

#menu #menuCurrent a{
    color:#FFFFFF;
}

#menu .smallCurr {
    background:url(images/MenuHeaderHighlightSmall.gif) no-repeat center 0;
}

#menu .medCurr {
    background:url(images/MenuHeaderHighlightMed.gif) no-repeat center 0;
}

#menu .largeCurr {
    background:url(images/MenuHeaderHighlightLarge.gif) no-repeat center 0;
}

#menu ul {
    padding-top:1px;
}

#menu li {
    float:left;
    margin-right:15px;
    height:22px;
}

#menu li.small {
    width:50px;
    text-align:center;
}

#menu li.med {
    width:90px;
    text-align:center;
}

#menu li.large {
    width:130px;
    text-align:center;
}

#menu li.small:hover  {
    background:url(images/MenuHeaderHighlightSmall.gif) no-repeat center 0;
}

#menu li.med:hover  {
    background:url(images/MenuHeaderHighlightMed.gif) no-repeat center 0;
}

#menu li.large:hover  {
    background:url(images/MenuHeaderHighlightLarge.gif) no-repeat center 0;
}

#menu li.small:hover a, #menu li.med:hover a, #menu li.large:hover a {
    color:#FFFFFF;
}

#menu img {
    padding-top:2px;
}

#about {
    padding: 20px 50px;
    text-align:left;
}

#about .heading {
    font-weight:bold;
    font-size:18px;
}

#about p {
    padding: 10px 0px;
}

#about .address {
    padding:0px;
}
/*----- Footer ----- */
#footer    {
    background-color: #262626;
    width: 1000px;
    height: 110px;
    clear:both;
    margin-top:45px;
    font-family:Arial, Helvetica, sans-serif;
}

#ka_footer {
    display: none;
}

#lower_footer_cont, #upper_footer_cont {
    font-size: 12px;
}

#lower_footer_cont a {
    color: #FFFFFF;
    text-decoration: none;
}

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

#upper_footer_cont {
    background: #FFFFFF;
    width: 1000px;
    margin: 0 auto;
}
#upper_footer {
    width: 832px;
    height: 33px;
    background: #f0f0f0 url(images/upperfootbg.gif) top left no-repeat;
    margin: 0 auto;
}

#upper_footer ul {
    padding-top: 10px;
    margin-left: 20px;
}
#upper_footer ul li {
    float: left;
    margin-right: 10px;
    border-left: 1px solid #333333;
    padding-left: 5px;
    font-size: 12px;
}

#upper_footer ul li.first {
    border: none;
}

#upper_footer ul li a {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}

#upper_footer ul li a:hover {
    color: #555555;
    text-decoration: underline;
}


#upper_footer ul li a:visited {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}

#upper_footer ul li a:visited:hover {
    color: #555555;
    font-weight: bold;
    text-decoration: underline;
}

#lower_footer_cont{
    background-color: #262626;
    padding-top: 15px;
}

#lower_footer {
    width: 832px;
    margin: 0 auto;
    background: #4d4d4d url(images/lowerfootbg-top.gif) top left no-repeat;
}

#footer_browse {
    width: 487px;
    padding-left: 10px;
    margin-top: 5px;
    border-right: 2px solid #393939;
    font-weight: bold;
    float:left;
    padding-bottom: 5px;
}

#footer_rss {
    float: right;
    margin-top: 5px;
    padding-right: 10px;    
}

#footer_rss a {
    background: url(images/rss_icon_sml.gif) 100% 50% no-repeat;
    padding-right: 30px;
}

#footer_tos {
    clear:both;
    border-top: 2px solid #393939;
    padding: 5px;
    background: url(images/footer_tos_bg.gif) repeat-y;
}

#footer_tos a    {
    text-decoration: underline;
    color:#FFFFFF;
}

#footer_tos a:hover    {
    text-decoration: none;
    color:#999999;
}

#footer_tos a{
    text-decoration: underline;
    color:#FFFFFF;
}

#footer_copyright {
    border-top: 2px solid #393939;
    padding-left: 5px;
    background-color: #424242;
    margin-bottom: 0;
}

#footer_copyright p {
    background: url(images/voa_footer_logo.gif) #424242 0 50% no-repeat;
    padding-left: 55px;
    float:left;
    margin-top: 11px;
    min-height: 22px;
    margin-bottom: 0;
    color: #999999;
}
    
.footer_logo  {
    float:right;
}

#footer_voalink {
    float:right;
}

iframe {
    width:640px; 
    max-height:1000px;
    margin:20px 0 10px 15px;
    padding:0 0 0 3px;
    border:1px solid #ccc;
}
iframe body {
    background: none;
}

.pageDesc {
    font-family:verdana;
    font-size:13px;
    padding:0px 30px;
}

#superWrapper {
    background:transparent url(images/VOADropShadow.png) repeat-y scroll 0%;
    margin-left:auto;
    margin-right:auto;
    width:1020px;
}

#nopoll a {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}

#nopoll a:hover {
    color: #555555;
    text-decoration: underline;
}

.issues_column {
    width:1000px;
    height:137px;
    background: transparent url(images/landing_issues.png) no-repeat 0 0;
}

.election_column {
    width:1000px;
    height:137px;
    background: transparent url(images/landing_Process.png) no-repeat 0 0;
}

.candidates_column {
    width:1000px;
    height:137px;
    background: transparent url(images/landing_candidates.png) no-repeat 0 0;
}

.conventions_column {
    width:1000px;
    height:137px;
    background: transparent url(images/landing_conventions.png) no-repeat 0 0;
}

.debates_column {
    width:1000px;
    height:137px;
    background: transparent url(images/landing_debates.jpg) no-repeat 0 0;
}

.inauguration_column {
    width:1000px;
    height:137px;
    background: transparent url(images/LandingInauguration09.jpg) no-repeat 0 0;
}

.firsthundreddays_column {
    width:1000px;
    height:137px;
    background: transparent url(images/First100DaysLanding.jpg) no-repeat 0 0;
}


.electoral_column {
    width:1000px;
    height:137px;
    background: transparent url(images/states-in-the-balance.jpg) no-repeat 0 0;
}

.election_day_column {
    width:1000px;
    height:137px;
    background: transparent url(images/ELECTION_2008_landing_page.jpg) no-repeat 0 0;
}

.challenges_column {
    width:1000px;
    height:137px;
    background: transparent url(images/Landing_Challenges_New_Admin_Revised.jpg) no-repeat 0 0;
}

.newcabinet_column {
    width:1000px;
    height:137px;
    background: transparent url(images/BP_Landing_Whats_Next.jpg) no-repeat 0 0;
}

#most_recent {
    padding-left:18px;
    margin-top:15px;
}

#cand_table_div {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-left:20px;
}

#cand_table_div .header, #cand_table_div .header a {
    font-weight:bold;
    color: #7E0001;
    font-size:16px;
    outline:none;
}

#conventions_desc .header, #conventions_desc a, #conventions_pics .header, #conventions_pics a, #conventions_links .header, #conventions_links a {
    font-weight:bold;
    color: #7E0001;
    outline:none;
}

#cand_table td img {
    display: block;
}

#issues_cloud {
    text-align:center;
    margin:0px;
    padding:0px;
}

#conventions_desc {
    text-align:center;
    padding-left:18px;
    font-family:Arial,Helvetica,sans-serif;
}

#conventions_pics, #conventions_links {
    font-family:Arial,Helvetica,sans-serif;
}

#conventions_links {
	padding:0px 5px;
}

#conventions_content {
    padding-left:18px;
    margin-top:20px;
}

#convention_badge {
    background:transparent url(images/convention_badge.png) no-repeat 0 0;
    width:339px;
    height:76px;
    margin-top:-3px;
    margin-left:-2px;
	cursor:pointer;
}

.index_right {
	text-align:left !important;
}
.index_right #daily_poll {
	float:none !important;
	padding-left:6px;
}

#sub-menu {
    clear:both;
    font-size:14px;
    height:49px;
    font-family:Arial,Helvetica,sans-serif;
}
#sub-menu ul {
    margin-left:170px;
    padding-top:15px;
}
#sub-menu li {
    height:22px;
    margin-right:10px;
    text-align:center;
    width:105px;
    float:left;
}
#sub-menu ul li a {
    color:#DDE9F4;
    display:block;
    font-weight:bold;
    height:22px;
    padding-top:3px;
    text-decoration:none;
    width:105px;
}
#sub-menu ul li a:hover {
    background:transparent url(images/subnav-on.gif) no-repeat scroll 0pt 50%;
}
#sub-menu.joinin {
    background:#FFFFFF url(images/navbg-joinin.gif) no-repeat scroll left top;
}
#kickappslinks {
    height:16px;
    margin-top:6px;
    font-family:normal,"Lucida Grande",arial,tahoma,sans-serif;
    font-size:83%;
}
#kickappslinks #loginlinks {
    float:left;
}
#kickappslinks #loginlinks ul {
    margin-left:17px;
}
#kickappslinks #loginlinks li {
    float:left;
    margin-right:6px;
}
#kickappslinks #loginlinks a {
    color:#0066CC;
}
#kickappslinks #loginlinks a:hover {
    text-decoration:none;
}
#kickappslinks #invitefriends {
    float:right;
    background:transparent url(images/sprite_media.gif) no-repeat scroll 0pt -675px;
    padding-left:22px;
    padding-top:1px;
    margin-right:16px;
    font-weight:bold;
}
#kickappslinks #invitefriends a {
    color:#000000;
    text-decoration:none;
}
#kickappslinks #invitefriends a:hover {
    color:#FF0000;
    text-decoration:none;
}
#featuredGroup {
    background:transparent url(images/featuredGroup.gif) no-repeat;
    text-align:left;
    height:260px;
    width:305px;
    float:right;
}
#featuredGroup #featuredGroupContent {
    padding:40px 10px 5px 10px;
}
#featuredGroup .header {
    font-weight:bold;
    font-size:18px;
    color:#7E0001;
}
#featuredGroup .established {
    font-size:16px;
    color:#7E0001;
}
#featuredGroup .text {
    padding-top:20px;
    height:95px;
}
#featuredGroup .links a {
    color:#7E0001;
    font-weight:bold;
}
#featuredGroup .links .linksLeft {
    float:left;
}
#featuredGroup .links .linksRight {
    float:right;
}
#recentMembers {
    margin-top:15px;
}
#communityActivity {
    margin-top:15px;
    padding-left:18px;
}
.clearer {
    clear:both;
}
#daily_poll .pds-textfield {
    border:1px solid #000000 !important;
    margin-left:20px !important;
    width:85% !important;
}
#hotTopic {
    background: transparent url(images/VOAHotTopic.gif) no-repeat;
    height:455px;
    width:617px;
    margin:15px 0px 0px 20px;
    padding:45px 10px 0px 10px;
}
#hotTopic .question .title {
    font-weight:bold;
}
#hotTopic #HTresponse, #hotTopic #HTresponseLabel {
    width:300px;
}
#hotTopic #HTname, #hotTopic #HTnameLabel {
    width:150px;
    margin:0px 25px 0px 10px;
}
#hotTopic #HTresponseLabel {
    float:left;
}
#hotTopic #HTnameLabel {
    float:left;
    padding-left:8px;
}
#hotTopic .error {
    border:2px solid #FF0000;
}
#hotTopic #responses {
    clear:both;
    padding-top:10px;
    border-top:2px solid #000000;
    overflow-x:hidden;
    overflow-y:scroll;
    height:360px;
}
#hotTopic #responses .response {
    padding-bottom:10px;
}
#hotTopic #responses .responseName {
    text-decoration:underline;
}
#featuredGroupTitle {
    padding-left:20px;
    margin-top:15px;
}

#featuredGroupTitle .groupName {
    font-size:26px;
    font-weight:bold;
    padding-bottom:10px;
    color:#7E0001;
}

#groupResources {
    margin-top:15px;
    text-align:left;
    background:transparent url(images/groupResources.gif) no-repeat;
    height:455px;
    width:285px;
    padding:40px 10px 5px;
    float:right;
}

#groupResources a {
    color:#7E0001;
}

#groupResources .header {
    font-weight:bold;
    font-size:18px;
    color:#7E0001;
}

#groupResources .date {
    font-size:12px;
    color:#7E0001;
}

#groupResources .resource {
    height:100px;
    overflow:hidden;
    padding-top:5px;
}

#groupResources .resource.border {
    border-bottom:1px solid #000000;
}