﻿body
{
    background-color: #FFFFFF;
    background-image: url(Images/Background_Gradient3.jpg);
    background-repeat: repeat-x;
    text-align: center;
    font-family:Arial, Helvetica, san-serif;
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 0;

}

ul
{
    text-decoration: none;
    list-style: none;
}
  
.articlelist
{
    margin-bottom: 5px;
}


.floatright
{
    float: right;
}

.floatleft
{
    float: left;
}

.menuitem
{
    border: outset 1px black;
    background-color: gray;
    color: white;
    padding: 4px;
}

.navhighlight
{
    background-image: url(Images/highlight.jpg);
    background-repeat: repeat-x;
    background-position:bottom;
        
}

.secondarynavhl
{
    font-weight:bold;    
    background-image: url(Images/SecondaryNavHL.jpg);
    background-repeat: repeat-y;
    text-decoration: none;
    min-height: 20px;

}

.kslogo
{
    margin-top: -80px;
}

.englishnav
{
   display:block;
   margin: 0 0 0 1px;
   padding: 12px 27px 15px 27px; 
   text-decoration:none;
}

.spanishnav
{
   display:block;
   margin: 0 0 0 1px;
   padding: 12px 22px 15px 22px; 
   text-decoration:none;     
}

.toppanel
{
    height: 200px;
    width: 996px;
    background-image: url(Images/Header.jpg);
}

.toppanelspanish
{
    height: 200px;
    width: 996px;
    background-image: url(Images/HeaderSpanish.jpg);
}

.pictureleft
{
    float: left;
    margin-left:45px;
    margin-right: 8px;
}

.ctr
{
    text-align:center;
}

.bumpdown
{
    margin-top: 10px;
}

.right
{
    right: 0px;
}

h2.homepageh2
{
	margin-bottom: -15px;
}


.spanishanchor
{
    display: inline-block;
    width: 280px;
    height: 70px;
    top: 677px;
    background-image: url(Images/Espanol.jpg);
    background-position: left top;
}
.spanishanchor:hover
{
    border: 0;
    background-position: left -70px;
}
.spanishanchor:visited img {border: 0; }



.englishanchor
{
    display: inline-block;
    width: 280px;
    height: 70px;
    top: 677px;
    background-image: url(Images/English.jpg);
    background-position: left top;
}
.englishanchor:hover
{
    border: 0;
    background-position: left -70px;
}
.englishanchor:visited img {border: 0; }

.interestleft
{
	width:280px;
	height:200px;
	float:left;
	border:0;
	border-style:none;
	margin-left:39px;
	margin-top: 10px;
	background-image:url(Images/StayInformed.jpg);
}
.interestleftspanish
{
	width:280px;
	height:200px;
	float:left;
	border:0;
	border-style:none;
	margin-left:39px;
	margin-top: 10px;
	background-image:url(Images/StayInformedS.jpg);
}

/*.interestleft
{    
    float: left;
    border: 0;
    border-style: none;
    text-decoration: none;
    margin-left: 39px;
    margin-top: 10px;    
}
.interestleft a img { border: 0; }
.interestleft a:hover img {border: 0; }
.interestleft a:visited img {border: 0; }
*/

.interestright
{
    float: right;
    border: 0;
    border-style: none;
    text-decoration: none;
    margin-right: 39px;
    margin-top: 10px;
}
.interestright a img { border: 0; }
.interestright a:hover img {border: 0; }
.interestright a:visited img {border: 0; }

.smalltext {font-size:.85em;}

.underline
{
	text-decoration:underline;
}


#wrapper 
{    
    position: relative;
    clear: both;   
    top: 15px; 
    width: 996px;
    text-align:left;
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    border: solid 2px #252525;
    margin-left: auto; 
    margin-right: auto;
    

}


#KHLAACHome
{
    width: 625px;
    height: 105px;
    top: 50px;
    left: 150px;
    position: absolute;
}

#mainnavigation
{
    height: 67px;
    width: 100%;
    margin-left:0px;
    background-image: url(Images/NavigationBar.jpg);
    background-repeat: repeat-x;
    float: left;
    text-align: left;
    position:relative;
    margin-bottom: 20px;
    overflow:hidden;
  
}

