html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

p {padding-bottom: 12px;}



body {
    font-family:Century Gothic,Arial,Helvetica,sans-serif;  
    margin-top:0;
    line-height: 1;

          }

#page_container {
   width: 994px;
    margin-left: auto;
    margin-right: auto;
   
   }


#header {
	background-image:url(/stylesheet/gist/header.jpg);
	background-repeat:no-repeat;
	display:block;
	height:350px;
	margin:0;
	overflow:hidden;

             }

#partofluu {
       width: 994px;
     text-align: right;
    color: #000000;
    font-weight: bold;
}

#partofluu a:link,  #partofluu a:visited {
    text-decoration: none;
        color: #000000;
     }

#partofluu a:hover {
    text-decoration: underline;
       color: #000000;
     }

#menubar {
	font-size:0.97em;
        color: #ffffff;
	font-weight:bold;
	height:40px;
	width:994px;
	background-color: #000000;
        margin: 0px;
        padding: 0px;
        }

#menubar ul {
   margin: 0px;
        padding: 0px 0px 0px 2px;
      }

#menubar li {
   display: inline;
   margin: 0px;
        padding: 0px;
        }

#menubar a:link, #menubar a:visited {
        border-right: thin solid #ffffff;
        color: #ffffff;
        text-decoration: underline;
        float: left;
        height: 20px;
        padding: 0px 32px;
        margin: 10px 0px 6px 0px;
         }

#menubar a:hover {
   color: #02b49a;
}

#menubar a.nolinethanks:link, #menubar a.nolinethanks:visited {
border-right:none;
}


#message {
   width:966px;
   height:77px;
   margin: 7px 14px 10px 14px;
   }

#pagetitle {
   width: 634px;
   height:40px;
   border-bottom: 1px dotted #000000;
   margin-bottom: 10px;
     }

#pagetitlefull {
   width: 714px;
   height:40px;
   border-bottom: 1px dotted #000000;
   margin-bottom: 10px;
     }

/************************ homepage ************************/

#pageleft {
  width: 634px;
  float:left;
  margin-left:16px;
  margin-right:10px;
   }

#pageright {
  width: 318px;
  float:right;
 background-color:#ccf0eb;
  margin-right: 16px;
  padding-top: 4px;
   }

#breadcrumb {
height:25px;
width: 956px;
margin: 0px 16px 0px 16px;
padding: 0px;
}

#breadcrumb ul {
font-size:0.95em;
color:#888888;
text-align:left;
margin: 0px;
padding: 0px;
}

#breadcrumb li a:link, #breadcrumb li a:visited {
  color: #888888;
  }


#breadcrumb li a:hover  {
color: #6F3F73;
}

/************************ other pages ************************/


#pageimage {
    width: 714px;
    height: 100px;
    margin-bottom: 20px;
}

#pageimagecalendar {
    width: 714px;
    margin-bottom: 20px;
}

#regularpageleft {
   width: 238px;
  float:left;
 background-color:#ccf0eb;
  margin-left: 16px;
  padding-top: 4px;
   }

#regularpageright {
 width: 714px;
  float:right;
  margin-right:16px;
  margin-left:10px;
   }


#regularpageright h3{
     padding:5px 0px 0px 0px;
     margin: 10px 0px 0px 0px;
   }

#regularpageright h4{
     padding:5px 0px 0px 0px;
     margin: 10px 0px 0px 0px;
}


#regularpageright ul {
font-size: 0.8em;
margin-left: 20px;
line-height: 1.3em;
}

#regularpageright ul li {
font-size: 1.0em;
margin-left: 20px;
line-height: 1.3em;
}


#regularpageright ol {
font-size: 0.8em;
margin-left: 20px;
line-height: 1.3em;
}




#bodycopy  p{
    font-size: 0.8em;
    line-height: 1.3em;
     }


#bodycopy a{color:#02B49A;
text-decoration:none;}

/************************ homepage news ************************/

#newsitem {
  width:634px;
  height: 140px;
  margin-bottom:10px;
  padding-bottom: 10px;
  }

#newsinfo . news_full {
  width:316px;
  height: 140px;
 float: right;
 background-color: pink;
}

#newsitem .news_full .news_item_inner {
width:634px;
  height: 145px; 
 margin-bottom: 25px;
}

#newsimage {
   height: 140px;
   width: 318px;
   float: left;
   background-color: green;
  }

#newsinfo .news_item_inner .news_full .news_item_hook {

 height:140px; 
width:318px;

}

