/* -------- Global Reset --------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
    padding:0;
    margin:0;
}
fieldset, img { 
    border:0;
}
table {
    border-spacing:0;
}
ol, ul {
    list-style:none;
}
address, caption, cite {
    font-weight:normal;
    font-style:normal;
}

/* -------- Begin Styling --------*/

body {
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size:62.5%;
    background:url(../images/bg.jpg) top left repeat-x #cccccc;
}

/* -------- Structure ---------*/
#wrapper {
    width:965px;
    background:#fff;
    margin:0 auto;
    position: relative;
}
#header {
    height:168px;
    color:#0c5fad;
    position:relative;
    background:url(../images/header.jpg)
}
#content-wrap {
    width:660px;
    background:#fff;
    float:left;

}
#cal #content-wrap {
    width:100%;
    background:#fff;
}
#sidebar {
    width:275px;
    float:right;
    background:url(../images/sidebar.jpg) top left no-repeat;
    padding:0 15px;
}
#subpg #sidebar {background:url(../images/sidebar2.jpg) top left no-repeat;}
#flash {
    width:660px;
    background:#fff;
}
#message {
    background:url(../images/under-flash.jpg) top center no-repeat;
    padding:15px;
    /*position:relative;*/
}
#message p {margin-bottom:5px;}
#homepg #supplementals {
    background:url(../images/supplementals.jpg) top left no-repeat #fff;
}
#supplementals {
    background:url(../images/supplementals2.jpg) top left no-repeat #fff;
}
#news, #mainSupp {
    padding:15px;
    position:relative;
    width:365px;
    height:413px;
}
#newsletter {
    position:absolute;
    top:10px;
    right:15px;
}
#footer {
    height:80px;
    background:#3175be;
    clear:both;
    padding:25px 6px 15px 6px;
    margin:0;
    position:relative;
}
/* ================ Text Rules ===================*/
h1 {	
    color:#014b94;
    font-size:1.6em;
    margin-bottom:8px;
}
h2 {	
    color:#373737;
    font-size:1.4em;
    margin-bottom:20px;
}
#subpg #content-wrap h2 {	
    color:#373737;
    font-size:1.4em;
    margin:7px 0;
}
#sidebar h2 {
    color:#fff;
    font-size:1.4em;
    margin-top:9px;
}	
h3 {
    color:#0090cf;
    font-size:1.4em;
    margin-bottom:8px;
}
h4 {
    color:#0090cf;
    font-size:12px;
    margin-bottom:8px;
}
p {	
    font-size:1.2em;
    color:#2c2c2c;
    line-height:140%;
    margin-bottom:10px;
}
#main-content p {text-align:justify;}
#bot-links {color:#b3c1d6;}
#bot-links a{color:#b3c1d6;}
a {color:#014b94;}
a:hover {color:#0090cf;}
#footer address {
    font-size:1.2em;
    color:#fff;
    margin:0 45px 0 10px;
    float:left;
}
#footer p, #footer p a {
    color:#fff;
    font-size:12px;
    margin-bottom:15px;
}
#footer p a {text-decoration:none;}
#footer p a:hover {color:#c2f4fb;}
#footer p span, #footer p span a {font-size:11px;}

/* --- Icons, HR, images ---*/
div.hr {
    height:15px;
    background:url(../images/dotted.jpg) repeat-x left center transparent;
    margin:10px 0;
}
div.hr hr {display: none;}
sup {font-size:.8em;}

.img-l {
    margin:4px 10px 0 0;
    padding:4px;
    background:white;
    border:1px solid #d3d3d3;
    float:left;
}
.img-r {
    margin:4px 0 0 10px;
    padding:4px;
    background:white;
    border:1px solid #d3d3d3;
    float:right;
}
.float-left {
    margin:4px 10px 0 0;
    padding:4px;
    float:left;
}
.float-right {
    margin:4px 0 0 10px;
    padding:4px;
    float:right;
}
.rounded {float:left;
          margin-right:5px;
}

/*Events*/

#events {
    width:242px;
    float:right;
    padding:0 10px 0 2px;
}
#events_calendar {margin-bottom:9px;}

/* News Reader */
#news dl {
    font-size:1.1em;
    line-height:145%;
    margin-bottom:10px;
    color:#1e1e1e;
}
#news dt {
    font-weight:bold;
}
#news #date {
    font-style:italic;
    font-size:11px;
}
#news dd.details a{
    color:#014b94;
    padding-left:12px;
    background:url(../images/details_arrow.gif) 0 50% no-repeat;
}
#news dd.hide a{	
    background:url(../images/details_arrow2.gif) 0 50% no-repeat;
}
#message dd.hide a{
    padding-left: 12px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
    background:url(../images/details_arrow2.gif) 0 50% no-repeat;
}
#message dd.hide a{
    background:url(../images/details_arrow2.gif) 0 50% no-repeat;
}
#news dd.details a:hover {
    color:#b2bb13;
    background:url(../images/details_arrow_hover.gif) 0 50% no-repeat;
}
#message dd.details a:hover {
    color:#b2bb13;
    background:url(../images/details_arrow_hover.gif) 0 50% no-repeat;
}	
#news dd.hide a:hover{
    background:url(../images/details_arrow_hover2.gif) 0 50% no-repeat;
}
#message dd.hide a:hover{
    background:url(../images/details_arrow_hover2.gif) 0 50% no-repeat;
}	

