@charset "utf-8";

/* CSS Document - University of Cincinnati Global styles CSS
* Copyright 2008-2009  University of Cincinnati, Cincinnati Ohio.
* @version - 960px Fixed Width Global 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
	2.) added image caption link and hoverstate styles.

RC 1.2 release notes (6/24/09):
	1.) Added additional documentation to this sheet as per TJI.
	2.) Added styles for inner-wrap_no_nav and center_no_nav for CMS purposes. 
	3.) Added PurpleText class for CMS edit view purposes.
	4.) Added unordered list styles for both center_no_right and center_no_nav.

RC 1.1 release notes (6/1/09):
	1.) Increased width to 960px. Banner and branding approved by Angela Klocke.
	2.) Increased width of #footertext, removed background image, included a bg color. Not sure why I put a bg image in there in the first place, but it's gone now.
	3.) Moved the #leftimagenav a#link0 and #rightimagenav a#link to cover the new graphical elements in the banner.
	4.) Change the width of both #center and #rightbar to accomodate new width of #innerwrap
	5.) Increased width of #center_no_right to accomodate for new width of #innerwrap

RC 1.0 release notes (5/7/09):
	1.) Decided that this release can be the final oh-dot release after discussion with TJI.  No changes were made between 0.9.3 and RC 1.0

0.9.3 release notes (5/1/09):
	1. fixed small rendering issue with #footer in ie6 . . . removed padding in exchange for margin
	2. added padding to #footerleft and #footerright to compensate for 2
	
* S73V3N 
* @author BAW
*/

@import "globalnav.css"; /*import the globalnav styles*/

html {
/* in order to have a 100% tall design, the html needs to also be 100%, as does anything above the element (which is why it starts here). This is for inheritance */
height:100%;
/*Following 2 lines are for browser reset */
margin:0px;
padding:0px;
}
body {
background-color:#e6e6e6;
font-family:Arial, Helvetica, sans-serif; /*set the default font group for the page. this can be changed at the div or element level if necessary*/
font-style: normal; /*set the default font style for the page. this can be changed at the div or element level if necessary*/
font-weight: normal;/*set the default font weight for the page. this can be changed at the div or element level if necessary*/
font-size: .75em;/*set the default font size for the page. this can be changed at the div or element level if necessary*/
height:100%;/*This is for height inheritance as explained above */
line-height:1.4em;/*set the default line height for the page. this can be changed at the div or element level if necessary*/
margin:0;/*browser reset */
padding:0;/*browser reset */
}

/* ------------- STRUCTURE ------------- */
#wrap {
min-height:100%; /*for firefox.  ie6/7 ignores this*/
position:relative;
margin:0 auto; /*centers the design*/
padding:0px;
width:990px; /*controlling width of the wrap: larger size allows for the dropshodow */
background-image:url(../images/content_background.gif);
background-position:center;
background-repeat:repeat-y;
}
* html #wrap {
height:100% /*this is further correction for 100% tall and browser compatibility */
}
#inner-wrap {
padding:10px 0px 243px 0px; /*bottom padding needs to be 20px taller than the footer. this backs the content off the base of the browser window.*/
width:960px; /*set the actual width of the "content" (everything inside wrap, not including the footer) area */
margin:0px auto 0px auto;/*center the inner-wrap container div within wrap since this div is smaller than the wrap div.*/
background-image:url(../images/stockmarketback.jpg);
background-repeat:no-repeat;
background-position:0 0;
background-color:transparent;
/*Do NOT define a height here. The grand-children of this div define it.*/
}
#inner-wrap:after {
/*this allows for the footer to be positioned absolutely to the bottom by clearing floats*/
clear:both;
content:" ";
display:block;
}

#content {
/* start of the content area.*/
margin:0 auto;/*center the content container div within inner-wrap. This allows a little flexibility in the design*/
padding:0px;
text-align:left;
width:960px;/*this also needs the same width as the inner-wrap*/
/*Do NOT define a height here. The children of this div define it.*/
}

/*banner styles*/
#header {
z-index:1;/*z-index is important if the global nav is present. this positions the header div under the global nav*/
width:100%; /* this is 100% of the pixel width specified in the inner-wrap*/
background-image:url(../images/stockmarketbanner.jpg);
background-repeat:no-repeat;
background-color:transparent;/*No need to define a color since there is a background image*/
background-position:bottom;/*Important since there's a global nav*/
height:158px;/*height of the header image +25px to allow for the global nav height*/
margin:0px 0px 0px 0px; /*pushes the actual content down 10px*/
padding:0;
}

#header ul {
margin:0;
padding:0;
list-style:none;
position:absolute;
height:24px;
padding-top:6px;
top:128px;
right:15px;
}

#header ul li {
display:inline;
margin:0;
padding:0 25px;
list-style:none;
font-size:14px;
}

#header ul li a {
color:black;
font-weight:bold;
text-decoration:none;
}

#header ul li a:hover {
text-decoration:underline;
}

/*left bar styles*/
#leftbar{
padding:20px 5px 0 0; /*moves the list off the right edge by 5px*/
width:165px; /*this width and the background-position of the inner-wrap need to be the same*/
height:auto;/*this needs to be auto to allow the text height to dictate the height of the div*/
float:left; /*this is important*/
background-color:transparent;/*do not define a color if you are using a background-image for the wrap*/
}

