/*STYLES FOR UIW.edu SECONDARY PAGES*/

/*Styles for HTML Tag Selectors*/
/*TEXT STYLES*/
h2, h3, h4, h5, p {
	margin:10px 0 2px 0;
}
h1, h2, h3, h4, h5 {
font-family: Georgia, "Times New Roman", Times, serif;
/*border-bottom: 1px solid #e7e7e7;*/
font-weight: normal;
color: #222222;
}
h2 {
font-size:2.2em;
}
h3 {
font-size:1.8em;
}
h4 {
font-size:1.6em;
}
h5 {
font-size: 1.4em;
}
p {
	font-size: 1.2em;
	line-height: 1.4em;
}
blockquote {
margin: 0 30px;
}
address {
font-size: 1.1em;
line-height: 1.2em;
font-style: italic;
margin: 0 0 1em 0;
}

/*ORDERED AND UNORDERED LISTS*/
ul, ol {
margin: 0 0 15px 0;
padding: 0;
font-size: 1.2em;
line-height: 1.4em;
}	
ul ul, ul ol, ol ol, ol ul {
font-size: 1.0em;
}
ul li  {
margin: 5px 0;
padding: 0 0 0 30px;
list-style: none;
background: url(../images/arrow.gif) no-repeat 18px 0.65em;
}
ol li {
margin: 5px 0 5px 30px;
}

/*DEFINITION LISTS*/
dl {
margin: 0 0 10px 0;
line-height: 1.4em;
}	
dt {
margin: 0 0 3px 0;
font-size: 1.2em;
font-weight: bold;
}
dd {
margin: 0 0 15px 0;
font-size: 1.3em;
line-height: 1.4em;
}

/*HORIZONTAL RULES*/
hr {
/*margin: 10px 0;
*/clear: both;
border: none;
background-color: #000;
color: #333;
height: 1px;
/*width: 98%;*/
}

/*IMAGE STYLES*/

/*General images. Take borders out*/
img { border: 0;}
/*Main image style. Usually appears at top of page. Width extends across entire column (two-column layouts only)*/
/*Main image border styles*/

/*Border for floating and non-floating images*/
.imgborder, .main-image-large, .main-image-miniindex, .main-image-small, .main-image-xsmall, .imgleft,
.imgright {
padding:1px;
border: solid #aaa 1px;
}
/*Large main image size, for two column layout pages*/
.main-image-large {
margin: 5px 0;
width: 566px;
}
/*Mini index main image size*/
.main-image-miniindex {
margin: 0 0 5px 0;
width: 316px;
}
/*Small main image size*/
.main-image-small {
margin: 5px 0 15px 15px;
width: 250px;
float: right;
}
/*X-Small main image size*/
.main-image-xsmall {
margin: 5px;
width: 100px;
}
/*Captions for photos*/
.main-image-large .caption, .main-image-small .caption {
margin: 0;
padding: 5px 0;
background: #fff;
font-size: 1em;
}

/*Style for float left images without captions*/
.imgleft {
	float: left;
	margin: 0 5px 0 0px;
	background-color: #fff;
	font-size: 1em;
	color:#333;
}
div.imgleft img {
border: 2px solid #555;
}
div.imgleft p {font-size: 1em; width: inherit;}
/*Style for float right images without captions*/
.imgright {
float: right;
margin: 0 5px;
background-color: #fff;
font-size: 1em;
color:#333;
}
div.imgright img {
border: 2px solid #555;
}
div.imgright p {font-size: 1em; width: inherit;}

/*Form Styles*/
fieldset {
border: none;
background: #F7F7F7;
margin: 5px;
padding: 4px;
}

legend {
padding: 5px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
font-weight: bold;
color: #333;
}
label {
font-size: 1.1em;
}

/*table styles-these styles apply to all data tables. all presentational style tables must be 
converted to web standards, i.e. css layout. */
table, tr, th, td {
margin: 0;
padding: 0;
border: 0;
}	
table {
margin: 5px 0;
border-bottom: 1px solid #e7e7e7;
caption-side: bottom;
}
th {
padding: 0 5px 5px 5px;
font-weight: normal;
text-align: center;
color: #999;
}
td, tbody th {
padding: 5px;
border-top: 1px solid #e7e7e7;
vertical-align: top;
}
tbody th {
font-weight: bold;
color: #666;
text-align: center;
}
tfoot td {
font-weight: bold;
}
th p, td p, th, td {
font-size: 1.2em;
}
caption {
margin: 0 0 5px 0;
text-align: left;
color: #333;
font-size: 1.2em;
font-weight: bold;
}
/*table wrap style for long tables*/
div.tablewrap {
overflow: auto;
}
/*athletics tables - roster, schedule, staff tables*/
.athleticstable {
table-layout:fixed;
width: 100%;
overflow:hidden;
word-wrap:break-word;
}

