@charset "utf-8";

/* CSS Document - University of Cincinnati Global styles CSS
* Copyright 2008-2009  University of Cincinnati, Cincinnati Ohio.
* @version - 960px Fixed Width Print Style CSS RC 1.3
* Note: this document has not been optomized to allow for quicker changes and ease of reading.  Please optomize prior to launching a new site.

RC 1.3 release notes (7/14/09):
	1.) Added print style.css call to index
	2.) Added printlogo.gif.

	
* S73V3N 
* @author BAW
*/

html {
width:100%;
}
body {
width:100%;
}

/* ------------- STRUCTURE ------------- */
#wrap {
width:100%;
}
* html #wrap {
}
#globalnavigation{
display:none;
}
#inner-wrap {
}
#inner-wrap:after {
}
/*seperate style for no_nav to remove the dotted line*/
#inner-wrap_no_nav {
}
#inner-wrap_no_nav:after {
}
#content {
}

/*banner styles*/
#header {
display:block;
height:100px;
width:100%;
margin:0 auto;
background-image:url(../images/printlogo.gif);
background-repeat:no-repeat;
background-position:center center;
border-top:dashed 1px #666666;
border-bottom:dashed 1px #666666;
}

/*left bar styles*/
#leftbar{
display:none;
}

/*Center style*/
#center{
}
#center_no_right{
}
#center_no_nav{
}

/*right bar styles*/
#rightbar{
border-top:dashed 1px #666666;
}

/*footer styles*/
#footer {
width:100%;
margin-top:20px;
border-top:dashed 1px #666666;
}
#footertext {
width:100%;
font-size:10px;
}
#footerleft{
width:100%;
margin-top:20px;
}
#footerright{
display:none;
}

/*print styles*/
#printimg{
/*hidden div to include the UC logo in a print view if desired*/
}

/* handles the skip to content link for ADA */
div.skip{
display:none;
}

/* ------------- TYPOGRAPHY  -------------*/

/*universal h tags */
h1 {
}
h2{
}
h3{
}
h4{
}

/* universal list styles for both the content area (and it's varients) and the rightbar*/
#center ul, #center_no_right ul, #center_no_nav ul,#rightbar ul{
font-weight:bold;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 20px;
}
#center ul li, #center_no_right ul li, #center_no_nav ul li, #rightbar ul li{
font-weight:normal;
list-style-image:url(../images/arrow_right_red.gif);
background-color:transparent;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#center ul li ul li, #center_no_right ul li ul li, #center_no_nav ul li ul li, #rightbar ul li ul li{
font-weight:normal;
font-style:normal;
list-style-image:url(../images/arrowGray10x10.gif);
background-color:transparent;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

/*left bar list styles. These are styled specifically for the left nav. If you want to change link colors, look at the leftbar a styles below*/
#leftbar ul{
margin:0px 0px 10px 0px;
padding: 0px 0px 0px 5px;
list-style:none;
}
#leftbar ul li{
color:#e00122;
background-color:transparent;
font-size:14px;
font-weight:bold;
padding:0px;
margin:0px;
}
#leftbar ul li ul li{
list-style:none;
color:#000000;
background-color:transparent;
font-size:12px;
font-weight:bold;
padding:0px;
margin:0px;
}

/*global content link styles*/
a:link{
color:#E00122;
text-decoration:underline;
background-color:transparent;
}
a:visited{
color:#E00122;
text-decoration:underline;
background-color:transparent;
}
a:hover{
color:#000000;
text-decoration:underline;
background-color:transparent;
}
a:active{
color:#000000;
text-decoration:underline;
background-color:transparent;
}

/*banner image navigation -- e.g. image-map spoof*/
#leftimagenav a{
display: block; /*this allows for an a tag to have a height and a width*/
float: left;/*important*/
height:auto;/*allows for the height to be inherited*/
width:auto;/*allows for the width to be inherited*/
}
#leftimagenav a#link0{ /*the a#link's are all number seperately.  This isn't totally necessary, but helps when scanning through the code*/
position:absolute;/*important*/
display: block;/*important. If you want to turn the links off at a css level, change to "none".*/
margin:-130px 0px 0px 20px;/*margin to move the div over the graphical element in the banner*/
width:190px;/*width of the desired link area*/
height:90px;/*height of the desired link area*/
background-color:transparent; /*important, otherwise your header background image will be covered with this color*/
/*uncomment The next line to get a visual of where the link area is. Re-comment when finished with posisitioning*/
/*border:solid blue 1px;*/
}
#rightimagenav a{
display: block;/*this allows for an a tag to have a height and a width*/
float: right;/*important*/
height:auto;/*allows for the height to be inherited*/
width:auto;/*allows for the width to be inherited*/
}
#rightimagenav a#link1{/*the a#link's are all number seperately.  This isn't totally necessary, but helps when scanning through the code*/
z-index:2;/*Very important! z-index to allow this link to be under the globalnav dropdown*/
position:absolute;;/*important*/
display: block;/*important. If you want to turn the links off at a css level, change to "none".*/
margin:-115px 0px 0px 500px;/*margin to move the div over the graphical element in the banner*/
width:400px;/*width of the desired link area*/
height:50px;/*height of the desired link area*/
background-color:transparent; /*important, otherwise your header background image will be covered with this color*/
/*uncomment The next line to get a visual of where the link area is. Re-comment when finished with posisitioning*/
/*border:solid blue 1px;*/
}

/*left bar link styles*/
#leftbar a:link{
font-weight:bold;
color:#000000;
text-decoration:none;
background-color:transparent;
}
#leftbar a:visited{
font-weight:bold;
color:#000000;
text-decoration:none;
background-color:transparent;
}
#leftbar a:hover{
font-weight:bold;
color:#E00122;
text-decoration:underline;
background-color:transparent;
}
#leftbar a:active{
font-weight:bold;
color:#E00122;
text-decoration:underline;
background-color:transparent;
}

/*footer link styles*/
#footerright a{
display: block;/*this allows for an a tag to have a height and a width*/
float: right;/*important*/
height:auto;/*allows for the height to be inherited*/
width:auto;/*allows for the width to be inherited*/
}
#footerright a#link3{/*This is the It's all UC link.  The a#link's are all number seperately.  This isn't totally necessary, but helps when scanning through the code*/
position:absolute;/*important*/
display: block;/*important. If you want to turn the links off at a css level, change to "none".*/
/*notice there is no margin here . . . that's because unlike the imagenav links above, the containing div has a size and a background image*/
width:107px;/*width of the desired link area, but should be the same size as #footerright*/
height:38px;/*height of the desired link area, but should be the same size as #footerright*/
background-color:transparent;
}
/*define the text link styles of the footerleft*/
#footerleft a:link{
color:#000000;
text-decoration:underline;
background-color:transparent;
}
#footerleft a:visited{
color:#000000;
text-decoration:underline;
background-color:transparent;
}
#footerleft a:hover{
color:#000000;
text-decoration:underline;
background-color:transparent;
}
#footerleft a:active{
color:#000000;
text-decoration:underline;
background-color:transparent;
}

/* Images */
a > img {
border:none;/*removes the border browsers put around images when they are linked*/
}
.bodyimage{
height:auto;
margin:8px 8px 0px 8px;
padding:0px 0px 0px 0px;
width:auto;
}
.float_left{
float:left;
height:auto;
width:auto;
}
.float_right{
float:right;
height:auto;
width:auto;
}
.caption{
color:#666666;
height:auto;
margin:4px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
width:auto;
}
.PurpleText{
color#9966cc;
}