/*Center style*/
#center{
margin:0px;/*set margin to 0 all the way around this div. Not totally necessary, but in for good measure so other changes don't effect this div. */
width:595px;/*width of the main text area*/
padding:0px 0px 0px 5px; /*adds 5px of padding to the left . . . allows more room for the verticle dots*/
height:auto;/*this needs to be auto to allow the text height to dictate the height of the div*/
float:left; /*this is important*/
background-color:transparent;/*do not define a color if you are using a background-image for the wrap*/
}
#center_no_right{
/*utilize this instead of #center if there is no rightbar.  You MUST delete the rightbar div for things to align correctly */
margin:0px;/*set margin to 0 all the way around this div. Not totally necessary, but in for good measure so other changes don't effect this div. */
width:775px; /*added width since there is no rigthbar*/
padding:0px 0px 0px 5px;  /*adds 5px of padding to the left . . . allows more room for the verticle dots*/
height:auto;/*this needs to be auto to allow the text height to dictate the height of the div*/
float:left; /*this is important*/
background-color:transparent;/*do not define a color if you are using a background-image for the wrap*/
}
#center_home{
/*utilize this instead of #center if there is no rightbar.  You MUST delete the rightbar div for things to align correctly */
margin:0px;/*set margin to 0 all the way around this div. Not totally necessary, but in for good measure so other changes don't effect this div. */
width:775px; /*added width since there is no rigthbar*/
padding:0px 0px 0px 0;  /*adds 5px of padding to the left . . . allows more room for the verticle dots*/
height:auto;/*this needs to be auto to allow the text height to dictate the height of the div*/
float:left; /*this is important*/
background-color:transparent;/*do not define a color if you are using a background-image for the wrap*/
}

/*right bar styles*/
#rightbar{
margin:0px 0px 0px 5px;/*adds 5px of margin to the left*/
padding:0px 0px 0px 15px; /*adds 15px of padding to allow for the rightbar dots*/
width:160px;/*If you change this width, ensure that you reduce the width of the #center div*/
height:auto;/*this needs to be auto to allow the text height to dictate the height of the div*/
float:left;/*this is important*/
background-color:transparent;/*do not define a color if you are using a background-image for the wrap*/
background-image:url(../images/dot.gif);
background-repeat:repeat-y;
}

/*footer styles*/
#footer {
position:absolute; /*this must be absolute so the footer hugs the bottom of the browser*/
bottom:0px;/*this must be 0px so the footer hugs the bottom of the browser*/
padding:0px 0px 0px 0px; /*removes any inherited padding*/
width:100%;/*this is 100% of the wrap (NOT INNER-WRAP) pixel width*/
height:243px;/*height of the footer. If you change this, you must change the bottom padding of the inner-wrap*/
background:url(../images/stockmarketfoot.jpg) center top no-repeat;
}
#sponsor {
width:160px;
position:absolute;
top:15px;
left:15px;
text-align:center;
}
#sponsor span {
color:#e00122;
font-size:12px;
font-weight:bold;
width:160px;
}

#sponsor img {
border:0;
}

#footertext {
width:500px;/*This needs a pixel width (same as inner-wrap) so it centers properly with the rest of the content*/
padding:0px 10px;/*removes any inherited padding*/
margin:0px;
line-height:24px;
color:white;
position:absolute;
top:140px;
left:20px;
}
#footertext a {
color:white;
text-decoration:underline !important;
}

#footer a#uclink {
display:block;
position:absolute;
top:5px;
right:20px;
width:250px;
height:100px;
}

#footer a#smglink {
display:block;
position:absolute;
top:160px;
right:20px;
width:350px;
height:70px;
}

#footer a, #footer a:hover {
text-decoration:none;
border:0;
}


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

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

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

/*universal h tags */
h1 {
line-height:1.3em;
font-weight:bold;
margin:0; 
color:#E00122;
background-color:transparent;
font-size:1.7em;
padding:0px;
margin:0px;
}
h2{
color:#e00122;
background-color:transparent;
font-size:1.3em;
padding:0px;
margin:0px;
}
h3{
color:#e00122;
background-color:transparent;
font-size:1.2em;
padding:0px;
margin:0px;
}
h4{
color:#000000;
background-color:transparent;
font-size:1.0em;
padding:0px;
margin:0px;
}

/* 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	{
list-style:none;
padding-bottom:1em;
}

#leftbar ul li a	{
color:black;
text-decoration:none;
font-size:14px;
font-weight:bold;
}

#leftbar ul li a:hover	{
color:black;
text-decoration:underline;
}

/*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:480px;/*width of the desired link area*/
height:80px;/*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:#FFFFFF;
text-decoration:underline;
background-color:transparent;
}
#footerleft a:visited{
color:#FFFFFF;
text-decoration:underline;
background-color:transparent;
}
#footerleft a:hover{
color:#FFFFFF;
text-decoration:underline;
background-color:transparent;
}
#footerleft a:active{
color:#FFFFFF;
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;
}

/*define the caption text for images*/
.caption{
color:#666666;
height:auto;
margin:4px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
width:auto;
}
/*caption link styles*/
.caption a{
color:#666666;
text-decoration:underline;
}
/*caption link hoverstate*/
.caption a:hover{
color:#e00122;
}