/*Hilltopics CSS */

/*Font and link styes*/
body {
background-color: #fff;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
line-height: 160%;
margin: 0; 
}

table { font-size: 100%; }

a img { border: 0; }

/* 091108 changed by sarah dukes to make links bold weight */
a:link{ 
color: #133a7d; 
text-decoration: none;
font-weight: bold;
}

a:visited {  
text-decoration: underline;
font-weight: bold;
}

a:hover {  
color: #0066FF; 
text-decoration: underline;
font-weight: bold;
}

a:active {  
color: #0066FF; 
text-decoration: underline;
font-weight: bold;
}

h1 {
font-size: 140%;
line-height: 150%;
color: #990000; 
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: -5px;
margin-top: 5px;
 }

h2 {
font-size: 110%;
line-height: 110%;
padding: 10px 0 0 0;
color: #990000; 
font-weight: bold; }

h3 {
font-size: 105%;
line-height: 105%;
color: #000; 
font-weight: bold; }

h4 {
font-size: 110%;
line-height: 110%;
color: #990000; 
 }

h5 {
font-size: 100%;
line-height: 100%;
color: #990000; 
 }

h6 {
font-size: 140%;
line-height: 140%;
color: #990000;
font-weight: bolder;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
border: 1px #990000 solid;
background-color: #f1dfbd;
padding: 2px; }
 
strong { font-weight: bold; }
bold { font-weight: bold; }

em { font-style: italic; }
i { font-style: italic; }

abbr { font-style: normal; text-decoration: none; }
acronym { font-style: normal; text-decoration: none; }

OL { list-style-position: outside; }

UL {
color : #002740; 
list-style-image:   url(/images/bullet.gif); 
list-style-type: square;
list-style-position: outside;
}

UL UL LI {
list-style-image:   url(/images/sub_bullet.gif);
}

UL UL UL LI {
list-style-image:   url(/images/sub_bullet.gif);
} 

/* Structure stlye */

/* University branding */

#branding {
width:100%;
background: #B50E39;
font-family: Arial, Helvetica, sans-serif;
}

#branding p {
font-size: 100%;
color: #f4df9f;
vertical-align: middle;
font-weight: bold;
margin: 0px;
}

#branding a:link {  
color: #FFF; 
text-decoration: none;
font-weight: bold;
}

#branding a:visited {
color: #FFFFCC;
text-decoration: none;
font-weight: bold;
}

#branding a:hover {  
color: #FFFF99;
text-decoration: none;
font-weight: bold;
}

#branding a:active {  
color: #FFFF66; 
text-decoration: none;
font-weight: bold;
}

#printlogo {
display: none;
}

/* Magazine band */
/*updated branding-maglogo and branding-maglogo2 on 20100303 by sarah dukes for new secondary colors and freshening of graphics */
#branding-maglogo2010{
background-color: #d0c27e;
background-image:  url("../images/headerupdate-largeflat-20100303.gif");
height: 87px;
background-repeat: no-repeat;
border-top: 1px #fff solid;
border-bottom: 1px #000 solid;
}

#branding-maglogo2010 span { display: none;}

#branding-maglogo{
background-color: #eecf99;
background-image:  url("../images/head.gif");
height: 87px;
background-repeat: no-repeat;
border-top: 1px #fff solid;
border-bottom: 1px #000 solid;
}

#branding-maglogo span { display: none;}

/*updated branding-maglogo and branding-maglogo2 on 20100303 by sarah dukes for new secondary colors and freshening of graphics */
#branding-maglogo2-2010{
background-color: #d0c27e;
background-image:  url("../images/headerupdate-smallflat-20100303.gif");
height: 65px;
background-repeat: no-repeat;
border-top: 1px #fff solid;
border-bottom: 1px #727272 solid;
}

#branding-maglogo2-2010 span { display: none;}

#branding-maglogo2{
background-color: #eecf99;
background-image:  url("../images/head2.gif");
height: 65px;
background-repeat: no-repeat;
border-top: 1px #fff solid;
border-bottom: 1px #727272 solid;
}

#branding-maglogo2 span { display: none;}


/*taken from bgreen.bradley.edu by sarah dukes 20090617 */
#search {
margin: -20px 0px 0px 0px;
}



/* Department band */
#department{
background-color: #fff;
height: 61px;
border-bottom: 1px #727272 solid;
}

#department_links p { 
font-size: 92%; 
font-weight: bold; 
font-style: normal; 
margin: 4px 0px 0px 0px; 
padding: 0px 10px 0px 0px; } 

#department_links p a:link { 
color: #303b66; 
text-decoration: none; }

#department_links p a:active { 
color: #0066FF; 
text-decoration: underline; }