#hideButton5 a{
    padding-left: 12px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
    background:url(../images/details_arrow2.gif) 0 50% no-repeat;
}
#hideButton5 a:hover {
    color:#b2bb13;
    background:url(../images/details_arrow_hover.gif) 0 50% no-repeat;
}	


p span.details a {
    color:#014b94;
    padding-right:12px;
    background:url(../images/details_arrow.gif) right 50% no-repeat;
}
p span.details a:hover {
    color:#b2bb13;
    background:url(../images/details_arrow_hover.gif) right 50% no-repeat;
}
a.pdf {
    color:#014b94;
    padding-right:19px;
    background:url(../images/pdf_icon.png) right 50% no-repeat;
}
a.word {
    color:#014b94;
    padding-right:23px;
    background:url(../images/word_icon.png) right 50% no-repeat;
}
a:hover.pdf, a:hover.word {color:#b2bb13;}

/* Staff DL Rules */
dl.staffList  {
    font-size:14px;
    line-height:120%;
    margin-bottom:12px;
    color:#444;
    background:url(../images/dotted.gif) bottom left repeat-x;
    padding-bottom:13px;
}
dl.staffList img, img#biopic {
    float:left;
    margin:4px 10px 0 0;
    padding:2px;
    background:#fff;
    border:1px solid #d3d3d3;
}
img#biopic {
    float:right;
    margin:4px 10px 0 20px;
    padding:2px;
    background:#fff;
    border:1px solid #d3d3d3;
}
.staffList dt a{
    font-weight:bold;
    font-size:13px;
    text-decoration:none;
    line-height:160%;
}
.staffList dt a:hover{
    background:url(../images/details_arrow_aqua.gif) center right no-repeat;
    padding-right:10px;
}
.staffList dd {font-size:12px;}
.staffList dd.subject {font-weight:bold;}
.staffList dd.staffEmail a{
    color:#014b94;
    background:url(../images/email.jpg) center right no-repeat;
    font-size:12px;
    padding-right:17px;
    text-decoration:none;
}

.staffList dd.staffEmail a:hover {
    color:#b2bb13;
    text-decoration:underline;
}

/* Top Sidebar */
#sidebar dl { 
    color:#2e2e2e;
    margin-bottom:7px;
    padding-left:30px;
    background:url(../images/green_arrows.png) 0 10% no-repeat;
    line-height:145%;
}
#sidebar dt a{
    font-weight:bold;
    font-size:1.3em;
    width:237px;
    color:#2e2e2e;
    text-decoration:none;
}
#sidebar dt a:hover{
    color:#014b94;
    text-decoration:underline;
}
#sidebar dd {
    font-size:1.2em;
    width:237px;
    padding-bottom:6px;
    background:url(../images/dotted.jpg) bottom left repeat-x;
}
#sidebar blockquote {
    width:282px;
    height:54px;
    background:url(../images/quote_box.png) top left no-repeat;
    margin-left:-7px;
    font-size:12px;
    color:#2e2e2e;
    line-height:120%;
    padding:5px;
}
#sidebar blockquote img {
    float:left;
    margin-right:5px;
}
#sidebar blockquote span {font-style:italic;}

/* === Header Rules ===*/
#logo { position:absolute;
        top:25px;
        left:7px;
}
#hotline { 
    position:absolute;
    top:53px;
    right:300px;
}
/* === top menu rules ===*/
ul#top-menu {
    position:absolute;
    top:60px;
    right:0;
}
ul#top-menu li {
    float:left;
    font-size:11px;
    margin-right:9px;
}
ul#top-menu li a{ 
    color:#fff;
    text-decoration:none;
    background:url(../images/circle.gif) right 50% no-repeat;
    padding-right:12px;
}
ul#top-menu li a:hover {color:#f28e34;}
ul#top-menu li#no-bullet a {background:none;}

/* Call Out Boxes */
.call_outs {
    width:292px;
    height:103px;
    margin:10px 0 10px -7px;
    background:url(../images/call-out-box.jpg) top left no-repeat transparent;
}
.call_outs a {text-decoration:none;}
.call_outs a:hover {text-decoration:underline;}
.call_outs h3 {
    font-size:14px;
    color:#373737;
    padding:10px 0 5px 0;
    margin:0;
}
.call_outs p {
    font-size:11px;
    line-height:125%;
    padding:0 10px 0 0;
}
.call_outs img.leftImg  {
    float:left;
    margin:4px 5px 0 9px;
}

