body{ text-align:left;  font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;  font-size:76%;  line-height:1em;   color:#333}
div{ font-size:1em}
img{ border:0}

a, a:link, a:active{ text-decoration:underline;  outline:none;  color:#333}
a:visited{ color:#80A1B6;  background-color:transparent}
a:hover{ text-decoration:none;   color:#80A1B6;  text-decoration:underline}
a:focus{ color:#000;  text-decoration:underline }
            
h1{ margin:0 0 0.5em 0;  padding:0;   font-size:2em;  line-height:1.0em;   color:black}
h2{ margin:0 0 1em 0;  padding:0;   font-size:2em;  line-height:1.3em;   color:black}
h3{ margin:1.5em 0 0.5em 0;  padding:0;   font-size:1.2em;  line-height:1.2em;   color:black}
h4{ margin:0 0 0.25em 0;  padding:0;   font-size:1.2em;  line-height:1.3em;   color:black}
h5{ margin:0 0 0.25em 0;  padding:0;   font-size:1.1em;  line-height:1.3em;   color:black}
h6{ margin:0 0 0.25em 0;  padding:0;   font-size:1em;  line-height:1.3em;   color:black}

p{ margin:0 0 1.5em 0;  padding:0;   font-size:1em;  line-height:1.4em}
blockquote{ margin-left:10px;   border-left:10px solid #ddd}
pre{ font-family:monospace;  font-size:1.0em}
strong, b{ font-weight:bold}
em, i{ font-style:italic}
code{ font-family:"Courier New",Courier,monospace;  font-size:1em}

ul{ margin:0 0 3.5em 0;  padding:0;   line-height:1.4em}
ul li{ margin:0 0 0.25em 3px;  padding:0}
ol{ margin:0 0 1.5em 0;  padding:0;   font-size:1.0em;  line-height:1.4em}
ol li{ margin:0 0 0.25em 3px;  padding:0;   font-size:1.0em}
dl{ margin:0 0 1.5em 0;  padding:0;   line-height:1.4em}
dl dt{ margin:0.25em 0 0.25em 0;  padding:0}
dt{background:#97999C}
dt a:link, dt a:visited, dt a:hover{display:block; background:transparent; color:#fff; text-decoration:none; padding:0 6px 0 6px}
dl dd{ margin:0 0 0 0px;  padding:0}

dt a{text-align:right}
dt span{float:left; font-weight:bold} 

table{ margin:0 0 1.5em 0;  padding:0;   font-size:1em;  width:620px }
table caption{ margin:0;  padding:0 0 1.5em 0;   font-weight:bold}
th{ font-weight:bold;  text-align:left}
td{ font-size:1.1em}

tr.odd td.first2, tr.even td.first2{background:#C0C0C0}
td p{padding:1px 0 1px 3px; margin:0}
td.half{width:444px}

hr{ display:none}
.hr{ height:1px;   margin:1.5em 10px;   border-bottom:1px dotted black}

form{ margin:0;  padding:0}
form div, 
form p{ margin:0 0 1em 0;  padding:0;   font-size:1em}
label{ font-weight:bold; padding-bottom:5px }
.text-med{margin-top:5px}
fieldset{ padding:0px 0px;  margin:0 0 1.5em 0;   border:1px solid #eee}
fieldset legend{ margin:0 0 0 0px;  padding:0;   font-size:1.1em;  font-weight:bold;   color:#666;  background-color:#fff}
* html fieldset legend{ margin:0 0 10px -10px}
fieldset ul{ margin:0 0 1.5em 0;  padding:0;   list-style:none}
fieldset ul li{ margin:0 0 0.5em 0;  padding:0;   list-style:none}
input, select, textarea{ margin:0;  padding:2px;   font-size:1em;  font-family:arial,helvetica,verdana,sans-serif}

input, select{ vertical-align:middle}
textarea{ width:200px;  height:8em}

input.check{ width:auto;  height:auto;   margin:0;   border:none}
input.radio{ width:auto;   height:auto;  margin:0;   border:none}
input.file{ width:250px;  height:auto}
input.readonly{ background-color:transparent;  border:none}
input.button{ width:10em;   background-color:#ddd;  border:1px solid black}
input.image{ width:auto;  height:auto;   border:none}

form .submit{ margin:1em 0}
form .submit input{ width:15em;  height:2em}

.stretch, 
.clear{ clear:both;  height:1px;   margin:0;  padding:0;    line-height:1px}
.clearfix:after{ clear:both;  height:0;   display:block;  visibility:hidden;   content:"."}
.clearfix{display:inline-block}

.clearfix{display:block}

span.accesskey{ text-decoration:none}
.accessibility{ position:absolute;  top:-999em;  left:-999em}

body{ margin:0;  padding:0;   text-align:center;   background:#fff}
#container{ width:900px;   margin: 0 auto;  padding:0;   text-align:center;   background:#fff}


#header{ margin:20px 0 5em 0;   color:#fff;  background:#fff;   text-align:left}
#branding{ float:left;  width:40%;   margin:0;  padding:10px 0 18px 0;   text-align:left}
#search{ float:right;  width:49%;   margin:0;  padding:16px 20px 0 0;   text-align:right}
                    
#footer{ color:#fff}
                        
ul.subnav{        margin:0;         padding:0;                 font-size:0.8em;         list-style:none}
ul.subnav li{        margin:0 0 1em 0;         padding:0;                 list-style:none}
ul.subnav li a, 
ul.subnav li a:link, 
ul.subnav li a:visited, 
ul.subnav li a:active{        text-decoration:none;         font-weight:bold;                 color:black}
ul.subnav li a:hover{        text-decoration:underline}
ul.subnav li strong{        padding:0 0 0 12px;                 background:url("../i/subnav-highlight.gif") left top no-repeat transparent}
ul.subnav li strong a, 
ul.subnav li strong a:link, 
ul.subnav li strong a:visited, 
ul.subnav li strong a:active{ color:#fff;  background-color:black}

#content{        position:relative;         width:900px;                 margin:0px auto 20px auto;         padding:0;                 text-align:left}
#main{        float:left;         width:552px;         display:inline;                 margin-right:-171px;         margin-left:171px; background:url('../images/main-text-background.jpg') no-repeat}
#main-text{padding:0 60px 0 60px}
#sub{ float:right;  width:180px;  display:inline}
#leftside{        float:left;         width:181px;         display:inline;         margin-left:-552px;     padding-bottom:50px;     margin-bottom:10px   }

#highlights{float:left; width:180px; padding-bottom:6px; background:url('../images/highlights-bg.gif') center bottom no-repeat}
#highlights h3{text-transform:uppercase; font-size:100%; line-height:130%; border-bottom:1px solid #cacaca; margin:0px 10px 10px 10px; padding:0px 0px 2px 0px}
#highlights ul{list-style-type:none}
#highlights li{font-size:80%; margin:5px 10px 0 10px; padding:0 0 5px 0; border-bottom:1px dotted #999; line-height:1.3em}

.top{height:10px; min-height:10px; font-size:1px; background:url('../images/top-highlights-bar.gif') no-repeat}
.holder{border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD}

.clearboth{clear:both}

#nav{ position:absolute;  top:-25px;  left:0;  width:900px;   text-align:left}

/* NAV */
#nav{ font-size:0.9em; text-align:center }
* html #nav{  height:1%}
#nav .wrapper{ position:absolute;  left:0;  bottom:0;  width:100%}
#nav ul{ width:100%;   margin:0;  padding:0;   line-height:1em;  list-style:none}
#nav li{ float:left;  display:inline;   margin:0;  padding:0;   list-style:none;   line-height:1em;  border-right:1px solid #aaa}
#nav li.last{ border-right:none}
#nav li.selected a{ color:#80A1B6 !important}
#nav li.lastselected a{color:#80A1B6;  border-right:none}
#nav li.lastselected{ border-right:none}
#nav a, 
#nav a:link, 
#nav a:active, 
#nav a:visited{ display:inline-block;   display:block;    margin:0;  padding:5px 8px 5px 8px;   font-weight:bold;  text-decoration:none;   color:black}
#nav a:hover{ text-decoration:none; color:#80A1B6 }
#nav strong{ display:inline-block;   display:block;    color:#fff}
#nav .on a, #nav .on a:link, #nav .on a:active, #nav .on a:visited, #nav .on a:hover{ color:#fff}

#scroller{height:36px; background:url('../images/news_footer.jpg'); margin-bottom:40px}
#scroller p{font-family:"Lucida Grande",sans-serif; font-size:110%; color:#666}

.news-top{padding-top:15px}
.news-thumb img{float:right; padding:10px 0px 20px 20px; border:1px solid #fff}

input.short:hover, input.short:hover, 
input.short:focus, input.short.focus, 
input.med:hover, input.med.hover, 
input.med:focus, input.med.focus,  
select.med:hover, select.med.hover, 
select.med:focus, select.med.focus, 
textarea.textbox:hover, textarea.textbox.hover, 
textarea.textbox:focus, textarea.textbox.focus, 
textarea:hover, textarea.hover, 
textarea:focus, textarea.focus{ color:#000;   padding:1px;  border:1px solid #333;  background-color:#fff;  cursor:text}

#slideshow{position:relative; height:260px}

#slideshow2{position:relative; height:148px}

#slideshow IMG, #slideshow2 IMG{position:absolute; top:0; left:0; z-index:8; opacity:0.0}

#slideshow IMG.active, #slideshow2 IMG.active{z-index:10; opacity:1.0}

#slideshow IMG.last-active, #slideshow2 IMG.last-active{z-index:9}

h1#logo{width:232px; height:48px; position:relative}
h1#logo span{background:url(../images/tannlin_logo.jpg) no-repeat; position:absolute; width:100%; height:100%}

.bl{color:#333; background:#D9E4EA url(../images/bl.jpg) 0 100% no-repeat}
.br{background:url(../images/br.jpg) 100% 100% no-repeat}

.tl{background:url(../images/tl.jpg) 0 0 no-repeat}
.tr{background:url(../images/tr.jpg) 100% 0 no-repeat}

#main2{padding-left:30px; width:649px; float:left}
#sub2{background:url('/images/sidebar_border.jpg') top left no-repeat; float:left; margin:0 0 0 10px; width:200px; min-height:348px}

#scroller p, p.footerlinks{float:right; color:#333; font-size:0.8em; margin:12px 30px 0 0}

.breadcrumb{font-size:0.9em; margin-left:10px}

span.kcfoot a{text-decoration:none; float:left; padding:10px 0 0 70px; font:110% "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; color:#999}

.homepage{padding:360px 0 0 32px; width:400px}

a:active, a:focus, #nav .wrapper ul.clearfix li a:active, #nav .wrapper ul.clearfix li a:focus{text-decoration:underline}

.skip{height:0; width:0; display:block; overflow:hidden; margin:0; padding:0}
.anchor{height:0; width:0; display:block; margin:0; padding:0}                                         

p.right-info-panel{margin:20px 0 0 30px}
p.right-info-panel2{margin:0 0 0 30px}
p.mapstyle{margin:0 0 0 40px}

.item{font-weight:bold; text-decoration:underline}

li.contact{list-style-type:none}
li.contact img{float:left; margin-right:12px}

#map3{width:310px; height:310px; float:left}
#map2{width:310px; height:310px; float:left}
#map1{width:310px; height:310px; float:left; margin:0 0 40px 25px}

.floatLeft{float:left}
h3.irvinebase{width:335px; float:left}  

.homepage-img{background:url('../images/home-header.jpg') no-repeat; width:900px; height:513px}