#department_links p a:visited {
text-decoration: none; }

#department_links  p a:hover  { 
color: #0066FF; 
text-decoration: underline; }

/* Links column */
#nav_main {
text-align: left; 
vertical-align: top; 
background-color: #fff; 
margin: 15px 0px 0px 0px; 
width: 165px;
border-right: 1px #727272 solid; }

#nav_main p { 
font-weight: bold; 
font-style: normal; 
display: block; 
margin: 0px 0px 0px 5px;  
 }

#nav_main p a:link { 
color: #303b66; 
text-decoration: none; 
display: block; 
padding: 5px 5px 5px 5px;}

#nav_main p a:active { 
color: #ced1dd; 
text-decoration: none; 
display: block; 
background-color: #eedec1; 
padding: 4px 4px 4px 4px;}

#nav_main p a:visited { 
color: #303b66; 
text-decoration: none; 
display: block;
padding: 5px 5px 5px 5px;}

#nav_main p a:hover { 
color: #3153d9; 
text-decoration: none; 
display: block; 
background-color: #eedec1; 
padding: 4px 4px 4px 4px;
border: 1px #dcad5b solid; }


/* special element in the main Nav bar */

.navspecial {
text-align: left;  
padding: 0px 0px 0px 5px;
margin: 10px;
 }
 
.navspecial-h2 {
padding: 0px 0px 0px 10px;
 }

/* Body information*/
#container2 {
width: 100%;
border-right: 1px #727272 solid;
max-width:800px;
min-width:600px;
 }
/* container
LEGACY ONLY as of 20090825, Fall 2009 issue. Adopting a more fluent sidebar as featured on http://www.bradley.edu/spotlight/09/welcomeweek/ (this is an inline style, but HT will use a class since we'll use it often). "container2" is 160 pixels less for max and min width (width of the old sidebar class).*/
#container {
width: 100%;
max-width:960px;
min-width:760px;
 }

#content{
padding: 15px;
font-size: 115%;
margin-top: 15px;
line-height: 130%;
text-align: left;
color: #000;
}

.content-boldcolor { 
font-size: 140%;
font-weight: bold; 
color: #c68218;
line-height: 200%; }

/*sidebar  
LEGACY ONLY as of 20090825, Fall 2009 issue. Adopting a more fluent sidebar as featured on http://www.bradley.edu/spotlight/09/welcomeweek/ (this is an inline style, but HT will use a class since we'll use it often). Will need to keep this for archives, as well as make "container2" that is 160 pixels less for max and min width (width of this sidebar class). */

#sidebar {
text-align: left; 
vertical-align: top; 
border-left: 1px #727272 solid;
border-right: 1px #727272 solid;
width: 150px;
padding: 5px;
margin: +10px;
 }
 
#sidebar2 {
margin: 0px 0px 10px 10px; padding: 0px 10px 10px 10px; width: 160px; background-color: #e7e0be; float: right;
 }
 
#sidebar2 h2{
line-height:130%; margin: 5px 0px 10px 0px;
}

#sidebar2-left {
margin: 0px 10px 10px 0px; padding: 0px 10px 10px 10px; width: 160px; background-color: #e7e0be; float: left;
 }
 
#sidebar2-left h2{
line-height:130%; margin: 5px 0px 10px 0px;
}

/* edited 20090616 by sarah dukes to bring headlines closer to body copy in sidebar, especially for web extras*/
#sidebar h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 110%;
font-weight: bold;
color: #990000;
text-align: left;
margin-bottom: -10px; }

#sidebar p {
font-style: normal;
color: #454545; }

#sidebar p a:link { 
color: #303b66; 
text-decoration: none;}

#sidebar p a:active { 
color: #ced1dd; 
text-decoration: none;
}

#sidebar p a:visited { 
color: #303b66; 
text-decoration: none; 
}

#sidebar p a:hover { 
color: #3153d9; 
text-decoration: none;
}

/* added 20100304 by sarah dukes to format table to match phone feature grid, Spring 2010*/
#insidetable-20100304 p {
	margin: 0px 10px 10px 10px; padding: 0px 10px 10px 10px; color: #fff; font-weight: bold;
 }
 
#insidetable-20100304 h2 { 
	margin: 10px 10px 5px 10px; padding: 10px 10px 5px 10px; color: #fff; font-weight: bold; line-height:130%; font-size: 150%;
}

/* Misc */

.red-text {
color: #990000;
}

.black-text {
color: #000000;
}

.rule {
border-bottom: 1px #dcad5b solid;
}

.to-top {
font-size: 92%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000;
text-align: right; }

.date {
font-family: Arial, Helvetica, sans-serif;
font-size: 92%;
text-align: left;
color: #666666;
font-weight: bold; }