/* Photo Gallery */
#photobox {
    height:90px;
    margin-bottom:15px;
}
#photobox h3 {
    font-size:14px;
    color:#373737;
    padding:5px 0;
}
#photobox img {
    float:left;
    padding:4px;
    background:white;
    border:1px solid #d3d3d3;
    margin-right:10px;
}
/* Quick Contact */
#quick_contact {
    border:1px solid #ededed;
    padding:10px 15px;
    margin-bottom:20px;
    background:url(../images/quick_contact_bg.gif) bottom left repeat-x #fff;
}
#quick_contact h3, #full_contact h3 {
    color:#3074be;
    font-size:14px;
    margin:0 0 5px 0;
    padding:0;
}
#quick_contact input, #quick_contact  textarea {
    width:100%;
    margin:0 auto 6px auto;
    padding:2px 0 0 4px;
    border:1px solid #efefef;
    color:#a9a9a9;
    font-size:10px;
    font-family:arial, helvetica, sans-serif;
}
#quick_contact  input {height:17px;}
#quick_contact  textarea {
    height:63px;
    padding:4px 3px 0 1px;
    font-size:11px;
}
#quick_contact #button-submit {
    width:65px;
    height:18px;
    text-align:right;
    margin:0;
    border:0;
    background:transparent;
}
#formfields p {
    margin-top:11px;
    margin-bottom:11px;
}

/* Full Contact*/
#full_contact {
    margin:20px 0 10px 0;
}
#full_contact input, #full_contact  textarea {
    width:80%;
    margin:0 auto 10px auto;
    padding:2px 0 0 4px;
    border:1px solid #dcdcdc;
    color:#a9a9a9;
    font-size:12px;
    font-family:arial, helvetica, sans-serif;
}
#full_contact  input {height:17px;}
#full_contact textarea {
    height:63px;
    padding:4px 3px 0 3px;
    font-size:12px;
}
#full_contact #button-submit {
    width:65px;
    height:18px;
    text-align:right;
    margin:0;
    border:0;
    background:transparent;
}
full_contact #formfields p {
    margin-top:11px;
    margin-bottom:11px;
}

/* Recognition Box */
#homepg #recognition_box {
    background:#f9f9f7;
    width:630px;
    height:auto;
    min-height: 184px;
    margin:0 0 20px 10px;
    padding:5px;
    position:relative;
}
#recognition_box {
    background:#f9f9f7;
    border:1px solid #e9e9e7;
    width:620px;
    margin:0 0 20px 10px;
    padding:10px;
    position:relative;
}
#student_month {
    background:#fff;
    float:left;
    width:200px;
    margin:0 20px 10px 1px;
    padding:8px;
    text-align:center;
}
#recognition_box img#checkmark {
    position:absolute;
    top:29px;
    right:10px;
    border:none;
    background:none;
}
#student_month img {
    padding:4px;
    background:white;
    border:1px solid #d3d3d3;
    margin-bottom:8px;
}

#homepg #recognition_box #student_month p {font-size:10px; line-height:110%;}
#recognition_box  p	{
    font-size:12px;
    line-height:130%;
    margin-bottom:5px;
}
#student_month h2{
    margin:0 0 5px 0;
    padding:0;
}
#recognition_box h3 {
    color:#373737;
    font-size:1.4em;
    margin:7px 0 6px 0;
}
#recognition_box ol li {
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    color:#373737;
    line-height:160%;
}
#recognition_box ol li span {
    font-weight:bold;
    margin-right:4px;
}
#recognition_box .more-link {
    margin:5px 0 0 0;
}

/* More Link Button */
.more-link {
    display:block;
    float:left;
    margin:10px 0 0 5px;
    padding:0 0 0 20px;
    color:#d73a3a;
    background:url(../images/more-link-left.jpg) no-repeat 0 100%;
}
#message .more-link {
    margin:-8px 0 0 552px;
    position:absolute;
    /*right:13px;*/
}
.more-link a {
    display:block;
    font-size:11px;
    text-decoration:none;
    color:#464646;
    padding:0px 11px 1px 0;
    margin:0;
    line-height:17px;
    background:url(../images/more-link-right.jpg) no-repeat 100% 0;
    font-family:"Myriad", Arial, Helvetica, sans-serif
}
.more-link a:hover {
    color:#489a0a;
}

#csd {
    position:absolute;
    bottom:10px;
    right:10px;
}
#twitter {
    position:absolute;
    top:15px;
    right:10px;
}

/* Lists */
#content-wrap ul {margin-bottom:10px;}
#content-wrap ul li{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#373737;
    line-height:140%;
    margin-left:8px;
    padding-left:15px;
    background:url(../images/details_arrow_aqua.gif) 0 6px no-repeat;
}
/* ================================== 6. Tables: ================================== 

table {
	padding:1px 0;
	border:none;
	width:100%;
	margin:10px 0 20px 0;
	background:#fff;
	text-align:center;
	border-bottom:1px solid #def1f9;
	}
th {
	padding:7px;
	background:#02366d;
	color:#fff;
	font-size:12px;
	}
tr{background:#f1f4f7;}
tr.cellcolor{ background:#def1f9;}
td {
	border:.1em solid #fff;
	padding:10px;
	font-size:12px;
	width:25%;
	color:#024082;
	vertical-align:top;
	line-height:120%;
	}
td.bolded {font-weight:bold; color:#024082;}
td a {color:#024082;}
td a:hover {color:#ec8b00;}*/