#newsinfo .news_full .news_image {
 height:140px;
width:318px;
}

#newsinfo .news_full .news_image a img {
height:140px; 
width:318px;
}

#newsitem .news_full h5 a:link, #newsitem .news_full h5 a:visited {
color:#6f3f73;
font-size:1.2em;
font-weight:bold;
margin-bottom:5px;
padding:5px 10px;
width: 296px;
float:right;

}

.msl_pubdate {
  width:306px;
line-height:16px;
font-size: 0.8em;

font-weight: bold;
margin-left: 10px;
}

#newsitem .news_full .leader {
/*height:143px;*/
line-height:16px;
margin:7px 10px 0px 10px;
width:296px;
padding-bottom: 12px;

float:right;
font-size: 0.8em;
}

#newsitem .news_all {
 display: none;
}
 

#newsinfo {
   height: 140px;
   width: 634px;
  }


.info {
   padding: 0px 10px 10px 10px;
   font-size:0.8em;
   height:150px;
    }

/************************News page news ************************/



#newsarticlesfull  .news_full .news_item_inner {

 margin: 0px 0px 30px 0px;
border-bottom: dashed 1px #000000;
padding-bottom: 10px;
}

#newsarticlesfull  .news_full .news_item_hook {
 height:140px; 
width:318px;
margin:0px 0px 20px 0px;
display:none;
}

#newsarticlesfull  .news_full .news_image {
height:140px;
width:318px;
margin:0px 0px 20px 0px;
display:none;
}

#newsarticlesfull  .news_full .news_image a img {
height:140px; 
width:318px;
margin:0px 0px 20px 0px;
}

#newsarticlesfull .news_full .leader {
height:70px;
line-height:16px;
margin:7px 10px 10px 10px;
color:#6f3f73;
font-size: 0.8em;
}

#newsarticlesfull  .news_full h5  {
color:#6f3f73;
font-size:1.2em;
font-weight:bold;
margin-bottom:5px;
padding:5px 10px;


}

#newsarticlesfull .news_item_inner .msl_newsbodytext p {
  font-size: 0.9em;
  line-height:16px;
  margin-bottom: 8px;
  }

#newsarticlesfull .news_item_inner .msl_newsbodytext li {
font-size: 0.9em;
  line-height:16px;
}

#newsarticlesfull .news_item_inner .msl_newsbodytext ul {
margin-left: 20px;
}


/************************Side Menu ************************/

#sidemenu {
   width: 238px;
}

#sidemenu ol { 
   font-size: 0.8em;
     }

#sidemenu li {
   list-style:none outside none;
  } 


#sidemenu li .indent a {
   padding-left:34px;
   width: 190px;
  } 

#sidemenu a {
   display: block;
}


#sidemenu li a {
	width:210px;
	font-size:1.1em;
	line-height:1.4em;
	padding:4px 14px;
	border-bottom:1px solid #B7B7B7;
	color:#000000;
       font-weight: bold;
}

#sidemenu li a:active,
#sidemenu li a:hover {
	background:#ffffff;
	color:#6F3F73;
	position:relative;
        
}


   

/************************Headers ************************/

h2{
color:#02b49a;
font-family:Century Gothic,Arial,Helvetica,clean,serif;
font-size:1.85em;
font-weight:bold;
}

h2 a:link, h2 a:visited {
color:#02b49a;
text-decoration: underline;
}

h3 {
color:#6f3f73;
font-size:1.2em;
font-weight:bold;
margin-bottom:10px;
padding:5px 10px;
}

h3 a:link, h3 a:visited {
color:#6f3f73;
text-decoration: underline;
}

h4 {
color:#00000;
font-size:1em;
font-weight:bold;
margin-bottom:10px;
padding:5px 10px;
}

h4 a:link, h4 a:visited {
color:#000000;
text-decoration: underline;
}

h5 {
color:#02b49a;
font-size:1em;
font-weight:bold;
margin-bottom:10px;

}

.subtitle {
display:block;
font-size:1.2em;
font-weight:bold;
line-height:1.2em;
margin-bottom:5px;
}

/************************ social media links ************************/


#socialmediabox {
  width: 298px;
  padding: 10px;
  margin-bottom: 30px;
      }

#homepage-social-links li
{
  float: left;
  display: inline;
  width: 94px;
  height: 32px;
  margin-right: 5px;
}

#homepage-social-links li a
{
  padding-left: 35px;
  line-height: 32px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.75em;
}

