/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 1.8em; line-height: 1; margin-bottom: 0.5em; font-weight: bold; color: #265e99;}
h2 { font-size: 1.5em; margin: 0.75em 0em 0.5em 0em; color: #CF6600;}
h3 { font-size: 1.3em; line-height: 1; margin-bottom: 0.5em; font-weight: bold;}
h4 { font-size: 1.1em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: right; margin: 0em 0em 10px 10px; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #73A5D6; }
a           { color: #265E99; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/*fieldset legend*/
#mileForm {padding: 10px 10px; border: 1px solid #ccc; width: 500px;}
#mileForm fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
#mileForm legend { padding: 0 .4em;  font-size: 1.2em;background-color: #e3dfdf;color:#333;}

/*label*/
#mileForm label {float: left;clear:left; text-align: left;width: 9em; margin-right: 1em; display:block; color:#333; font-weight: bold;}


/* Textarea input select */
#mileForm textarea, input, select {  margin: 0.5em 0.5em 0 0; padding: .2em;  }
#mileForm textarea {border: 1px solid #666;}
#mileForm textarea:focus, input[type="text"]:focus  {border: 2px solid #666;}
#mileForm select {background-color: #fff;color: #000;padding:0;}
#mileForm input[type="text"] {border: 1px solid #666;}
#mileForm input[type="submit"]{background: #265E99; border: 1px solid #FD8D2B; color: #FFF; margin: 0.5em 0.5em 0 0; padding: .4em;}
#mileForm input[type="checkbox"]{color: #000;}
#mileForm input[type="radio"]{color:#FF0000;background-color: #fff;color: #000;padding: 0.5em;}

/*option optgroup*/
#mileForm option{color:#000;background-color:#FFF}
#mileForm optgroup {color:#000;background-color:#CCC;}
#mileForm button {margin: 0.5em 0.5em 0 0; padding: .4em; }


/*fieldset legend*/
#forget {padding: 10px 10px; border: none; width: 500px;}
#forget h2 {font-size: 1.1em; color: #CF6600; font-weight: bold; margin: 0.75em 0em 0.2em 0em; }
#forget fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
#forget legend { padding: 0 .4em;  font-size: 1.2em;background-color: #e3dfdf;color:#333;}

/*label*/
#forget label {float: left;clear:left; text-align: left;width: 100%; margin-right: 1em; display:block; color:#333; font-weight: normal;}


/* Textarea input select */
#forget textarea, input, select {  margin: 0.5em 0.5em 0 0; padding: .2em;  }
#forget textarea {border: 1px solid #666;}
#forget textarea:focus, input[type="text"]:focus  {border: 2px solid #666;}
#forget select {background-color: #fff;color: #000;padding:0;}
#forget input[type="text"] {border: 1px solid #666;}
#forget input[type="submit"]{background: #265E99; border: 1px solid #FD8D2B; color: #FFF; margin: 0.2em 0.2em 0 0; padding: .2em;}
#forget input[type="checkbox"]{color: #000;}
#forget input[type="radio"]{color:#FF0000;background-color: #fff;color: #000;padding: 0.5em;}

/*option optgroup*/
#forget option{color:#000;background-color:#FFF}
#forget optgroup {color:#000;background-color:#CCC;}
#forget button {margin: 0.2em 0.2em 0 0; padding: .2em; }

#page {
    width: 900px;
    margin: 0 auto;
    text-align: left;
    background: #FFF;
}
#contentContainer {
    float: left;
    text-align: left;
    width: 900px;
    margin: 8px 0px 0px 0px;
    padding: 0;
    border-top: 10px solid #73A5D6;
}
#leftContent {
    float: left;
    text-align: left;
    width: 264px;
    margin: 20px 0px 0px 0px;
    padding: 0;
    line-height: 1.5em;
}

#content {
    float: left;
    text-align: left;
    margin: 20px 0 0 0px;
    min-height: 300px;
    padding: 0px 20px 0px 20px;
    line-height: 1.5em;
    border-left: 1px solid #265E99;  
    width: 595px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:555px;

}



/* Header 
------------------------------------------------------------------------- */

#header { 
    background: #FFF;
    width: 900px;
    float: left;
}

#topLinks {
  width: 900px;
  float: left;
  height: 40px;
  line-height: 40px;
}

#topLinks ul {
 list-style-type: none; 
 margin: 0px;
 padding: 0px;
}
#topLinks li {
  list-style-type: none; 
   margin: 0px;
 padding: 0px 16px 0px 0px;
 display: block; 
 float: left;
}
#search {
  width: 350px;
  float: left;
  height: 28px;
  line-height: 40px; 
  text-align: right;
  padding: 12px 0px 0px 0px;
}
#headLogo {
  width: 550px;
  height: 124px;
  float: left;
  background: url("images/lcssu/header_logo.jpg") top left no-repeat;
  cursor: pointer;
}
#headPic {
  width: 350px;
  height: 124px;
  float: left;
  background: url("images/lcssu/header_pics.jpg") top left no-repeat;
  
}