#mainnavigation ul
{

    margin-top: 0px;
    margin-left: 0px;
    padding: 0px 0px 0px 27px;
    height:44px;
    display:inline;
    white-space:nowrap;
    position:relative;
    text-align:center;  
    left: 47%;
    float:left; 

}

#mainnavigation li
{
    list-style: none;
    padding: 0px;
    margin:0px;
    height: 44px;
    float: left;
    font-size: 20px;
    position:relative;
    display:block;
    right: 50%;
    

}

#mainnavigation li a:hover
{
    background-image: url(Images/highlight.jpg);
    background-repeat: repeat-x;
    background-position:bottom;  
}


#maincontent
{
    width: 677px;
    min-height: 460px;
    float: left;
    padding-top: 0px;  
}


#maincontent p
{
    padding-left: 47px;
    padding-right: 45px;
}

#maincontent hr
{
    width: 90%;
    margin-left: 45px;
    margin-right: 45px;
    color:black; 
    background-color:black;
    height:1px; 
    border:0; 
}


#maincontent h1
{
    margin-top: 10px;
    padding-left: 45px;
    text-align: left;
    font-size:1.25em;
}

#maincontent h2
{
    margin-top: 10px;
    padding-left: 45px;
    text-align: left;
}


#maincontent h3
{
    margin-top: 10px;
    padding-left: 45px;
    text-align: left;
}



#secondarycontentheader
{
    width: 319px;
    height: 22px;
    background-image: url(Images/SecondaryNavTop.jpg);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    float:left;    
    
}

#secondarycontent
{
    width: 319px;
    margin: 22px 0px 0px 0px;
    background-image: url(Images/SecondaryNavBG.Jpg);
    background-repeat: repeat-y;
    text-align: left;
    margin-top:22px;
    float: right;
}

#secondarycontent ul
{
    width: 217px;
    margin: 0px;
    list-style:none;
    padding: 7px 0px 7px 25px;
    white-space: nowrap;
  
}

#secondarycontent ul li
{
    background-color: #2d2d2d;
    border-bottom: solid 1px black;
    border-left: solid 1px black;
    min-height: 20px;
    padding: 3px 0px 3px 0px;
    display:block;
 
}

#secondarycontent ul ul li
{
    font-size:small;   
    background-color: #2d2d2d;
    border-bottom: solid 0px black;
    border-left: solid 0px black;
    min-height: 20px;
    padding: 3px 0px 3px 0px;
    text-decoration: none;
    
 
}

#secondarycontent ul li a
{
    padding: 3px 200px 3px 3px;
    text-decoration: none;
    white-space: pre;
}

#secondarycontent ul ul li a
{
    padding: 3px 200px 3px 3px;
    text-decoration: none;
    white-space: pre;
    color: white;
}


#secondarycontent ul li a:hover
{
    font-weight:bold;    
    background-image: url(Images/SecondaryNavHL.jpg);
    background-repeat: repeat-y;
    text-decoration: none;
    min-height: 20px;
}

#secondarycontent ul ul li a:hover
{
    font-weight:bold;    
    background-image: url(Images/SecondaryNavHL.jpg);
    background-repeat: repeat-y;
    text-decoration: none;
    min-height: 20px;
}


#secondarycontent p
{    
    padding-left: 25px;
    padding-right: 20px;
}


#secondarycontent h3
{    
    padding-left: 20px;
    margin-top: 0px;
}



#secondarycontentfooter
{
    height: 24px;
    width: 319px;
    background-image: url(Images/SecondaryNavBtm.jpg);
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
}  
  

#footer
{
    clear: both;
    height: 30px;
    width: 996px;
    text-align: right;
}

#footer
{
    clear: both;
    height: 30px;
    width: 996px;
    text-align: right;
}


#sitecredits
{
    text-align: right;
    width: 996px;
    padding: 34px 7px 0px 0px;    
    clear: both;
    position:  relative;
    float: right;
    font: bold 9px/10px Arial, Helvetica, Verdana;
    color: #252525; 
}

#newsletter
{
    margin-left: 36px;
    margin-top: 80px;
}
#newsletter input
{margin: 5px 0px 0px 0px;}

#noticias
{
    margin-left: 36px;
    margin-top: 80px;
}
#noticias input
{margin: 5px 0px 0px 0px;}





.pagetitle
{
 padding: 0px 0px 0px 46px;
 font-size: 1.3em;
 font-weight: bold;
}

