/* reset.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;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:1.8em;line-height:1;margin-bottom:0.5em; color:#263997;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;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;}
p {margin:0 0 1.5em; color:#535b6e}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;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;}
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;}
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;}
.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;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* CONTAINERS */
body {
background: #31448c url('images/avt_bg.jpg') repeat-x top left;
font-size:75%;
color:#222;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.clear {
clear: both;
display: block;
height: 30px;
}

#container {
position: relative;
background: url('images/avt_main_bg.jpg') no-repeat top left;
width: 1024px;
}

#header {
height: 160px;
width: 900px;
}

#logo {
height: 160px;
width: 250px;
margin: 0 77px; 0 0;
}

#title {
position: absolute;
height: 80px;
width: 700px;
top: 0;
left: 259px;
padding: 80px 0 0 35px;
margin: 0 0 0 0;
}

#title h1 {
font-size: 16px;
color: #b3bfea;
}

#title h2 {
font: 28px;
color: white;
}

#title span.location {
font-size: 20px;
color: #b3bfea;
}


#left {
float: left;
font: 28px;
width:174px;
height: 600px;
color: white;
padding: 52px 0 0 80px;
}

#left h1 {
font-size: 11pt;
color: #8290c6;
margin: 0 0 10px 0;
}

#left p {
font-size: 10pt;
line-height: 17pt;
color: #b6c2ef;
margin: 0 0 20px 0;
}

#left p a {
font-size: 10pt;
line-height: 17pt;
color: #b6c2ef;
margin: 0 0 20px 0;
text-decoration: none;
}

#left p a:hover {
color: #fff;
}

#right {
float: left;
width:700px;
}

div.gallery {
width: 650px;
height: 440px;
display: block;
margin: 0 0 30px 0;
}

/*ÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐNAVIGATIONÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐ */
div.navigation {
    width: 700px;
    height: 39px;
    margin: 1px 0 0 0;
    padding: 0;
	font-size:1.2em;
	position: relative;
}

.navigation ul {
    margin:0;
    padding: 0;
    }

.navigation ul li {
	display: inline;
}

.navigation ul li a {
    float: left;
    height: 27px;
    text-decoration: none;
    padding: 10px 12px 0 12px;
    font: 12pt;
    color: white;
    border-right: 1px solid #5c6caf;
}

#one, #one a {
    text-decoration: none;
	padding:10px 12px 0 40px;
}


.navigation ul li.last {
    border: none;
    }

.navigation ul li.selected {
	float: left;
    height: 27px;
    padding: 10px 12px 0 12px;
    font: 12pt;
    text-decoration: none;
    color: white;
    background:#707fc7 url('images/avt_nav_over.jpg');
    border-right: 1px solid #5c6caf;
    }

.navigation ul a:hover {
    height: 27px;
    color: white;
    background:#707fc7 url('images/avt_nav_over.jpg');
}




/*ÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐCONTENT STYLESÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐ */
 img, .gallery_overlay  { behavior: url(pngfix/iepngfix.htc) }

#content{
	width:650px;
	margin: 30px 0 0 33px;
}

.gallery_overlay{
	width:250px;
	height:30px;
	background: transparent url('images/showcase.png') no-repeat top left;
	position: absolute;
	top: 345px;
	z-index: 3;
}

.image_copy p {
	width: 500px;
	color:#333;
	font-size: 10pt;
}


.image_copy img {
	margin: 0 0 30px 0;
}



.image_copy ul {
	margin: .5em 1em 1em 1em;
	width: 500px;
	padding: 5px;
	list-style-type: none;
}

.image_copy ul li {
	color:#333;
	font-size: 10pt;
	margin: 0 0 5px 0;
}

.image_copy h2 {
	background:#a9b3d3;
	display: inline;
	font-size: 10pt;
	line-height: 1.5;
	color: white;
	padding: 3px 10px 3px 10px;
	margin: 20px 0 20px 0;
}

/*ÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐADDRESS STYLESÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐ */






 /**************** Logo nav ****************/
div#footer{
 width:800px;
 clear: both;
 text-align:center;
 margin: 70px 0 0 80px;
 background: ;
 }
 
#footer p{
 text-align: center;
 margin: 0 auto 0 auto;
 padding: 0 0 10px 0;
 font-style: italic;
 font-size: 8pt;
 border-bottom: 1px solid #d3d6e2;
 }
 
 #logonav{
 height:69px;
 width:800px;
 margin: 15px 0 0 0;
 clear: both;
 }

 .hpllc a{
 height:46px;
 width:85px;
 background: transparent url(images/hpllc_sm.jpg) no-repeat top center;
 float: left;
 margin-left: 0;
 padding: 0 0 0 0;
 }
 
 .hpllc a:hover{
 height:69px;
 width:128px;
 background: transparent url(images/hpllc_lg.jpg) no-repeat top center;
 margin:-10px 0 0 -10px;
 } 
 
 .avt a{
 height:46px;
 width:70px;
 background: transparent url(images/avt_sm.jpg) no-repeat top center;
 float: left;
 margin-left: 15px;
 padding: 0 0 0 0;
 }
 
 .avt a:hover{
 height:69px;
 width:105px;
 background: transparent url(images/avt_lg.jpg) no-repeat top center;
 margin:-15px 0 0 20px;
 }
 
 .cc a{
 height:46px;
 width:74px;
 background: transparent url(images/cc_sm.jpg) no-repeat top center;
 float: left;
 margin-left: 15px;
 }
 
 .cc a:hover{
 height:69px;
 width:111px;
 background: transparent url(images/cc_lg.jpg) no-repeat top center;
 margin:-15px 0 0 15px;
 }
 
 .ce a{
 height:46px;
 width:112px;
 background: transparent url(images/ce_sm.jpg) no-repeat top center;
 float: left;
 margin-left: 15px;
 }
 
.ce a:hover{
 height:69px;
 width:168px;
 background: transparent url(images/ce_lg.jpg) no-repeat top left;
 margin:-15px 0 0 5px;
 }
 
 .comm a{
 height:46px;
 width:69px;
 background: transparent url(images/avt_comm_sm.jpg) no-repeat top left;
 float: left;
 margin-left: 15px;
 }
 
 .comm a:hover{
 height:69px;
 width:104px;
 background: transparent url(images/avt_comm_lg.jpg) no-repeat top left;
 float: left;
 margin:-15px 0 0 15px;
 }
 
 .cii a{
 height:46px;
 width:42px;
 background: transparent url(images/cii_sm.jpg) no-repeat top left;
 float: left;
 margin-left: 15px;
 }
 
 .cii a:hover{
 height:63px;
 width:69px;
 background: transparent url(images/cii_lg.jpg) no-repeat top left;
 margin:-15px 0 0 15px;
 }
 
 .ps a{
 height:46px;
 width:112px;
 background: transparent url(images/planner_sm.jpg) no-repeat top left;
 float: left;
 margin:0 0 0 15px;
 }
 
 .ps a:hover{
 height:69px;
 width:168px;
 background: transparent url(images/planner_lg.jpg) no-repeat top left;
 margin:-15px 0 0 5px;
 }
 
 .stud a{
 height:46px;
 width:85px;
 background: transparent url(images/stud_sm.jpg) no-repeat top left;
 float: left;
 margin-left: 10px;
 }
 
 .stud a:hover{
 height:69px;
 width:128px;
 background: transparent url(images/stud_lg.jpg) no-repeat top left;
 margin:-10px 0 0 5px;
 }
 
 
  /**************** End Logo nav ****************/