/* CSS Document */

	/* TYPOGRAPHY */
    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;
    }
    
    
	 /* LINKS */
    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
    }
	 /* END LINKS */
    
    
    
	 /* HEADINGS */
    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;
    }
	/* END HEADINGS */
	
	

	/* TEXT */
    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;
    }
	/* END TEXT */
    
	/* LISTS */
    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;
	}
	/* END LISTS */
    
    
    
	/* TABLE */
    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}
	/* END TABLE */    
    
    hr {
        display: none;
    }
    .hr {
        height: 1px;
        
        margin: 1.5em 10px;
        
        border-bottom: 1px dotted black;
    }
    
	/* END TYPOGRAPHY */    	
	
	
	
	
	
	/* FORM ELEMENTS */
    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;
    }
	/* END FORM ELEMENTS */
	
	
	
	
	/* clearing */
    .stretch,
    .clear {
        clear: both;
        height: 1px;        
        margin: 0;
        padding: 0;        
        /*font-size: 15px;*/
        line-height: 1px;
    }
    .clearfix:after {
        clear: both;
        height: 0;        
        display: block;
        visibility: hidden;        
        content: ".";
    }
    .clearfix {display:inline-block;}
    /* Hide from IE Mac \*/
    .clearfix {display:block;}
    /* End hide from IE Mac */
	
	/* end clearing */

	/* accessibility */
     span.accesskey {
         text-decoration: none;
     }
     .accessibility {
         position: absolute;
         top: -999em;
         left: -999em;
     }
	/* end accessibility */
	
	
	
	/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 0;
              
        text-align: center;
        
        background: #fff;
    }
    #container {
        width: 900px;
        
        margin:  0 auto;
        padding: 0;
        
        text-align: center;
        
        background: #fff;
    }
    
    /* HEADER */
        #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;
        }
    /* END HEADER */    
    
    /* FOOTER */
        #footer {
            color: #fff;
        }
        /*#footer p {
            margin: 0;
            padding: 15px;
			
            color:#000;
			
            font-size: 0.8em;
        }*/
    /* END FOOTER */
    
	/* END LAYOUT */
	
	


	/* UL.SUBNAV */
    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;
    }
	/* END UL.SUBNAV */
	
	
	
	/* NAV BAR AT THE TOP, LOCAL NAV ON THE LEFT AND TWO COLUMNS OF CONTENT */
    #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;
		/*padding-bottom:72px;
		background:url('../images/shadow.jpg') no-repeat bottom center;*/
    }
    #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;
    }
	/* END CONTENT */
	
	
	
	
	
	/* NAV */
    #nav {
        font-size: 0.9em;
		text-align:center
    }
    * html #nav {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
    }
    #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;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        
        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;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        
        color: #fff;
    }
    #nav .on a, #nav .on a:link, #nav .on a:active, #nav .on a:visited, #nav .on a:hover {
       color: #fff;
    }
	/* END NAV */
	
	
	
	#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 Elements */
	
	.news-top {padding-top:15px}
	.news-thumb img {float:right;padding:10px 0px 20px 20px;border:1px solid #fff}
	
	/* form elements begin (partial) ============================================ */

  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;
	}	
	/* form elements end (partial) */




	/*** set the width and height to match images **/
	
	#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;
	}
	
	/* css image replacement */
	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%;
	}
	
	
	
	
	
	/* Corners */
	
	.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, Footer Links */
	
	#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}
	
	/* Home page style */
	.homepage {padding:360px 0 0 32px;width:400px}
	
	
	/* Anchor Style */
	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}
  
  
  /* Sidebar Images */
  
  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}
  
  #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}