﻿/* General styles */
    body {                    /*  font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 12px;  */           
        border:0;            /*  This removes the border around the viewport in old versions of IE  */
        width:100%;
        background:#fff;
        width:995px;        /* Minimum width of layout */
                            
        font-size:90%;        
        position: relative;        
        padding:0px 30px 55px auto;
        margin:0px auto 0 auto;  
        background:#600 url(/legislative/house_republicans/images/background_shadow.png);
        background-color:#7D0000;
        background-repeat:repeat-y;
        background-position:center; 
        _background-color:#600;
        _background-image:none;
        _width:995px;
        _margin-left:10%;           
    }
    
    a {
        font-family: Arial,Verdana,Helvetica,sans-serif;
        color:#369;        
    }
    
    h1, h2, h3 {
        font-family: Arial,Verdana,Helvetica,sans-serif;
        margin:.8em 0 .2em 0;
        padding:0;
    }
    
    p {
        margin:.4em 0 .8em 0;
        padding:0;
        font-family: Arial,Verdana,Helvetica,sans-serif; 
        font-size:12px;
    }
    img {
        margin:0px 0 5px;
        border: 0;
    }
        
    /* Header styles */
#header {
        clear:both;
        float:left;
        width:100%;
        height:190px;
        position: relative;        
        margin:0;
        padding:0;
        background-repeat: no-repeat;        
    }
        
    /* Menu styles */
    
    
    #menu ul{                    
    margin:0;
    padding:0;
    list-style:none;    
    }
    
    #menu{
    float:left;    
    width:100%;
    position:relative;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top:0px;
    padding-bottom: 0;
    z-index:10;
    background-color: #600;   /* Red */
    background-image: url(/legislative/house_republicans/images/navbg.png);   /* nav bar background */
    background-repeat: repeat-x;
    background-position: 0 0;
    padding-top:0px;
    padding-left:0px;
    _width:995px;
    }
    
    #menu li{
    float:left;
    position:relative;     
    font-family: Arial,Verdana,Helvetica,sans-serif; 
    font-size: 14px;
    font-weight: 700;        
    line-height:33px;
    text-transform:uppercase;    
    margin-top: 0;        /*these control formatting of text in top nav  */
    margin-right: 0;
    margin-bottom: 0;
    margin-left: -1px;
    padding-top: 0;
    padding-right: 13px;
    padding-bottom: 0;
    padding-left: 13px;
    list-style:none;
    }
    
    #menu li a{
    color:#fff;   /* Menu link formatting - light gray */
    text-decoration:none;  
     
    }
    
    #menu li ul{    
    position:absolute;
    top:33px;
    float:left;
    left:0;
    visibility:hidden;
    background-color: #600;        
    }
    
    #menu li.hover ul{             /* required for drop-down visibility */
    visibility:visible;    
    }
    
    #menu li ul li{
    background:none;
    line-height:25px;
    float:left;    
    padding:0 0 0 1px;    
    border-bottom:1px solid #fff;  
    }
    
    #menu li ul li a{                   /* menu drop down link properties */
    line-height:25px;
    float:left;
    color:#ccc;                         /*gray */
    padding:0 10px 0 10px;
    white-space:nowrap;
    }
    
    #menu a:hover{
    text-decoration:none;
    background:none;
    }

    #menu .reddotsubnav {height:22px; padding:0px -10px 0px 10px; background:#CCCCCC; color:#000000; width:100%; font-size:12px; text-transform:none; white-space:normal; font-weight:normal; font-family: Arial,Verdana,Helvetica,sans-serif; font-size:90%;}
    #menu .reddotsubnav a:hover {text-decoration:none; background:#CCCCCC; font-family: Arial,Verdana,Helvetica,sans-serif; font-size:90%;}

        
    #menu li ul li a:hover{
    color:#fff;
    background:#003;  /* dark blue */
    }    
    
    /* column container */
    .colmask {
        position:relative;        /* fix for IE7 overflow hidden bug and stops the layout jumping out of place */
        clear:both;
        float:left;
        width:100%;                /* width of whole page */
        overflow:hidden;     
        _width:995px;   
    }
    
    /* 3 column settings */
    .layout {
        background:#C0C0C0;        /* Right column background colour */
    }
    .layout .colmid {
        float:left;
        width:200%;
        margin-left:-200px;     /* Width of right column */
        position:relative;
        right:100%;
        background:#fff;        /* Center column background colour */
        border-right:2px solid black;
    }
    .layout .colmidwide {
        float:left;
        width:250%;
        margin-left:-450px;     /* Width to cover right column */
        position:relative;
        right:100%;
        background:#fff;        /* Center column background colour */
        border-right:2px solid black;
    }
    .layout .fontwide {
        float:left;
        width:250%;
        margin-left:-460px;     /* Position of font sizer */
        position:relative;
        right:100%;
    }
    .layout .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;             /* Left column width + right column width */
        background:#181d3b;        /* Left column background color */
    }
    .layout .col1wrap {
        float:left;
        width:50%;
        position:relative;
        right:200px;            /* Width of left column */
        padding-bottom:1em;     /* Centre column bottom padding. Leave it out if it's zero */
    }
    .layout .col1 {
        margin:0 215px;         /* Centre column side padding:
                                Left padding = left column width + centre column left padding width
                                Right padding = right column width + centre column right padding width */
        position:relative;
        left:200%;
        overflow:hidden;
        _width:550px;
    }
    .layout .col1 li {font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 12px;}
    .layout .col2 {
        float:left;
        float:right;            /* This overrides the float:left above */
        width:170px;            /* Width of left column content (left column width minus left and right padding) */
        height:750px;
        position:relative;
        right:15px;             /* Width of the left-had side padding on the left column */
        _left:15px;
    }
    
    .layout .col2 h2{
    
    color: #fc0;
    font-weight: 500;
    line-height:33px;
    white-space:nowrap;
    font:18px "Times New Roman", Times, serif;
    text-transform:uppercase;  
    }
    
    .layout .col2 h2 a{
    
    color: #fc0;
    font-weight: 500;
    line-height:33px;
    white-space:nowrap;
    font:18px "Times New Roman", Times, serif;
    text-transform:uppercase;  
    }
    
    
    .layout .col2 p{
    font-family: Arial,Verdana,Helvetica,sans-serif; 
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    }
    
    
    .layout .col2 a{
    display:block;
    width:154px;
    height:29px;
    font-family: Arial,Verdana,Helvetica,sans-serif; 
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    text-decoration:none;
    white-space:nowrap;
    }
    
    .layout .col3 {
        float:left;
        float:right;            /* This overrides the float:left above */
        width:170px;            /* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;      /* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
        _padding-left: 25px;
        _margin-right: 10px;
    }

    .layout .col3 p {
        font-family: Arial,Verdana,Helvetica,sans-serif; 
        font-size: 12px;
    }

    .layout .col3 ul {
        margin-top:15px;
        }
    .layout .col3 ul li{padding-left:30px; margin-top:5px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 12px;
        }    
        .info{background:url(/legislative/house_republicans/images/info1.gif) no-repeat;}    
        .netcast{
        background:url(/legislative/house_republicans/images/info2.gif) no-repeat; 
        }        
        .video{
        background:url(/legislative/house_republicans/images/video.gif) no-repeat;
        }   
        .video-red{
        background:url(<img src="/legislative/house_republicans/files/videored.gif">) no-repeat;}
        .info-red{ background:url(/legislative/house_republicans/images/info1-red.gif) no-repeat;} 
        .info-yellow{ background:url(/legislative/house_republicans/images/info1-yellow.gif) no-repeat;}
        .email{ background:url(/legislative/house_republicans/images/email.gif) no-repeat;}
      
        .layout .col3 h3{
        font-family:verdana;font-size:120%;
        color: #003;
        font-weight: 500;
        line-height:33px;
        text-transform:uppercase;    
        white-space:nowrap;
        border-bottom:1px solid #fff;          
        }
        
    .right-thumb a img{
    width: 75px;
    padding: 3px;
    border:1px solid #666;
    margin:0px 0px 0pt 0pt;
    opacity:1;
    
    }    
    .right-thumb a img:hover{
    border:1px solid #000;
    }
    
    .more {
    float:right;    
    font:bold 11px Arial, Helvetica, sans-serif;
    color:#710000;        /* deep red */
    margin:12px 0 4px 0;
    text-decoration:none;
   }
   
   .heading {
    font:23px/34px "Times New Roman", Times, serif;
    color:#710000;    /* deep red */
    text-transform:uppercase;  
    }
    
    /* Footer styles */
    #footer {
        clear:both;
        float:left;
        width:100%;
        border-top:3px solid #000;
        background-color: #600;     
        font-family:verdana;font-size:100%;
        color: #fff;
        font-weight: 500; 
        _width:995px;
    }
    #footer a{
         text-decoration:none;
        color: #fff;
        }
    
    #footer p {
        padding:10px;
        margin:0;
    }

    #footer img {
        margin-top:10px;
    }