.profile
{   
    height:100px;
    width: 220px;
    position:relative;
    left: 23px;
    padding: 4px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
    color: white;
}

.profile img
{   
    border: solid 0px black;    
}

.profile a
{   
    text-decoration: none; 
    border: solid 0px black;    
}

.kslogo
{   
    position: relative;
    margin-top:0px;
    left: 72px;
    top: -80px;
}

.captions
{
    color: white;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 3px 10px;
    text-align: left;
    left: 38px;
    top: -77px;

}


.btnBrochure
{
	width:230px;
	height:64px;
	display:block;
	position:relative;
	left:23px;
	padding: 4px 0px 0px 0px;
	background-repeat:no-repeat;
	background-image:url(Images/OfficialBrochure.jpg);
	text-decoration:none;
}
.btnBrochure:hover
{
	background-image:url(Images/OfficialBrochureH.jpg);
}
.btnBrochureS
{
	width:230px;
	height:64px;
	display:block;
	position:relative;
	left:23px;
	padding: 4px 0px 0px 0px;
	background-repeat:no-repeat;
	background-image:url(Images/OficialFoletto.jpg);
	text-decoration:none;
}
.btnBrochureS:hover
{
	background-image:url(Images/OficialFolettoH.jpg);
}

.stayinformed
{
	width:280px;
	height:80px;
	background-image:url(Images/StayInformed.jpg);
	position:relative;
}


.resourcelinks h3
{
    margin-bottom:0px;
    padding-bottom: 0px;
    padding-top: 3px;

}

.resourcelinks ul
{
    margin: 3px 0px 3px 55px;
    padding: 0px;
}

.resourcelinks ul li{padding: 1px;}

.resourcelinks p
{
    margin: 3px 0px 3px 10px;
    padding: 0px;
}


.caucusmember
{
   position:relative;
   float: left;
   margin: 0px 0px 0px 45px;
   padding: 15px 0px 15px 0px;
}

.caucusmember img
{
    position: relative;
    margin: 8px 0px 0px 0px;
    padding: 0px;   
}


.caucusmember p
{
    font-size: smaller;
    position:relative;
    width: 145px;
    margin: -180px 0px 45px 2px;
    text-align:left;
    left: 95px;
    padding: 0px; 
}




/* BEGIN Events Style */

    .events
    {
        position: relative;
        left: 40px;
    }

    .event_evmd
    { 
        width: 586px; 
        padding: 5px 0px 0px 15px;
        margin-bottom: 25px;
        background-image:url(Images/EventBG.png);
        background-repeat: no-repeat;
        font-variant: normal;
    }

    .title_evmd
    {
        float: left;
        width: 415px;
        padding-top: 5px;
        font-size: 1.2em;
        font-weight: bold;
        /*font-variant: small-caps !important;*/
    }
    
    .reset_evcl
    {        
        float:right;
        margin-right: 130px;
        margin-top: 30px;
        font-variant:small-caps;
        font-size: small;
        text-decoration:none;
    }
    .reset_evcl a {text-decoration:none;}
    .reset_evcl a:hover{text-decoration:underline;}
    .reset_evcl a:visited {text-decoration:none;}
    
    .datetime_evmd
    {
        color: #202020;
        font-size:small;
        font-variant:small-caps;
        float: right;
        padding:  0px 16px 2px 0px;
        width: 155px;
        text-align: right;
        
    }

    .address_evmd
    {
    color: #202020;
         font-variant:small-caps;
         font-size: small;
         width:370px;
         float: left;
         margin: 0px 0px 10px 0px;
         padding: 0px 0px 0px 0px;
     
    }

    .citystate_evmd
    {
    color: #202020;
         font-weight: bold;
         font-variant:small-caps;
         font-size: small;
         float: right;
         padding: 0px 16px 0px 0px;
         width: 200px;
         text-align: right;
         margin: 0px 0px 10px 0px;
    }

    .description_evmd
    {
        clear:both;
        padding: 0px 0px 10px 0px;
    }

    .hr_evmd
    {
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #C0C0C0;
        height: 1px;
        clear: both;
        width: 572px;
        padding: 0px 0px 0px 0px;
    }
    .timesplitter_evmd
    {
        margin: 65px 0px 15px 5px;
        width: 415px;
        font-size: 1.2em;
        font-weight: bold;
    }
    .noevents_evmd
    {
        margin: 0px 0px 55px 75px;
        font-size: 1.2em;
        font-weight: bold;   
    }

