@charset "UTF-8"; 
/* CSS Document */

/* Meyer Reset -- do not modify
----------------------------------------------------------------------------------------------------*/
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:101%;vertical-align:baseline}
body{line-height:1}
/*ol,ul{list-style:none}*/
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* :focus{outline:0} */
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16{margin-left:auto; margin-right:auto; width:960px}

/* Grid >>Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha{margin-left:0 !important}

.omega{margin-right:0 !important}

/* Grid >>Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_16{display:inline; float:left; position:relative; margin-left:10.0px; margin-right:10.0px}

/* Grid 
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1{width:40px}
.container_16 .grid_2{width:100px}
.container_16 .grid_3{width:160px}
.container_16 .grid_4{width:220px}
.container_16 .grid_5{width:280px}
.container_16 .grid_6{width:340px}
.container_16 .grid_7{width:400px}
.container_16 .grid_8{width:460px}
.container_16 .grid_9{width:520px}
.container_16 .grid_10{width:580px}
.container_16 .grid_11{width:640px}
.container_16 .grid_12{width:700px}
.container_16 .grid_13{width:760px}
.container_16 .grid_14{width:820px}
.container_16 .grid_15{width:880px}
.container_16 .grid_16{width:940px}

/* Prefix Extra Space
----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1{padding-left:60px}
.container_16 .prefix_2{padding-left:120px}
.container_16 .prefix_3{padding-left:180px}
.container_16 .prefix_4{padding-left:240px}
.container_16 .prefix_5{padding-left:300px}
.container_16 .prefix_6{padding-left:360px}
.container_16 .prefix_7{padding-left:420px}
.container_16 .prefix_8{padding-left:480px}
.container_16 .prefix_9{padding-left:540px}
.container_16 .prefix_10{padding-left:600px}
.container_16 .prefix_11{padding-left:660px}
.container_16 .prefix_8{padding-left:720px}
.container_16 .prefix_13{padding-left:780px}
.container_16 .prefix_14{padding-left:840px}
.container_16 .prefix_15{padding-left:900px}

/* Suffix Extra Space
----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1{padding-right:60px}
.container_16 .suffix_2{padding-right:120px}
.container_16 .suffix_3{padding-right:180px}
.container_16 .suffix_4{padding-right:240px}
.container_16 .suffix_5{padding-right:300px}
.container_16 .suffix_6{padding-right:360px}
.container_16 .suffix_7{padding-right:420px}
.container_16 .suffix_8{padding-right:480px}
.container_16 .suffix_9{padding-right:540px}
.container_16 .suffix_10{padding-right:600px}
.container_16 .suffix_11{padding-right:660px}
.container_16 .suffix_12{padding-right:720px}
.container_16 .suffix_13{padding-right:780px}
.container_16 .suffix_14{padding-right:840px}
.container_16 .suffix_15{padding-right:900px}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.stack_div{clear:both; margin:10px 0 10px 0; min-height:198px;}
 
/* Structure
----------------------------------------------------------------------------------------------------*/
body{margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; font-family:Arial, Helvetica, sans-serif; color:#222; line-height:140%; font-size:100%; background-color:#58554f; min-width:980px;}


#pg_interior table{width:90%; background-color:#DEDCD3; margin: 7px auto; border-collapse:collapse; border:#666666 1px solid; font-size:.8em;}
#pg_interior tr {border:#666666 1px solid;}
#pg_interior td {padding:10px;}

#cleartable{width:90%; background-color:#ffffff; margin: 7px auto; border-collapse:collapse; border:none hidden; font-size:.8em;}
#cleartable tr {border:none hidden;}
#cleartable td {padding:10px;}

.table_transparent{width:90%; background-color:#ffffff !important; margin: 7px auto; border-collapse:collapse !important; border:none hidden #ffffff !important; font-size:.8em;}
.table_transparent tr {border:none hidden !important;}
.table_transparent td {padding:10px !important;}

.feature_links_table{width:320px; background-color:#FFFFFF; margin: 10px 0; border-collapse:collapse; border:none hidden; font-size:.8em; float:right;}
.feature_links_table td {padding:3px 5px 3px 0;}


#header{width:100%; background-color:#363636; min-height:120px; background-image:url(../images/core/black_bar_background.jpg); background-repeat:repeat-x;}
#center{width:100%; background-image:url(../images/core/background_paper.jpg); background-repeat:repeat ;}
#footer{width:100%; min-height:120px; background-color:#58554f;}

#logo{padding:15px 0 0 0; background-image:url(../images/core/black_bar_background.jpg); background-repeat:repeat-x;}
#search {margin-top:30px;}
#main_content{min-height:600px; width:960px;}
#main_content_index{height:600px; bgcolor:#FFFFFF; width:960px;}
#main_content_front_index{height:525px; background-image:url(../images/core/background_paper.jpg); background-repeat:repeat ; width:960px;}
#nav {float:left; margin-top:30px;}
#nav_highlight {width:160px; margin:15px 15px 15px 15px; padding:10px 0 15px 0; background-color:#FFFFAA;}
#nav ul{margin:0 0 0 20px; line-height:115%; }
#nav li {padding-top:7px;}
#features {width: 689px; height:266px; float:right; margin-right:0; margin-left:0; padding:6px;}
#real_estate {float:left;}
#real_estate, #features {background-color:#898989; border:solid 1px #474747; margin-top:10px;}
#pg_front_index {width:688px; background-color:#FFFFFF;float:right; margin:30px 0px 10px 0; border:#474747 1px solid; padding:5px; height:470px; overflow:visible;}
#pg_index {width:688px; background-color:#FFFFFF;float:right; margin:30px 0 20px 0;border:#474747 1px solid; padding:5px; min-height:300px}
#pg_gate {float:right; background-color:#FFFFFF;margin:20px 0 20px 0;}
#pg_interior {float:right; background-color:#FFFFFF;width:640px; padding: 25px 30px 30px 30px; border:1px solid #474747; margin:30px 0 30px 0; min-height:700px;}
#pg_compressed {float:right; background-color:#FFFFFF;padding: 25px 20px 20px 20px;  border:1px solid #474747;}
#tab_photo {border:none; align:centered;}
#tab_feature {color:#000; text-align:left; font-size:.875em;}
#tab_feature h2{font-size:1em; font-weight:bold;}
#accordian {border:none hidden; !important;}
.nowrap {white-space:nowrap;}
#foureightywidthcaption {padding: 0 70px 20px 70px; font-size:.8em; font-style:italic;}

/* Images
----------------------------------------------------------------------------------------------------*/
.logo_left{margin:10px 10px 20px 0; border:none hidden; float:left;}
.photo_left{margin:5px 20px 2px 0; border:solid #666 1px; float:left;}
.photo_right{margin:5px 0 2px 20px; border:solid #666 1px; float:right;}
.photo_clear{margin:20px 0 10px 0; border:solid #666 1px; clear:both; align:center; }
h1 + img.photo_clear {margin:20px 0 0 20px;}
.graphic_left{margin:5px 20px 2px 0; border:none hidden; float:left;}
.graphic_right{margin:5px 0 2px 20px; border:none hidden; float:right;}
.graphic_clear{margin:30px 0 30px 0; border:none hidden; clear:both; align:center; }

#real_estate {width:210px; height:266px; padding:7px 7px 4px 7px; margin-left:20px; float:left;}
#real_estate img {border:none; margin:0 0px 1px 0;}
#real_estate a {padding:0;}
#features img {border:1px #222 solid; margin:0 3px; padding:0; float:left;}
#features a img {border:1px #222 solid; margin:0 3px; padding:0; float:left;}
.link_icon {vertical-align:-10%; line-height:80%; padding:0; margin:0; }

/* Text
----------------------------------------------------------------------------------------------------*/

p {margin-top:20px; color:#222; line-height:160%; font-size: .9em;}
.slideshow_p {margin-top:0; color:#222; line-height:160%; font-size: .9em;}
h1 {margin-top:15px; margin-bottom:10px; font-weight:normal; color:#731014; font-size:1.7em; line-height:120%;text-transform:capitalize;font-family: "adobe-text-pro-1","adobe-text-pro-2";}
h2 {margin-top:30px; color:#222; margin-bottom:0px; font-weight:normal; font-size:1.3em; line-height:120%;text-transform:capitalize;font-family: "adobe-text-pro-1","adobe-text-pro-2";}
h3 {margin-top:20px; color:#222; margin-bottom:0px; font-weight:bold; font-size:.875em; text-transform:uppercase; }
ol,ul{margin: 15px 0 10px 20px; padding-left:15px; list-style-position: outside;}
h1 + h2 {margin-top:10px;}
ul + h3 {margin-top:30px;}
h3 + p {margin-top:10px;}
h3 + ul, h3 + ol {margin-top:10px;}

#logo {font-family:Arial, Helvetica, sans-serif; font-style:normal; font-variant:normal; }
#logo #school {font-size:.8em; text-align:left; margin:11px 0 0 3px; line-height:120%;}
#logo #shp {font-size:2.2em; margin:7px 0 5px 0; font-family: "adobe-text-pro-1","adobe-text-pro-2";}
#logo #department {font-size:1.7em; margin:3px 0 0 0; line-height:100%;font-family: "adobe-text-pro-1","adobe-text-pro-2";}
#logo #program {font-size:1.7em; margin:3px 0 0 0; line-height:100%; font-family: "adobe-text-pro-1","adobe-text-pro-2";}
#logo #system {font-size:.8em; margin:3px 0 0 0;font-style:italic;}

#nav li {margin:5px 0 0 0; font-size:.95em;}
#nav li a{text-decoration:none;}
#nav li a:hover, #nav li a:focus {text-decoration:underline; color:#990000;}

#pg_interior ul, #pg_interior ol {font-size: .9em;}
#pg_interior ul li, #pg_interior ol li {padding-left:10px; padding-top:5px;}
#pg_interior p {margin-left:20px;}
#pg_interior ul li ul, #pg_interior ol li ul, #pg_interior ul li ol, #pg_interior ol li ol {font-size:1em; margin:10px 0 10px 20px;}

#pg_compressed p {margin-top:10px; color:#444; line-height:150%; font-size: .75em;}
#pg_compressed h2 {margin-top:15px; margin-bottom:10px; font-weight:normal; font-size:18px; font-size:1em; }
#pg_compressed h3 {margin-top:15px; margin-bottom:5px; font-weight:bold; font-size:1em; }

#colophon, #address {font-size:.9em; color:#CCC; text-align:left; line-height:130%; padding-top:1.25em; padding-bottom:30px;}
#colophon p, #address p{color:#CCC; text-align:left; margin-top:.3em;}


/* Links
----------------------------------------------------------------------------------------------------*/
a:link{color:#7A6413; }
a:hover, a:focus{text-decoration:underline; color:#990000;}
a:active{color:#FF3;}
a:visited{color:#960;}

#logo a:link{color:#FFFFFF; text-decoration:none;}
#logo a:hover, #logo a:focus{color:#FFCC66; text-decoration:none;}
#logo a:active{color:#FFCC66; text-decoration:none;}
#logo a:visited {color:#FFFFFF; text-decoration:none;}

#colophon a:link, #address a:link {color:#FFF;}
#colophon a:hover, #address a:hover, #colophon a:focus, #address a:focus {text-decoration:none; color:#FFCC66; background-color:#222222;}
#colophon a:active, #address a:active {color:#FF9;}
#colophon a:visited, #address a:visited {color:#FF9;}
.hr_space{border:hidden none #ffffff; color:#ffffff; display:none;}

/* Popup styles
----------------------------------------------------------------------------------------------------*/

#popupBody {background-color:#FFFFCC;} 
#popupBody img {margin:auto; border:solid 1px;}
#popupBody p {margin-left:30px; margin-right:30px; margin-top:0; line-height:150%;}

#audiopopupBody {background-color:#FFFFFF;} 
#audiopopupBody img {margin:auto; border:solid 1px;}
#audiopopupBody p {margin-left:30px; margin-right:30px; margin-top:0; line-height:150%;}

/* JQuery Tabs
Thanks to apricot-studios.com for their tutorial
----------------------------------------------------------------------------------------------------*/

#tabs{font-size:90%;}
#tabs ul{float:left; background:none; width:100%; margin:0 0 0 -.6em; height:2.5em;}
#tabs li{height:2.0em; margin:.12em .12em .16em .12em; list-style:none; background-image:url(../images/core/black_tabs_background.jpg); background-repeat:repeat-x;padding: 0 .30em 4px .30em; font-size:.94em; display:block;}
#tabs li:hover, #tabs li:focus{height:2.0em; margin:.12em .12em .16em .12em; list-style:none; background-image:url(../images/core/black_tabs_background.jpg); background-repeat:repeat-x;padding: 0 .30em 4px .30em; font-size:.94em; border-bottom:#000000 12px solid; display:block;}
* html #tabs li{display:inline; /* ie6 double float margin bug */}
#tabs li, #tabs li a{float:left}
#tabs ul li a{text-decoration:none; padding:5px; color:#FFCC66; font-weight:normal; font-size:.9em;}
#tabs ul li a:hover, #tabs ul li a:focus{text-decoration:none; padding:5px; color:#FFFFFF; font-weight:normal; font-size:.9em;}
#tabs ul li.active{background-image:url(../images/core/red_tabs_background.jpg); background-repeat:repeat-x; border-bottom:#950100 12px solid;}
#tabs ul li.active a{/*background:url(img/nav-left.gif) no-repeat left top; */color:#FFF}
#tabs div{clear:both;}
#tabs div h3{text-transform:uppercase; margin-bottom:10px; letter-spacing:1px; }
#tabs div p{line-height:150%}
#tabs p{margin-left:10px;}
.indextabs { min-height:300px;}
#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5, #tabs-6, #tabs-7, #tabs-8, #tabs-9 {border:#9B9B9B 1px solid; padding:30px 30px 20px 30px; height:450px;}
#front-tabs-1, #front-tabs-2, #front-tabs-3, #front-tabs-4, #front-tabs-5, #front-tabs-6, #front-tabs-7, #front-tabs-8, #front-tabs-9 {border:#9B9B9B 1px solid; padding:30px 30px 20px 30px; height:380px;}



/* JQuery Accordian Navigation
Thanks to www.mathachew.com/sandbox/collapsible-menu/ for their tutorial
-----------------------------------------------------------------------------------------------------*/

.example_menu{font-size:90%; list-style:none; margin:0; padding:0; vertical-align:top; width:220px}
.expand_all, .collapse_all{ cursor:pointer}
.example_menu ul{display:none; list-style:none; margin:0; padding:0;}
#navigation_menu li{background-image:none; margin:0;}
.example_menu ul ul{display:block}
.example_menu ul ul li a{padding-left:25px; width:225px}
.example_menu a{color:#000; cursor:pointer; display:block; font-weight:bold; margin-left:0; padding:2px 2px 2px 25px;}
.example_menu a.expanded{background: url('../../layout/images/core/collapse.gif') no-repeat 0px 20%;}
.example_menu a.collapsed{background: url('../../layout/images/core/expand.gif') no-repeat 0px 20%}
.example_menu a:hover, .example_menu a:focus{text-decoration:none; color:#FF3; }
.example_menu ul a{border-top:1px solid #f9d794; color:#000; display:block; font-weight:normal; padding:5px 2px 6px 6px; margin-top:-7px;}
.example_menu ul a:link{font-weight:normal}
.example_menu ul a:hover, .example_menu ul a:focus{background:#f5f5f5; text-decoration:underline}
.example_menu li.active a{}
.example_menu li.active li a{background:#e8e8e8}
#menu1 li.nav_footer, #menu2 li.nav_footer, #menu3 li.nav_footer, #menu4 li.nav_footer, #menu5 li.nav_footer, .example_menu .nav_footer{background:transparent url('../../layout/images/core/footer.jpg') no-repeat 0 0; height:9px; line-height:15px; margin:0 0 10px 0; width:131px}
.example_menu .footer span{display:none}
.link_block_b{display:inherit;}



/* JQuery Slideshow
Thanks to jonraasch.com for the great tutorial
------------------------------------------------------------------------------------------------------*/

#slide_and_caption {background-color:#FFFFFF; padding:5px 7px 5px 7px; margin:0 0 40px 0; height:290px;}
#slide_and_caption DIV {background-color:#999; padding:10px;}
.gate_img_div {margin-right:25px; margin-top:0; padding:0; float:left; border:none hidden; color:#999999; font-size:90%; font-style:italic;}
.gate_img_div img {clear:both;}
.gate_img_div p {margin:10px;}
#slideshow-1, #slideshow-2, #slideshow-3, #slideshow-4, #slideshow-5{ position:absolute;  z-index:8}
#slideshow-1.active, #slideshow-2.active, #slideshow-3.active, #slideshow-4.active, #slideshow-5.active{ z-index:10}
#slideshow-1.last-active, #slideshow-2.last-active, #slideshow-3.last-active, #slideshow-4.last-active, #slideshow-5.last-active{ z-index:9}
.gate_slideshow{width:590px; height:295px; clear:both}



/* Skip to links
------------------------------------------------------------------------------------------------------ */
.offset a { position:absolute; left:-1000em; padding:5px 10px; font-weight:bold; background-color:#fc3; color: #222; font-size:.8em; }
.offset a:focus, .offset a:active,  .offset a:focus { position:fixed; top:2em; left:2em; z-index: 1000; }