#reddotmain {width:995px; height:24px; background:url(/legislative/house_republicans/images/rd_main_bg.jpg) no-repeat; padding:3px 0px 0px 0px; margin:0px 0px 0px;}
#reddotmain p {margin:0px 0px 0px 0px;
           padding:0px 0px 0px 0px;
           font-family: Arial,Verdana,Helvetica,sans-serif; 
           font-size:12px;}
#reddotmain img {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:none;}

#reddotmainopen {width:980px; background:#CCCCCC; border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black;
             padding:3px 0px 0px 13px; margin:0px 0px 0px;}

#reddotmainopen p {margin:0px 0px 0px 0px;
           padding:0px 0px 0px 0px;
           font-family: Arial,Verdana,Helvetica,sans-serif; 
           font-size:12px;}

#reddotmainopen img {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:none;}

#reddotnav {width:200px; height:24px; background:url(/legislative/house_republicans/images/rd_nav_bg.jpg) no-repeat; margin-left:-15px; padding-top:3px; margin-bottom:-2px;}

#reddotnav img {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:none;}

#reddotnav a{
    display:inline-block;
    width:12px;
    height:10px;
    font-family: inherit; 
    font-size: 0px;
    font-weight: none;
    text-decoration:none;
    white-space:normal;
    }

#reddotnavopen {width:183px; height:21px; background:#CCCCCC; margin-left:-15px; padding-top:3px; padding-left:15px; border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black;  font-family: Arial,Verdana,Helvetica,sans-serif; font-size:90%;}
#reddotnavopen img {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:none;}
#reddotnavopen a{
    display:inline-block;
    width:12px;
    height:10px;
    font-size: 0px;
    font-weight: none;
    text-decoration:none;
    white-space:normal;
    }
 
#reddotlist {display:inline;}
#reddotlist img {margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; border:none;}
#reddotlist img:hover {background:#CCCCCC;}

.layout .col3 ul{list-style:none; margin:0px; padding:0px;}
.layout .col3 ul li{padding-bottom:10px;}

span.agencyName {display: none;}

#calendar { width: auto!important; margin-right: 12px!important; margin-left: 20px!important; font-size: .9em!important; margin-top: 12px; font-family: Arial, Helvetica, sans-serif!important; }
#calendar span { font-size: 1em!important; margin-bottom: 5px!important; display: block!important; }
#calendar a { color: #369;!important; text-decoration: none; }
#calendar a:hover { text-decoration: underline; }
#calendar a:visited {color: #369;}
#calendar h2 { font-size: 1.8em!important; font-family: Arial, Helvetica, sans-serif!important; margin-bottom:15px; }
#calendar .event-separator { border-top: 1px dotted #E7E7E7!important; float: none !important; height: 1px!important; margin-top: 8px !important; margin-bottom: 8px!important; }