/*-----CONTAINER FOR MULTI-COLUMN LAYOUT------*/
#contentwrapper {
margin:0 auto;
width:760px;
}
/* Two-column pages. Placed in the body tag. Navigation column placed to the left.  */
.twocolumn #main {
float: right;
width: 570px;
}
/* Three-column pages. Placed in the body tag. Main content will be placed between navcolumn and 
extra column */
.threecolumn #main {
float: left;
width: 400px;
margin-left:10px;
}
/* Mini-index pages. reduces width of the main content column to allow for the extra third column. 
Used only for subindex pages. Placed in the body tag */
.sub-index #main {
float: left;
width: 285px;
margin-left:10px;
}

/*-------STYLES FOR BREADCRUMBS--------*/
#breadcrumbs {
width: 668px;
margin:0 auto;
position: relative;
font-size: 0.9em;
left:46px;
height: 18px;
color: #333333;
}
#breadcrumbs a:link, #breadcrumbs a:visited {
color: #990000;
border: none;
}
#breadcrumbs a:hover { color: #000; }
div.breadcrumbs {float:left; width: 510px;}
div.quicklinks {float:right;}
#breadcrumbs a:hover { text-decoration: none;}
#breadcrumbs select {
margin: 0;
padding: 0;
font: normal 1.2em Arial, Helvetica, sans-serif;
}

/*------DEPARTMENT TITLE AREA STYLES-------*/
#depttitle {
float: left;
width: 100%;
padding: 6px 0;
background-color: #eaeaea;
border-bottom: solid 1px #ccc;
text-align: left;
}
#depttitle h1 {
margin: 0 auto;
width: 760px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.6em;
font-weight: normal;
color: #444;
}

/*------STYLES FOR DEPARTMENT NAVIGATION COLUMN------*/
#navcolumn {
float:left;
padding: 20px 0 20px 0;
width:170px;
text-align: left;
}
#navcolumn h2, #navcolumn h3, #navcolumn h4, #navcolumn p {
margin:0 0 10px 0;
width: 99%;
}
/*------STYLES FOR DEPARTMENT NAVIGATION COLUMN------*/
#navcolumn {
float:left;
padding: 20px 0 20px 0;
width:170px;
text-align: left;
}
#navcolumn h2, #navcolumn h3, #navcolumn h4, #navcolumn p {
margin:0 0 10px 0;
width: 99%;
}
/*Department Navigation Menu styles. This goes at the top of the #navcolumn div. */
#deptnav {
margin: 0 0 20px 0;
color: #333;
border-bottom: 2px solid #cc0000;
/*border-right: #e7e7e7 solid 1px;*/
}
#deptnav p { margin: 10px 0 0 0;}
#deptnav ul {
margin: 0 0 0 0;
padding: 0;
list-style-type: none;
/*font-size: 1.1em;*/
font-weight: bold;
/*padding: 4px;*/
}
#deptnav li {
list-style: none;
margin: 0	;
border-bottom: 1px solid #ddd;
padding: 4px;
background: #eaeaea;
font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
}
#deptnav ul ul {
padding: 0 0 0 0;
}
#deptnav ul ul a {
margin-left: 8px; }
#deptnav a {
border: none;
display: block;
/*padding: 2px;*/
/*border-bottom: #e7e7e7 solid 1px;*/
text-decoration: none;
color: #cc0000;
width: 154px;
background:none;
}	
/*#deptnav a:visited {
color: #990000;
}
*/#deptnav a:hover, #deptnav a:active {
color: #000;
/*background: #eee;*/
}
/*-------STYLES FOR SEND ME MORE INFO CONTENT-----*/
#sendmoreinfo p {
padding: 15px 0 0 0;
font-size: 1em;
font-weight: bold;
}
#sendmoreinfo a:link, #sendmoreinfo a:visited {
padding: 4px;
border: none;
background: #E7E7E7;
color: #555;
text-decoration:none;
}
#sendmoreinfo a:hover{
color: #999;
background: #E7E7E7;
}