/* End Events Style */


.eventcalendarwrpr
{
 width: 576px;
 position:relative;
 left: 47px;
  background-image: url(Images/calendarBG2.png);
   background-repeat:no-repeat;
     margin-bottom: 40px;
     clear:left;
}
.eventcalendarwrpr a
{ text-decoration: none;}



.eventnavigation
{
  clear:both;
  width:100%;
   background-image: url(Images/calendarBG2btm.png);
   background-repeat:no-repeat;
   height:70px;
}

.eventcalendar
{
    position: relative;
    top: 20px;
    left: 69px;
    width: 436px;    
    background-color: Transparent;
}

.prevmonth
{
 float:left;
 margin: 10px 0px 0px 0px;
 width:100px;
 height:50px;
 color:Black;
 text-align:right;
 font-variant:small-caps;
 background-image: url(Images/PreviousM.png);
 background-repeat: no-repeat;
}
.prevmonth:hover
{
 background-image: url(Images/PreviousMHvr.png);
 background-repeat: no-repeat;
 cursor: pointer;
}



.nextmonth
{
 float:right;
 margin: 10px 0px 0px 0px;
 width:100px;
 height:50px;
 color:Black;
 text-align:left;
 font-variant:small-caps;
 background-image: url(Images/NextM.png);
 background-repeat: no-repeat;
}
.nextmonth:hover
{
    background-image: url(Images/NextMHvr.png);
    background-repeat: no-repeat;
    cursor: pointer;
}


.eventsorting
{
 text-align:center;
 float:left;
 left: 0px;
 margin: 25px 0px 0px 0px;
 width:376px;
}

.title_evcl
{
 height: 47px;
 position: relative;
 clear: left;
 background: url(Images/titleright.png) no-repeat top right;
 float: left;
 padding-right: 45px;
 left: 103px;
 
}

.titleLeft_evcl
{
 height: 47px;
 background: url(Images/titleleft.png) no-repeat top left  ;
 float: left;
 text-align:left;
 display:block;
 padding-top:10px;
}


.calendarnav_evcl
{
margin: 0px 5px 0px 5px;
}

.calendar_evcl
{
 border: solid 0px #FFFFFF;
}

.caltitle_evcl
{

 font-weight:bold;
}



.othermonth_evcl
{
 color:White;
 vertical-align:top;
 visibility: hidden;
}

.daystyle_evcl
{
 vertical-align:top;
 text-align:right;
 height: 45px;
 width: 57px;
 padding: 1px 3px 0px 0px;
 background-image: url(Images/CalWeekendBG2.png);
 background-repeat: no-repeat;
 background-position:right top;
}

.todaystyle_evcl
{
    text-decoration: underline;
    padding: 1px 3px 0px 0px;
}

.eventstyle_evcl
{
 vertical-align:top;
 text-align:right;
 height: 45px;
 width: 57px;
 padding: 1px 3px 0px 0px;
 background-image: url(Images/CalEventBG.png);
 background-repeat: no-repeat;
 background-position:right top;
}

.khlaacevent_evcl
{
 vertical-align:top;
 text-align:right;
 height: 45px;
 width: 57px; 
 padding: 1px 3px 0px 0px;
 background-image: url(Images/CalKHLAACEventBG.png);
 background-repeat: no-repeat;
 background-position:right top;
}


.weekendstyle_evcl
{
 vertical-align:top;
 text-align:right;
 height: 45px;
 width: 57px;
 padding: 1px 3px 0px 0px;
 background-image: url(Images/DayBackground2.png);
 background-repeat: no-repeat;
 background-position:right top;
}

.officeclosed_evcl
{
 vertical-align:top;
 text-align:right;
 height: 45px;
 width: 57px;
 padding: 1px 3px 0px 0px;
 background-image: url(Images/DayBackground2.png);
 background-repeat: no-repeat;
 background-position:right top;
}

.eventtext_evcl
{
height: 44px;
width: 54px;
font-variant:small-caps;
 line-height: 1em;
 font-size:.7em;
 text-decoration:none !important;
}

.eventtextsp_evcl
{
height: 44px;
width: 54px;
font-variant:small-caps;
 line-height: 1em;
 font-size:.6em;
 text-decoration:none !important;

}