body {
	background-color: #999999;
}

.maintext {
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Sans-Serif, MS Sans-Serif;
	padding: 6px;
}

a img {border: none; } 

.maintext a:link {
	TEXT-DECORATION: none;
	color: #0000FF;
}

.maintext a:hover {
	text-decoration: underline;
	color: #0000FF;
}

.maintext a:visited {
	TEXT-DECORATION: none;
	color: #0000FF;
}

.maintext a:active {
	TEXT-DECORATION: none;
	color: #0000FF;
}


/* origins banner ad which uses a black background */
.maintext_blackbox {
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Sans-Serif, MS Sans-Serif;
	padding: 6px;
}

.maintext_blackbox a:link, a:visited, a:active {
	TEXT-DECORATION: none;
	color: #CC0000;
}

.maintext_blackbox a:hover {
	text-decoration: underline;
}



.maintextbold {
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Sans-Serif, MS Sans-Serif;
	font-weight: bold;	
}

.maintextitalic {
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Sans-Serif, MS Sans-Serif;
	font-style: italic;	
}

.maintexttitle {
	FONT-SIZE: 13px;
	FONT-FAMILY: Arial, Sans-Serif, MS Sans-Serif;
	font-weight: bold;
}

.maintexttitle a:link {
	color: #0000FF;
	TEXT-DECORATION: none;
}

.maintexttitle a:hover {
	color: #0000FF;
	TEXT-DECORATION: none;
}

.maintexttitle a:visited {
	color: #0000FF;
	TEXT-DECORATION: none;
}

.maintexttitle a:active {
	color: #0000FF;
	TEXT-DECORATION: none;
}

.tablelook {
	background-color: #FFFFFF;
	border: thin solid #CCCCCC;	
}

.navcoltext
{
	FONT-SIZE: 11px;
	font-weight: bold;
	COLOR: #666666;
	FONT-FAMILY: Arial, Sans-Serif, MS Sans-Serif;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
	line-height: 13px;
}

.navcoltext a:link
{    
    FONT-SIZE: 11px;
    font-weight: bold; 
    COLOR: #666666;
    FONT-FAMILY: Arial, Sans-Serif, MS Sans-Serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

.navcoltext a:visited
{
    FONT-SIZE: 11px;
    font-weight: bold; 
    COLOR: #666666;
    FONT-FAMILY: Arial, Sans-Serif, MS Sans-Serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

.navcoltext a:hover
{
    FONT-SIZE: 11px;
    font-weight: bold; 
    COLOR: #990000;
    FONT-FAMILY: Arial, Sans-Serif, MS Sans-Serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

.navcoltext a:active
{    
    FONT-SIZE: 11px;
    font-weight: bold; 
    COLOR: #000000;
    FONT-FAMILY: Arial, Sans-Serif, MS Sans-Serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

.navcoltexton
{
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.navcoltexton a:link
{
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.navcoltexton a:visited
{
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.navcoltexton a:hover
{
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.navcoltexton a:active
{    
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.navcoltext86
{
	FONT-SIZE: 11px;
	font-weight: bold;
	COLOR: #CCCCCC;
	FONT-FAMILY: Arial, Sans-Serif, MS Sans-Serif;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
	line-height: 13px;
}

/*.navcoltextspecial
{
	FONT-SIZE: 11px;
	font-weight: bold;
	COLOR: #ECC427;
	FONT-FAMILY: Arial, Sans-Serif, "MS Sans-Serif";
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
	line-height: 13px;
}

.navcoltextspecial a:link
{
	COLOR: #ECC427;
	TEXT-DECORATION: none;
	line-height: 13px;
}
.navcoltextspecial a:visited
{
	COLOR: #ECC427;
	TEXT-DECORATION: none;
	line-height: 13px;
}
.navcoltextspecial a:hover
{
	COLOR: #000000;
	TEXT-DECORATION: none;
	line-height: 13px;
}
.navcoltextspecial a:active
{
	COLOR: #ECC427;
	TEXT-DECORATION: none;
	line-height: 13px;
}*/
.maincontentheader 
{
	font-size: 18px; 
	font-family: Arial, Sans-Serif, MS Sans-Serif;
	color: black;
}

.minitext {
	font-size: 10px; 
	font-family: Arial, Sans-Serif, MS Sans-Serif;
}

.minitext a:link {
	color: #0000FF;
	TEXT-DECORATION: none;	
}

.minitext a:hover {
	color: #0000FF;
	TEXT-DECORATION: none;	
}

.minitext a:visited {
	color: #0000FF;
	TEXT-DECORATION: none;	
}

.minitext a:active {
	color: #0000FF;
	TEXT-DECORATION: none;	
}

.smallcaps {
	font-variant: small-caps;
}

/* Sortable tables */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    font-weight: bold;
    text-decoration: none;
}


/* Add an external-link icon to absolute links:*/
body a[href ^="http://"],
body a[href ^="https://"] {
    background: url(../osu/images/external.png) center right no-repeat;
    padding-right: 13px;
}

/* ...but not to absolute links in this domain:*/ 
body a[href ^="http://ehistory.osu.edu"],
body a[href ^="http://ehistory.com"] {
  background: transparent;
  padding-right: 0px;
}

body a[href ^=" http://ehistory.osu.edu"]:hover,
body a[href ^=" http://ehistory.com"]:hover {
  background: transparent;
}

/* class for images linked to external links so no icon appears */
.imagelink a[href ^="http://"], 
.imagelink a[href ^="https://"] {
  background: transparent;
  padding-right: 0px;
}

/* open external links in new tab [waiting on css3...]*/
body a[href ^="http://"],
body a[href ^="https://"] {
	target-new: tab 	
}

/* "pure css popups" */
div#popuptext a span {display: none;}
div#popuptext a:hover span {display: block;
   position: relative; top: 0px; left: 0px; width: 125px;
   padding: 5px; margin: 10px; z-index: 1000;
   color: #000; background: #ccc;
   font: 10px verdana, sans-serif; text-align: center;}
   
/* background for rounded box */
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../images/dialog2-dark-main.png) no-repeat top right;
 _background-image:url(../images/dialog2-dark.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:12px 12px 0px 0px;
}

.dialog a:link {
 color:#FFFFFF;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1200px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}