/*-------STYLES FOR MAIN AREA OF CONTENT--------*/
#main {
float:left;
padding: 20px 0 20px 0;
width:100%;
/*text-align: left;*/ /* removed to resolve alignment issue with Contribute 3/11/08*/
}
#main h2,h3,h4,h5 {
width: 99%;
}

/* Sub-Index Page Styles */
#sub-index-column {
float: right;
margin: 20px 0;
padding: 0;
width: 285px;
text-align:left;
}
#sub-index-column h2, #sub-index-column h3, #sub-index-column h4, #sub-index-column p, #sub-index-column li {
margin-left: 5px;
}
/*  The .sub-index-feature div is displayed as the right column of thumbnails, links, and descriptions on the mini-index page. */
.sub-index-feature {
float:right;
margin: 10px 0;
padding-top: 5px;
width: 285px;
}
.sub-index-feature h3 {
margin: 0 0 5px 0;
width: 170px;
font-size:1.6em;
float:right;
}
.sub-index-feature h3 a {
border: none;
color: #cc0000;
text-decoration:none;
}
.sub-index-feature img {
float: left;
padding:1px;
border: solid #aaa 1px;
}
.sub-index-feature p {
float: right; 
margin: 0;
width: 170px;
font-size: 1.1em;
line-height: 1.3em;
}
.sub-index-table h3 {
font-size: 1.3em;
}

.sub-index-table p {
font-size: 1.0em;
}

/*------STYLES FOR THREE COLUMN LAYOUT, THIRD COLUMN------*/

#extracolumn2 {
float:right;
margin: 25px 0;
padding-top: 5px;
padding-left: 5 px;
width:170px;
text-align: left;
background: #eaeaea;
}
#extracolumn {
float:right;
margin: 10px 0;
padding-top: 5px;
width:170px;
text-align: left;
}
#extracolumn h2, #extracolumn h3, #extracolumn h4, #extracolumn p, #extracolumn ul, #extracolumn ol, #extracolumn li, #extracolumn dl {
margin-left: 5px;
}

.threecolumn #contentwrapper #extracolumn .rss-box {
background: #eee;
border: 1px solid #aaa;
padding: 2px;
width: 100%;
list-style:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;}
.threecolumn #contentwrapper #extracolumn .rss-box ul.rss-items .rss-item {
list-style: none;
margin: 0;
padding: 0;
}

/*STYLES FOR CLASS SELECTORS*/

li .rss-item {font-weight: bold; list-style:none; list-style-image:none;}
.rss-item a {
background:#eee;
}