.author {
font-family: Arial, Helvetica, sans-serif;
font-size: 92%;
line-height:120%;
font-weight: bold;
color: #333333;
margin-top: 15px;
}

.caption {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
line-height:120%;
font-weight: normal;
color: #666;
margin-top: 15px;
}

.caption-red {
color: #990000;
font-weight:bold;
}

/*added 112907 by sarah dukes for subhead treatment*/
.caption-black {
color: #000;
font-weight:bold;
}

.bigtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 115%;
line-height:140%;
font-weight: bold;
color: #333333;
}

.bigtext-red {
font-family: Arial, Helvetica, sans-serif;
font-size: 115%;
line-height:140%;
font-weight: bold;
color: #990000;
}

/* old Pull quote from Daniel, kept for archival issues */

.quote {
font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
line-height: 120%;
font-weight: bold;
color: #990000;
float: right;
width: 15em;
margin: 0 1em 1em;
padding: 0.25em }


.pullquote_right {
	float: right;
	padding: 10px 10px 10px 15px;
	margin:15px 0px 15px 20px;
	width: 150px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 140%;
	line-height : 180%;
	font-weight : bold;
	color: #990000;
}

/*added by sarah dukes to have different type style for pullquote's attributed author*/
.pullquote_right_author {
	font-size: 80%;
	line-height: 80%;
	font-weight: normal;
}

.pullquote_left {
	float: left;
	padding: 10px 15px 10px 10px;
	margin:10px;
	width: 150px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 140%;
	line-height : 180%;
	font-weight : bold;
	color: #990000;
}

/*added by sarah dukes to have different type style for pullquote's attributed author*/
.pullquote_left_author {
	font-size: 80%;
	line-height: 80%;
	font-weight: normal;
}


#standards
{
visibility: hidden;
display: none;
margin-bottom: 0;
padding-bottom: 0;
width: 0;
height: 0;
}

.dropcap {

float: left;
width: 70px;
font-size: 550%;
line-height: 65%;
font-weight: normal;
color:#444444;
font-family: Arial, Helvetica, sans-serif;

}


.picturepad {
padding: 10px 10px 10px 0px;
float: left;
}

/*added 113007 by sarah dukes to take off top padding of pic in text*/
.picturepadnotop {
padding: 0px 10px 10px 0px;
float: left;
}

/*added 113007 by sarah dukes to clear all floats*/
.clear {
clear: both;
}

/*added 20090903 by sarah dukes to clear left and right floats*/
.clear-left {
clear: left;
}

.clear-right {
clear: right;
}

.picturepadright {
	padding: 10px 0px 10px 10px;
	float: right;
}

/*Reworked by daniel to try and eliminate the multiple entries in the style sheet to get different sized photos w/captions and w/o captions (see archived versions of css called photo_caption_right, photosmall_caption_left, etc.*/

.photo_right {
padding: 5px 5px 0px 10px;
float:right;
}

.photo_right p {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: left;
color: #666;
margin: 0px;
}

.photo_left {
padding: 5px 10px 0px 0px;
float:left;
}

.photo_left p {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: left;
color: #666;
margin: 0px;
}

/*added 20090302 to center large captions without breaks on the alumni people page: width:400px doesn't work in here*/  
.center_captions {width: 75%; margin: 0 auto; text-align:center;}

/*added 20090302 to center large captions without breaks on the alumni people page: width:400px doesn't work in here*/  
.center_textleft {width: 75%; margin: 0 auto;}



/*Special large graphic for departments*/

.montage {
float:right;
margin: -29px -15px 20px 20px; 
}

.special-headline {
font-size: 160%;
line-height: 200%;
text-align: left;
color: #990000; 
font-weight: bold;
font-family: Arial, Helvetica, sans-serif
margin-top:10px;
 }
 
/*20100617 Div with visibility initially hidden for quiz answers, link to show div is on text in page that says "show answer >" */

.quizanswer {
	visibility:hidden;
}


/* Footer information */

#footer { 
clear: both; 
margin: 0px 0px 0px 0px; 
padding: 2px 10px 2px 10px; 
background-color: #fff ; 
border-width: 3px 0px 0px 0px; 
border-style: solid; 
border-color: 1px #727272 solid;;
color: #002740;
 }

#footer p { 
font-size: 92%; 
text-align: center; 
margin: 5px 0px 5px 0px; }

#footer a:link {  
color: #133a7d; 
text-decoration: none;
}

#footer a:visited {
color: #133a7d; 
text-decoration: underline;
}

#footer a:hover {  
color:  #0066FF; 
text-decoration: underline;
}

#footer a:active {  
color: #99CCFF; 
text-decoration: underline;
 }