/* ---------------------------------- Remove Bad Browser Styles */
* {margin:0; padding:0}
:link,:visited {text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset {margin:0; padding:0; }
a img,:link img,:visited img {border:none; margin:0; padding:0;}
address {font-style:normal; }

/* ---------------------------------- Fix Browser Float Problems */

hr.fixFloat {clear:left; visibility:hidden; margin: 0; padding: 0; height:0;}
div.fixFloat,div.clear {clear:both; margin: 0; padding: 0; height: 0; width:0; visibility:hidden; font-size:1px; float:none; display:block;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */


/* ---------------------------------- Global Body */

body {font: 12px/18px normal Arial, Helvetica, Verdana, Sans-serif; color: #666666; line-height: 18px; text-align:center; }

a {color: #2c8d9e; text-decoration: none;}
a:link {color: #2c8d9e; text-decoration: none;}
a:hover, a:focus {color: #000;}
p {line-height:15px; margin:0 0 8px 0; padding:0}
strong {color:#333;}

#top_bg {width: 816px; margin: 15px auto 0px auto; padding:10px 10px 0px 10px; background: url(/__data/assets/image/0019/3367/top.png) no-repeat bottom center;filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='/__data/assets/image/0019/3367/top.png', sizingMethod='fixed');}

#content_bg {overflow:hidden; width: 662px; margin-left:auto; margin-right:auto; border: 1px solid #999; padding-bottom: 20px; margin-top: 30px; margin-bottom: 30px;}

#page-container {width: 600px; margin-left:auto; margin-right:auto; text-align:left; background-color:#fff;}

#noscriptTitle {width: 816px; color: #e00000; font-size: 16px; padding: 0px; margin: 10px auto 0 auto; text-align: left; text-transform: uppercase;}
#noscriptText {width: 816px; font-size: 12px; padding: 3px; margin: 0 auto -10px auto; text-align: left;}

/* ---------------------------------- Global Headers */
h1 {font: 16px normal Arial, Helvetica, Verdana, Sans-serif;}
h2 {font: 16px normal Arial, Helvetica, Verdana, Sans-serif; margin-top:4px; padding-left:6px;}
h2.alert {font: bold 16px Arial, Helvetica, Verdana, Sans-serif; color: #ff0000; padding:0px;}
h3.mainSubHead {font: bold 12px Arial, Helvetica, Verdana, Sans-serif; padding-bottom:4px; color:#c4582b; clear:left;}
h3.alert{font: bold 14px Arial, Helvetica, Verdana, Sans-serif; color:#ff0000; padding:0px;}
h3 {font: 22px normal Arial, Helvetica, Verdana, Sans-serif; padding-bottom:6px; padding-top:6px;}
h4 {font: 22px normal Arial, Helvetica, Verdana, Sans-serif; padding-bottom:6px;}
h5 {font: 22px normal Arial, Helvetica, Verdana, Sans-serif; padding-bottom:6px;}
h6 {font: 22px normal Arial, Helvetica, Verdana, Sans-serif; padding-bottom:6px;}

/* ---------------------------------- Main Header */

#header {height: 72px;}
#logo {float: left; margin-top: 10px; padding:20px 0 0 10px;}

#search-etc {float: right; margin-top: 30px;}
#search {clear: both; position: relative; right: 10px; bottom: 16px; padding-right: 10px;}
input#queries_name_embbed_query {font-size:10px; height:11px; width:120px; border:1px solid #2C8D9E;}

#header-items {clear: both; position: relative; right: 220px; top:2px; color: #2C8D9E;}
#header-items a {color: #2C8D9E; font: normal 10px Arial, Helvetica, sans-serif;}
#header-items a:hover,#header-items a:focus {color: #525245;}


/* ---------------------------------- Top Navigation */

#navcontainer {height:25px;}
#navcontainer ul{margin: 0; padding: 0; list-style-type: none; text-align: center;}
#navcontainer ul li{display: block; float: left; text-align: center; padding: 0; margin: 0;}
#navcontainer ul li a {background: #82a227; padding: 4px 0 3px 0; color: #ffffff; text-decoration: none; display: block; text-align: center; font: normal 11px/18px Arial, Helvetica, Verdana, Sans-serif; text-transform: uppercase;}
#navcontainer ul li a:hover,#navcontainer ul li a:focus {color: #ffffff; background: #a1b95d; border: 0;}
#navcontainer ul li a.current, #navcontainer ul li a.hierarchy {color: #ffffff; background: #c3cc93; border: 0;}

/* ---------------------------------- Specific Widths for Top Navigation */

#navcontainer ul li a#a261,#navcontainer ul li a#a265,#navcontainer ul li a#a269,#navcontainer ul li a#a5932,#navcontainer ul li a#a8312,#navcontainer ul li a#a281,#navcontainer ul li a#a592 {
border-right: 1px solid #ffffff;}

#navcontainer ul li a#a261 {width: 100px;}
#navcontainer ul li a#a265 {width: 114px;}
#navcontainer ul li a#a269 {width: 86px;}
#navcontainer ul li a#a5932 {width: 139px;}
#navcontainer ul li a#a8312 {width: 115px;}
#navcontainer ul li a#a281 {width: 105px;}

#navcontainer ul li a#a592 {text-transform: none; background:#4A6B2B; width: 151px; border: 0; background:#525245 url(/__data/assets/image/0014/2363/contacts_bg.gif);}

#navcontainer ul li a#a592:hover, #navcontainer ul li a#a592.current, #navcontainer ul li a#a592.hierarchy
{text-transform: none; background:#a9a9a2 url(/__data/assets/image/0014/2363/contacts_bg.gif); width: 151px; color: #ffffff;}

/* ---------------------------------- Section Title */

#section_title {/*float:left;*/ font: normal 12px Arial, Helvetica, sans-serif; color: #F5F5AF; padding: 8px 0 8px 10px; width:806px; background-image: url(/__data/assets/image/0016/2365/title_bg.jpg); border-top:1px solid #8EA04F; border-bottom:1px solid #8EA04F;}

#section_title span {font: bold 32px Arial, Helvetica, sans-serif; color: #ffffff; letter-spacing: 1px;}

.content_title {font: bold 20px Arial, Helvetica, sans-serif; color:#525245; padding:0;}


/* ---------------------------------- Page Body */

#pagebody_holder {/*width: 640px;*/ width:53.33em; float: left; position: relative; overflow:hidden; background-color: #fff;}

#pagebody {/*width: 578px;*/ width:48.17em; padding:10px 20px 20px 40px; min-height:350px; /* Min Height Hack */ height:auto !important;  float: left; position: relative; overflow:hidden; background-color:#fff;}

#middleBody {background-color:#f0eee9;}
.clearFloat {clear: left;}


/* ---------------------------------- Sub Pages Style */

/* ---- All Columns Headings */

div#fullColumn h3.linkHead {clear:left; font: bold 12px Arial, Helvetica, Verdana, Sans-serif; color:#c4583b; margin:10px 0 4px 0; padding:0; text-transform:uppercase;}
h2.mainBody {font: bold 20px Arial, Helvetica, Verdana, Sans-serif; color:#525245; margin:0 0 10px 0; padding:0;}
h3.subH3 {font: bold 12px Arial, Helvetica, Verdana, Sans-serif; color:#c4583b; margin:10px 0 2px 0; padding:0;}

/* ---- All Columns */

#fullColumn ol, #fullColumnAlt ol,#leftColumn ol,#leftColumnAlt ol {padding-left: 20px; list-style-type: decimal; margin-bottom:12px;}
#fullColumn ul, #fullColumnAlt ul, #leftColumn ul,#leftColumnAlt ul {padding-left: 20px; list-style-type: disc; margin-bottom:12px;}
#fullColumn li, #fullColumnAlt li, #leftColumn li,#leftColumnAlt li {list-style-position: outside; margin: 4px;}

img.bodyImg {float:left; padding:0 6px 4px 0;}
span.imgCaption {clear:left; float:left; width: 150px;}

/* ---- Full Column */

#fullColumn {float:left; width:582px; padding: 20px 10px 10px 10px;}
#fullColumnAlt {float:left; width:540px;}

div#fullColumn p,div#leftColumn p {margin:0 0 10px 0; line-height:15px;}
div#fullColumn a.link {color:#467412; font: bold 12px Arial, Helvetica, Verdana, Sans-serif;}
div#fullColumn a.link:hover {color:#525245;}

/* ---- Left Column */

#leftColumn {float:left; width:342px; padding-right: 20px; margin-right: 20px; border-right: 1px solid #7d7d74;}

#leftColumnAlt {float:left; width:255px; padding-right: 15px; margin-right: 15px;}

div#leftColumn a.link {color:#467412; font: bold 12px Arial, Helvetica, Verdana, Sans-serif;}
div#leftColumn a.link:hover {color:#525245;}

/* ---- Right Column */

#rightColumn {float:left; width:180px; font: normal 11px Arial, Helvetica, Verdana, Sans-serif;}
#rightColumn a {color:#c4582b;}

#rightColumnAlt {float:left; width:280px; font: normal 11px Arial, Helvetica, Verdana, Sans-serif;}
#rightColumnAlt a {color:#2C8D9E;}

div.reachUs,div.sideBody {line-height:15px;}
div.sideBody hr {display:none;}
div#rightColumn .sideBody a {color:#2C8D9E;}
div#rightColumn .sideBody a:hover{color:#525245;}
.hrWrap {clear:left; border-bottom:1px solid #7d7d74; margin:4px 0 6px 0; width:165px;}
h2.sideBar {font: normal 20px Arial, Helvetica, Verdana, Sans-serif; color:#2c8d9e; margin:0; padding:0;}

/* ---------------------------------- Footer */

#footer {clear: both; height: 22px; font: normal 10px Arial, Helvetica, Verdana, Sans-serif; color: #ffffff; padding: 8px 10px 5px 10px; line-height: 18px; background-color: #525245;}
#footer a {color: #ffffff; font: normal 12px Arial, Helvetica, Verdana, Sans-serif;}
#footer a:hover {color: #c3cc93;}

#footer #altnav {width: 350px; float: right; text-align: right;}

#footer .email {font-size: 11px;}

#footer #copyright {padding-top: 5px;}

#footer_right {float: right;}

#footer span {padding:0 9px;}

#copyright {font: normal 10px Arial, Helvetica, Verdana, Sans-serif; color:#C2BEB2; margin-bottom:5px;}

/* ---------------------------------- Image Preview */

.float-start{float:left;}
.float-end{clear: both;}
.thumbnail{float:left; position: relative;}
.thumbnail:hover, .thumbnail img {display: block;}
.thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #FCFBDE; padding: 5px; left: -2000px; border: 1px dashed gray; color: black; text-decoration: none; z-index:50;}
.thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px;}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/ top: 0; left: 60px; /*position where enlarged image should offset horizontally */}

/* ---------------------------------- Tool Tip */

.calendarTool {display: block; z-index: 100; position: absolute; top:0; left:0; width: auto; padding: 3px; border: 1px solid #336; background-color: #666666; font: normal 12px arial, helvetica, sans-serif; color: #fff; text-align: left;}

span.tool {position: relative;}
span.tool span.tip {display: none;}

span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  padding: 2px;
  background-color: #f7f7ee;
  font: normal 11px arial, helvetica, sans-serif;
  color: #666;
  text-align: left;
  width:180px;
  top: 24px;
}

/* ---------------------------------- Form & Doc Icons */
p.iconPDFbody {clear:left; float:left; width:16px; height:16px; padding-left:5px; background-image:url("/__data/assets/image/0004/7933/PDFIcon.png"); background-repeat:no-repeat; filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='/__data/assets/image/0004/7933/PDFIcon.png', sizingMethod='fixed');}

p.iconPDFside {clear:both; float:left; width:16px; height:26px; padding-left:5px; background-image:url("http://websrv.puc.edu/__data/assets/image/0004/7933/PDFIcon.png"); background-repeat:no-repeat; filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='/__data/assets/image/0004/7933/PDFIcon.png', sizingMethod='fixed');}

div.formTitleBody{
	float: left; width: 100%; padding: 8px 4px 12px 4px;
}
div.formGroupHead{font: bold 12px Arial, Helvetica, Verdana, Sans-serif; padding-bottom:4px; color:#fff; padding: 4px 0 4px 4px; background-color: #999; border-top:1px solid #D3D3D3; border-right:1px solid #D3D3D3; border-left:1px solid #D3D3D3; margin:0 1px 0 0;
}
div#rightColumn .formTitle p a{float:left; width:149px; padding-top:2px; }
div#rightColumn .formTitle a{color:#2C8D9E; font: normal 11px Arial, Helvetica, Verdana, Sans-serif;}
div#leftColumn .formTitleBody p a{font: 12px Arial, Helvetica, Geneva, sans-serif; float:left; padding-top:2px; margin-bottom: -5px;}
div#leftColumn .formTitleBody a{color:#2C8D9E; font: normal 11px Arial, Helvetica, Verdana, Sans-serif;}
div#fullColumnAlt div.formTitleBody p{font: 11px Arial, Helvetica, Geneva, sans-serif; float:left; padding-top:2px; margin-bottom: -5px;}
div#fullColumnAlt div.formTitleBody p a{font: 11px Arial, Helvetica, Geneva, sans-serif;}
div#fullColumnAlt div.formTitleBody p a strong{font: bold 11px Arial, Helvetica, Geneva, sans-serif;}

div#rightColumn div.formTitle a:hover{color:#525245;}
div#leftColumn div.formTitleBody a:hover{color:#525245;}
div#fullColumnalt div.formTitleBody a:hover{color:#525245;}
div.formTitleBody a strong:hover{color:#C4582B;}

/* ---------------------------------- Tables */
table {border-bottom:none; empty-cells:show; border-collapse: collapse; font-size:11px;}
td {padding:8px 5px;}
tr.even {background-color:#F7F7F7;}
tr.odd {background-color:#EBEBEB;}
tr.evenAlt {background-color:#F7F7F7; text-align:center;}
tr.oddAlt {background-color:#EBEBEB; text-align:center;}
td p.titleSide {text-align: right;
}
table.bodyContentAlt td.formHeader {font: bold 12px Arial, Helvetica, Geneva, sans-serif; color: #fff; background-color: #999; border: 1px solid #999;
}
table.bodyContentAlt td.formHeader {font: bold 12px Arial, Helvetica, Geneva, sans-serif; color: #fff; background-color: #999; border: 1px solid #999;
}
table.bodyContent {border-bottom:none; empty-cells:show;  border-collapse: collapse; font-size:11px;}

table.bodyContentAlt {border:1px solid #D3D3D3; empty-cells:show; font-size:11px;}

table.bodyContentAlt td{border:1px solid #D3D3D3; padding:5px 5px; text-aling:center; vertical-align:top;}

table.bodyContent td.alt { text-align: center; vertical-align: top; padding:8px 5px; border-left:1px dashed #D3D3D3; border-bottom:1px solid #D3D3D3;}

table.bodyContent td.alt2 {text-align: center; padding:0; vertical-align: top;}

/* ---------------------------------- Two-Column List */
#fullColumn div.leftList {clear: left; display: block; float:left; width: 225px;}
#fullColumn div.rightList {display: block; float:left; width: 225px; padding-left:10px;}

#fullColumnAlt div.leftList {clear: left; display: block; float:left; width: 265px;}
#fullColumnAlt div.rightList {display: block; float:left; width: 265px; padding-left:10px;}

div.titleClear {clear: both;}


/* ---------------------------------- Link-Descr List */
.testList ol {padding-left: 20px; list-style-type: decimal; margin-bottom:12px;}
ul.testList {padding-left: 20px; list-style-type: disc; margin-bottom:12px;}
.testList li {list-style-position: outside; margin: 4px;}

/* ---------------------------------- Standard Form styles- Use body div id-fullColumnAlt */
h3.formSection {font: normal bold 12px Arial, Helvetica, Verdana, Sans-serif; padding-bottom:4px; color:#c4582b; clear:left; text-transform: uppercase;border-bottom: 1px solid #D3D3D3;}
div.formItem {clear: left; width:100%;}
div.formItem p.question {display: block; float: left; text-align:right; padding:5px 5px 5px 0; width:175px;}
div.formItem p.questionAlt {display: block; float: left; text-align:right; padding:5px 5px 5px 0; width:115px; font-weight: bold;}
div.formItem p.question span.formNote{font-size: 8pt;line-height: 10px;}
div.formItem p.answer {display:block; float: left; padding-top: 5px; width: 360px;}
div.formItem p.answerAlt {display:block; float: left; padding-top: 5px; width: 420px;}
div.formItem p.answer select{margin:-5px 8px 0 0; width: 165px;}
div.formItem p.answer select#formDay{width: 50px;}
div.formItem p.answer select#formMonth{width: 55px;}
div.formItem p.answer select#formYear{width: 65px;}
div.formItem div.answer textarea {margin-bottom: 10px;}
div.formItem li{display:block; float: left; margin:4px 8px 0 0;}
div.formItem li input{display:block; float: left; margin-top:0;}
div.formItem p.answerAlt {display:block; float: left; padding-top:0; margin-left:0; line-height:24px;}
span.formReq{font: bold 12px Arial, Helvetica, sans-serif; color: #c4582b;} 

/* ---------------------------------- Alternate Body Full Column Alt */
div.bodySubLeft { float:left; width:195px; padding:10px 10px 10px 0; }
div.bodySubLeft img{padding:5px; border:1px solid #D3D3D3;}
div.bodySubLeft a{line-height:24px;}
div.bodySubRight { float:left; width:320px; padding:10px 0 0 10px; border-left:1px solid #D3D3D3;}

/* Headshots */
div.noHeadshot {width: 120px; height: 100px; border: 1px solid #a3a3a3; padding-top: 50px; margin: 10px 0;}
img.headshot {border: 1px solid #a3a3a3; margin: 10px 0;}