.connect-to-uiw {border: 1px solid #aaa; width: 166px; padding: 4px;}

.connect-to-uiw ul, .connect-to-uiw li {
list-style: none;
margin: 0;
padding: 2px 0;
background: none;
font: bold 11px Arial, Helvetica, sans-serif;
}
.connect-to-uiw li img { vertical-align: middle; border: none; margin-right: 2px; border-bottom: none; }
.connect-to-uiw li a img { border-bottom: none; }
.connect-to-uiw li a {
border: none;
display: block;
text-decoration: none;
color: #cc0000;
}
.connect-to-uiw a:hover, .connect-to-uiw a:active {
color: #000;
/*background: #eee;*/
}



/*temp styles for athletics site indiv. sports links (news, coaches, schedule, etc.)*/
.navlist ul, .rss-items ul, .navlist li, .rss-item li {
list-style: none;
/*margin: 0 0 2px 0;*/
padding: 0 0 0 0;
background: none;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.navlist a, .rss-item a, {
border: none;
display: block;
text-decoration: none;
width: 160px;
background:#eee;
}
.navlist a:hover, .navlist a:active {
color: #000;
/*background: #eee;*/
}

/* Drop Cap */
.dc {
font-size: 6em;
font-family: Georgia, "Times New Roman", Times, serif;
float:left;
color:#999;
line-height:80%;
padding-top:2px;
}
/*Pull-out box*/
.pullout {
width:30%;
padding:5px;
background-color:#e7e7e7;
border-top: solid 2px #ccc;
border-bottom: solid 2px #ccc;
color:#000;
float:right;
text-align:left;
/*margin-top:10px;*/
margin-left:10px;  
clear: both;
}
.pullout a:link, .pullout a:visited { color: #cc0000;}

.pullout-header {
background: #333;
color: #fff;
width:30%;
color:#000;
float:right;
text-align:left;
padding: 5px 5px 0 5px;
margin-left:10px;  
clear: both;
}
.pullout h2, .pullout h3, .pullout h4, .pullout h5, .pullout h6,
.pullout p { margin-bottom: 0px;}

.pullout-header h2, 
.pullout-header h3, 
.pullout-header h4, 
.pullout-header h5, 
.pullout-header h6,
.pullout-header p {
color: #fff;
margin-bottom: 5px;
}
/*Highlight box*/
div.highlightbox {
padding: 4px;
width: auto;
background-color: #eee;
border: #aaa solid 1px;
}

div.highlightbox p  {
margin-bottom: 4px}

/*Global Styles for Multi Column Lists and Elements*/
.licol2-onecollayout,
.licol3-onecollayout,
.licol2-twocollayout,
.licol3-twocollayout,
.licol2-threecollayout,
.licol3-threecollayout,
.licol3-threecollayout-vt {
padding:0 4px 0 4px;
}

.licol2-onecollayout li,
.licol3-onecollayout li,
.licol2-twocollayout li,
.licol3-twocollayout li,
.licol2-threecollayout li,
.licol3-threecollayout li,
.licol3-threecollayout-vt li  {
list-style: none;
background: none;
margin:0 0 0 0;
padding:0 10px 0 0;
}

/*Styles for Two Column Lists -- substitute for two-column table. FOR ONE COLUMN LAYOUT ONLY*/
div.licol2-onecollayout {
float: left;
width: 372px;
}

/*Styles for Three Column Lists -- substitute for three-column table. FOR ONE COLUMN LAYOUT ONLY*/
div.licol3-onecollayout {
float: left;
width: 241px;
}

/*Styles for Two Column Lists -- substitute for two-column table. FOR TWO COLUMN LAYOUT ONLY*/
div.licol2-twocollayout {
float: left;
width: 277px;
}

/*Styles for Three Column Lists -- substitute for three-column table. FOR TWO COLUMN LAYOUT ONLY*/
div.licol3-twocollayout {
float: left;
width: 182px;
}

/*Styles for Two Column Lists -- substitute for two-column table. FOR THREE COLUMN LAYOUT ONLY*/
div.licol2-threecollayout {
	float: left;
	width: 180px;
}

/*Styles for Three Column Lists -- substitute for three-column table. FOR THREE COLUMN LAYOUT ONLY*/
div.licol3-threecollayout {
float: left;
width: 122px;
}
/*Styles for Three Column Lists -- substitute for three-column table. FOR THREE COLUMN LAYOUT ONLY*/
div.licol3-threecollayout-vt {
float: left;
width: 126px;
font-size: 0.9em;
}
/* Styles of 2-col form elements. */
#twocol form {
margin: 0;
padding: 0;
font-size: 100%;
}
#twocol fieldset {
margin: 0 5px;
}
#twocol label input {
display: block;
width: 100px;
float: left;
}
#twocol label {
text-align: left;
width: 200px;
padding: 0 5px 0 5px;
}

/*CLEAR FLOATING ELEMENTS*/
.clearboth { clear: both; }

/*small text*/
.smalltext { font-size: 1em; margin-bottom: 0; }
/*STYLES FOR CONTRIBUTE USERS*/
.redtext { color: #cc0000;}
.redtext a:link, .redtext a:active, .redtext a:visited {
text-decoration: underline;
}
.redtext a:hover {
text-decoration: none;
}
.darkred {color:#990000}
.grey {color:#999999}
.darkgrey {color:#666666}
.blue {color:#0066CC}
.darkblue {color:#003399}
.green {color:#009933}
.darkgreen {color:#006600}
.orange {color:#FF9933}
.sienna {color:#CC6600}
.violet {color:#660099}

.small {
	font-size: .9em;
}
.medium {
	font-size: 1.2em;
}
.big {
	font-size: 1.6em;
}
.xbig {
	font-size: 2.4em;
}
.expanded {
	font-size: 1.2em;
	line-height: 1.6em;
	letter-spacing: .2em;
}
.justified {
	text-align: justify;
}
.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}
.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}
.introtext {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em;}