#homepage-social-links #social-facebook
{
  background: transparent url(/stylesheet/gist/social-facebook.png) no-repeat left center;
}

#homepage-social-links #social-twitter
{
  background: transparent url(/stylesheet/gist/social-twitter.png) no-repeat left center;
}

#homepage-social-links #social-youtube
{
  background: transparent url(/stylesheet/gist/social-youtube.png) no-repeat left center;
}

/************************************************/

#video {
  width: 298px;
  height: 200px;
  background-color: #000000;
  margin-bottom: 20px;
  margin: 10px;
}


#videocaption {
  width: 288px;
  height: 90px;
  margin: 10px;
  background-color: #ffffff;
  padding: 5px;
}

.videosubtitle {
display:block;
font-size:0.9em;
font-weight:bold;
line-height:1.2em;
margin-bottom:5px;
}

.videoinfo {
   font-size:0.783em;
    }


.videoinfo a {
text-decoration: none;
color: #02B49A;
    }

#facebookplugin {
  width: 298px;
  margin: 10px;
}
 

#facebook-embed-like
{
  border: none;
  overflow :hidden;
  width: 298px;
  height: 287px;
  background: #ffffff;
}


iframe #u211921_1 .fbConnectWidgetTopmost  {
height:253px;
width:296px; !important
}


/************************ footer ************************/

#footer
{
  float: left;
  display: inline;
  width: 974px;
  margin: 10px 10px 20px;
  padding-bottom: 20px;
  background-color: #b7b7b7; 
}

#footer-nav
{
  float: left;
  margin-top: 15px;
}

#footer-nav ul
{
  float: left;
  display: inline;
  width: 154px;
  margin-right: 10px;
  list-style: none;
}

#footer-nav ul.first
{
  margin-left: 10px;
  width: 144px;
}

#footer-nav li
{
  line-height: 0.563em;
}

#footer-nav li a
{
  font-size: 0.563em;
  text-decoration: none;
  color: #000000;
}

#footer-nav li a:hover
{
  text-decoration: underline
}

#footer-nav li.heading a
{
  font-weight: bold;
}

#footer-nav .skiplink
{
  display: none;
}

#footersentence {
  float: left;
  margin-left: 10px;
     }

#footersentence p {
  font-size: 0.563em;
  color: #000000;
     }

#copyright
{
  float: right;
  display: inline;
  width: 208px;
  height: 19px;
  margin: 20px 25px 0 0;
  background: transparent url(/stylesheet/gist/footer-luu-logo.png) no-repeat right center;
}

#copyright span
{
  text-indent: -9999px;
  display: block;
}

#footer-logos
{
  float: right;
  clear: right;
  width: 201px;
  height: 30px;
  display: inline;
  background: transparent url(/stylesheet/gist/footer-logos.png) no-repeat right center;
  margin: 20px 25px 0 0;
}

/* ----------------DDMENU ------------------*/



#primary-nav .ddsmoothmenu{
 font:  0.97em century gothic; 
/*background: #000000; /*background of menu bar (default state)*/
width: 985px;
height:40px;
background-color: #000000;
padding-left: 10px;
margin-bottom: 10px;
}


/*Top level list items*/
#primary-nav .ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
padding-top: 8px;
margin-left: 55px;
}

#primary-nav .ddsmoothmenu ul li a{
color: white;
text-decoration: none;
font-weight: bold;
}

#primary-nav .ddsmoothmenu ul li ul li {float:none;margin:0px;}

/* these are to override the luu css*/
#primary-nav .ddsmoothmenu ul a:hover
{
  text-decoration: none;
}

#primary-nav .ddsmoothmenu ul li ul a:hover
{
  text-decoration: none;
	
}



* html #primary-nav .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
color:white;
}




	
/*1st sub level menu*/
#primary-nav .ddsmoothmenu ul li ul{
margin-left:-10px;
list-style-type:none;
position: absolute;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;

}
#primary-nav .ddsmoothmenu ul li ul a:hover{
background: #02B49A ; /*background of menu items during onmouseover (hover state)*/
color: white;
}




/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#primary-nav .ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
#primary-nav .ddsmoothmenu ul li ul li a{
line-height:21px;
font-weight:normal;
display: block;
background-color:#000000;
width: 170px; /*width of sub menus*/
padding-left: 5px;
margin: 0;
border:0;
border-bottom: 1px dashed;
}

/* Holly Hack for IE \*/
* html #primary-nav .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### 

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
*/
/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

#primary-nav .ddsmoothmenu ul {
padding:0px;}


/*  bottom pages    */