#mainNav {
  height: 30px;
  width: 900px;
  float: left;
  padding: 0px 0px 0px 0px;
  background: #265E99;
  text-align: center;
}
/* Search Form 
------------------------------------------------------------------------------- */

#ajaxSearch_form {
    margin: 0;
    padding: 0;
    float: right;
    line-height: 30px;
}

 #ajaxSearch_input { 
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background: #fff;
    width: 150px;
    display: block;
    float: left;
    margin: 0px 0 0 0;
    padding: 1px 0 1px 4px;
}
#ajaxSearch_submit { 
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    background: #265E99;
    border: 1px solid #FD8D2B;
    color: #FFF;
}

/* News Items
------------------------------------------------------------------------------- */
#newsbox {
width: 232px;
background: #F6E6D6;
border: 1px solid #000;
padding: 0px 0px 12px 0px;

}

#newsbox h2{
display: block
width: 230px;
height: 38px;
padding: 6px 0px 0px 6px;
background: #F6E6D6 url("images/lcssu/news_bg.jpg") top left no-repeat;
color: #FF8D1C;
}
.newsbox_single_date {
padding: 12px 0px 0px 12px;
margin: 12px 0px 0px 0px;
font-size: 1.2em; 
font-weight: bold; 
color: #265E99;
}

#newsbox a {
padding: 0px 0px 0px 14px;
margin: 0px 0px 0px 16px;
background: url("images/lcssu/news_bullet.jpg") 0px 2px no-repeat;
}

#allNews {
padding: 0px 0px 0px 14px;
margin: 0px 0px 0px 16px;
background: none;
}

/* Member Districts
------------------------------------------------------------------------------- */
#memberDistricts {
width: 232px;
min-height: 116px;
background: #F6E6D6;
border: 1px solid #000;
padding: 0px 0px 12px 0px;
margin: 16px 0px 0px 0px;

}

#memberDistricts h2{
display: block
width: 230px;
height: 38px;
padding: 6px 0px 0px 6px;
background: #F6E6D6 url("images/lcssu/news_bg.jpg") top left no-repeat;
color: #F6902A;
}

#memberDistricts a {
padding: 0px 4px;
margin: 0px 0px 0px 0px;
background: none;
}
#memberDistricts img { float: left; padding: 4px; border: none;}
/* Secondary Navigation
------------------------------------------------------------------------- */

#leftContent h2 {
font-size: 1.3em;
color: #F6902A;
font-weight: bold;
padding: 0px 0px 8px 0xp;
margin: 0px 0px 0px 0px;

}

#leftContent ul{
  padding: 0;
   margin: 0px 0px 0px 10px;
 
 }

  #leftContent li {
  border: none;
      list-style-image: url("images/lcssu/sub_bullet.gif");
  list-style-type: none;
  padding: 0;
  margin: 0px 0px 0px 10px;

 }
  #leftContent li a {
    list-style-image: url("images/lcssu/sub_bullet.gif");
      list-style-type: none;
    text-decoration: none; 
    color: #265E99;
    font-weight: bold;
    border: none; 
     margin: 3px 0px 3px 0px;
   padding: 0;
   

 }
  #leftContent li a:visted {
    text-decoration: none; 
    list-style-image: url("images/lcssu/sub_bullet.gif");
      list-style-type: none;
    color: #265E99;
    font-weight: bold;
    border: none; 
   padding: 0;
     margin: 3px 0px 3px 0px;

 }
   #leftContent li a:hover {
    text-decoration: none; 
    list-style-image: url("images/lcssu/sub_bullet_over.gif");
      list-style-type: none;
    color: #73A5D6;
    font-weight: bold;
    border: none; 
   padding: 0;
     margin: 3px 0px 3px 0px;

 }
.leftLast {border: none;}
li.leftActive {
  color: #000;
  font-weight: bold;
  border-top: none;
  } 


/* Footer 
------------------------------------------------------------------------- */
#footer {
  height: 30px;
  width: 900px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  background: #265E99;
  text-align: center;

}
#footer ul {
 list-style-type: none; 
 margin: 0px;
 padding: 0px;
 float: none;
}
#footer li {
  list-style-type: none; 
  margin: 0px;
  padding: 0px 30px 0px 0px;
  display: inline; 
  }
#footer a, a:visited, a:active { 
 color: #FFF;
}
#footer a:hover { 
 color: #73A5D6;
}
#copyright {
  height: 30px;
  width: 900px;
  margin: 16px 0px 0px 0px;
  padding: 0;
  background: #FFF;
  text-align: center;

}
#copyright a:link, a:visited, a:active{ 
 color: #265E99;
}
#copyright a:hover{ 
 color: #73A5D6;



/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}

/* Login Form Styles
------------------------------------------------------------------------------- */