/* CSS for ALVP website */
body {font: 74%/1.6 arial, helvetica, arial, sans-serif; background-color:#F1F1F1; color:#64738D; text-align:center;}
html {overflow-y:scroll;}
* {margin:0; padding:0;}
br.clean {clear:both;}

/* page container */
div#container {margin:20px auto 0 auto; border-top:1px solid #C4C4C4; border-left:1px solid #C4C4C4;border-right:1px solid #C4C4C4; border-bottom:1px solid #fff; text-align:left; background-color:#FFF;  width:726px; w\idth:724px;}

/* header component - masthead background image for benefit of IE5.0 */
div#masthead {background:url(../assets/masthead.png) no-repeat;}
div#masthead p {display:none;}
div#nav {height:85px; background:url(../assets/masthead.png) no-repeat;}

/* primary navigation */
div#nav ul {position:relative; background:url(../assets/nav.png) no-repeat 210px 52px; height:85px;}
div#nav ul li {list-style-type: none; float:left;}
div#nav ul li a {height: 33px; text-decoration:none; overflow:hidden;  border-bottom:1px solid #C4C4C4;}
div#nav ul li a strong {display:none;}

div#nav ul li#home a {position:absolute; left:0px; top:0px; width:210px;  height:85px; }
div#nav ul li#home a:hover {}
div#nav ul li#what a {position:absolute; left:210px; top:52px; width:130px;}
div#nav ul li#what a:hover {border-bottom:2px solid #92B053;}
div#nav ul li#how a {position:absolute; left:340px; top:52px; width:111px;}
div#nav ul li#how a:hover {border-bottom:2px solid #E09C00;}
div#nav ul li#placements a {position:absolute; left:451px; top:52px; width:96px;}
div#nav ul li#placements a:hover {border-bottom:2px solid #C34D4B;}
div#nav ul li#reflections a {position:absolute; left:547px; top:52px; width:95px;}
div#nav ul li#reflections a:hover {border-bottom:2px solid #937DB8;}
div#nav ul li#about a {position:absolute; left:642px; top:52px; width:82px;}
div#nav ul li#about a:hover {border-bottom:2px solid #778CC1;}


/*content area */
div#contentholder {clear:both; margin:25px 0 0 0; min-height:350px; height:auto !important; height:350px;}
div#left {float:left; width:180px;}
div#content {float:left; width: 544px;}
div#right {float:right; width:185px;}

div#left a {border:none;}
div#left p {margin: 5px 0 1em 20px;}
div#left p a:link, div#left p a:visited {border:none; text-decoration:none;}
div#left p a:hover {text-decoration:underline;}

img.home_left {border:none; margin: 0 0 10px 18px;}
img.home_right {border:none; margin:0 15px;}
div#right img {border:none;}
div#right img a {border:none;}

div#links_right {float:right; width:220px;background-color:#f1f1f1; border:1px solid #ccc; margin: 0 10px 0 0;}
* html div#links_right {margin:0 5px 0 0;}
div#links_right h2 {font-size: 1.2em; text-align:center; margin:0; line-height:1.2; padding:.5em 0;}
div#content div#links_right p {font-size:.9em; text-align:center; margin:0 1em 1em 1em; line-height:1.3}

div#panelright {float:right; width:220px;background-color:#f1f1f1; border:1px solid #ccc; margin: 0 10px 0 10px;}
* html div#panelright {margin:0 5px 0 0;}
div#panelright h2 {font-size: 1.2em; margin:0 1em; line-height:1.2; padding:.5em 0;}
div#content div#panelright p {margin:0 1em 1em 1em;}


/* general typography */
div#content p, div#content li {font-size:1em; color:#64738D;}
div#content p {margin:0 2em 1em 0;}
h1 {padding:0 0 .5em 0; font-size:1.4em; color:#C34D4B;}
h2 {padding:0 2em .25em 0; font-size:1.2em; color:#C34D4B;}
h3 {padding:.5em 0 .25em 0; font-size:1.1em; color:#C34D4B;}
h4 {padding:0 1em .25em 0; font-size:1em; font-style:italic; color:#64738D;}
h5 {font-size:1em; font-style:italic; font-weight:normal; color:#64738D; margin:0 0 .5em 0;}
div#content div.line {border-bottom:1px solid #C34D4B; margin:10px 10px 10px 0; height:1px; clear:both;}
div#content div.line hr {display:none;}

div#content address {font-style:normal; font-weight:normal; margin: .5em 0 1em 0;}
div#content address p {margin:0; line-height:1.4;}

div#content a:link, div#content a:visited  {color:#E19B00; text-decoration:none;}
div#content a:hover {color:#C34D4B; text-decoration:underline;}


div#content dt {font-size:1em; font-weight:bold; margin:.5em 2em 0 0;}
div#content dd { margin:0 2em 1em 0;}

div#content ul, div#content ol {font-size:1em; margin:0 2em 1em 1.5em; padding:0;}
div#content ul li {list-style-type:square;}

div#content ul.contact {margin:0 2em 2em 0;}
div#content ul.contact li {list-style-type:none;}

/* opportunities list */
div#content div#opportunities-list dl {float:left; padding:0 0 10px 0; margin:0 40px 10px 0; display:inline;  border-bottom:1px solid #C4C4C4; width:504px}
div#content div#opportunities-list dt {float:left; clear:left; font-size:1em; font-weight:bold; margin:0 0 0 0; width:100px;}
div#content div#opportunities-list dd strong {display:block;}
div#content div#opportunities-list dd {float:left; width:400px; margin:0 0 4px 0;}
/* opportunities list */

/*sub-navigation */
div#left ul {list-style: none; margin: 0.2em 20px 20px 20px; padding: 0;}
div#left ul li {font-size:1.2em; border-bottom: 1px solid; margin: 0; font-weight: bold;}
div#left ul li a {font-size:.85em; display: block; text-decoration: none; font-weight:normal; width:100%; padding: 5px 0;}
html>body div#left ul li a {width: auto;}
div#left ul li a:hover {color: #000;}

div#left ul li#section {border-bottom: 2px solid;}

div#left ul.what, div#left ul.what li {border-color: #93B154;}
div#left ul.what li, div#left ul.what li a:link, div#left ul.what li a:visited, div#left p.what a {color:#93B154;}
div#left ul.what li a:hover {background-color:#F4F7EE; color: #000;}

div#left ul.how, div#left ul.how li {border-color: #E09D00;}
div#left ul.how li, div#left ul.how li a, div#left p.how a {color:#E09D00;}
div#left ul.how li a:hover {background-color:#FCF5E5; color: #000;}

div#left ul.placements, div#left ul.placements li {border-color: #C34E4C;}
div#left ul.placements li, div#left ul.placements li a, div#left p.placements a {color:#C34E4C;}
div#left ul.placements li a:hover {background-color:#F9EDED; color: #000;}

div#left ul.reflections, div#left ul.reflections li {border-color: #937DB8;}
div#left ul.reflections li, div#left ul.reflections li a, div#left p.reflections a {color:#937DB8;}
div#left ul.reflections li a:hover {background-color:#F4F2F8; color: #000;}

div#left ul.about, div#left ul.about li {border-color: #788CC2;}
div#left ul.about li, div#left ul.about li a, div#left p.about a {color:#788CC2;}
div#left ul.about li a:hover {background-color:#F1F3F9; color: #000;}

div#content div.map {width:220px; background-color:#f1f1f1; float:right; margin: 0 1em 1em 1em; border:1px solid #000;}
div#content div.map p {font-size:.9em; text-align:center; margin:0; padding:0 .5em .5em .5em;}

div#content div.rightphoto, div#content div.fullphoto, div#left div.leftphoto {background-color:#f1f1f1; border:1px solid #c4c4c4;}
div#content div.rightphoto {width:220px; float:right; clear:right; margin: 0 1em .5em 1em;}
div#content div.rightphoto.small {width:160px; clear:right;}
div#content div.fullphoto {width:534px; margin:1em 0;}
* html div#content div.fullphoto img {margin:0 0 .5em 0;}
div#left div.leftphoto {width:144px; margin:0 0 1em 18px;}

div#content div.rightphoto p, div#content div.fullphoto p, div#left div.leftphoto p {font-size:.9em; text-align:center; margin:0; padding:.2em .5em .2em .5em;}


/* image floats */
img.border {border:1px solid #c4c4c4; margin:0 0 .5em 0;}
img.right {float:right; margin: 0 1em 1em 1em;}
img.rightborder {float:right; margin: 0 1em 1em 1em; border:1px solid #000;}
img.map {margin: 1em 0 1em 1em;}

/* footer styles */
div#footer {clear:both; font-size:1em; background:#fff;}
div#footer p {padding:1em 0 1em 20px; float:left;  color:#E09C00;}
div#footer ul {padding:1em .5em; float:right;}
div#footer li {list-style-type:none; display:inline; padding:0 .3em 0 0; color:#E09C00;}
div#footer ul li a {text-decoration:none; color:#E09C00; padding:0 .3em 0 0; border:none;}
div#footer ul li a:hover {color:#C34D4B; text-decoration:underline;}

/* footer credit */
div#credit {clear:both; width:724px; margin:-1px auto 0 auto; border-top:1px solid #C4C4C4; text-align:left; background-color:#F1F1F1;}
div#credit ul {font-size:.8em; margin:.2em 0 .5em 20px;}
div#credit li {display:inline;}
div#credit ul li a {text-decoration:none; color:#999; border:none;}
div#credit ul li a:hover {text-decoration:underline;}