﻿/* 
================================
Skin Styles for Janesville Morning Rotary
================================
*/   
html, body {padding:0; margin:0; height:100%;}

/* styles added post launch */
.bluetext{ color:#00f; text-align:center;}

.myPageTable{height:100%; width:100%; background:#707070 url(images/background-gradient.jpg) repeat-x top left; text-align:center; padding-bottom:30px;}
#bdywrapper{ width:850px; margin:0 auto; text-align:left;}
#hdr {background:url(images/hdrPic.jpg) no-repeat bottom; height:122px;}
.adminhost {float:right; margin:100px 5px 5px 0;}
#breadCrumb {float:left; margin:5px 0 5px 5px; font-size:9pt; color:#a8a9af;}
.breadCrumbLink {color:#a8a9af; text-decoration:none; font-size:9pt;}
#lgnbar {float:right; color:#002157; margin-top:5px; margin-right:18px;}
.dnnLogin, .dnnUser, a.dnnLogin, a.dnnUser {color:#002157; text-decoration:none; font-size:10pt; text-transform:lowercase;}
a.dnnLogin:hover, a.dnnUser:hover {text-decoration:none; color:#000; text-decoration:underline;}

#mnu{width:850px; float:left; background:url(images/mnuRpt.jpg) repeat-x top left; height:35px;}
#paneWrapper{background:#f9e08a url(images/contentRpt.jpg) repeat-y top left; width:850px;}
#bdybtm {background:url(images/bdyBtm.jpg) bottom center no-repeat; height:25px;}
#ftr{ padding:8px; color:#002157; }
.privacyTerms {float:left;}
.cpyRgt {float:right;}
.SkinObject, a.SkinObject:link, a.SkinObject:active, a.SkinObject:hover, a.SkinObject:visited
    {color:#002157; font-weight:normal;}

.dvclr{ line-height:.01; clear:both; }

.toppane {padding:5px; margin:0;}
.rightpane {width:250px; padding:6px 10px 6px 13px;}
.contentpane {width:600px; padding:6px 10px;}
.bottompane {padding:5px; margin:0;}

.DNNEmptyPane { margin:0; padding:0;display:none; height:0; font-size:1px; }
.Normal, .NormalRed, html, body{font-size:11pt; font-weight:normal; font-family:Tahoma;}
h1 {color:#8b8b8f; font-weight:700; font-size:18pt;}
h3 {color:#ffcc00; font-weight:bold; font-size:14px; text-decoration:none;}
h2, h4, h5, h6{color:#1d3378;}
h3 a:link, h3 a:active, h3 a:visited {color:#ffcc00; font-weight:bold; font-size:14px; text-decoration:none;}
h3 a:hover {color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none;}

.contentpane a:link, .contentpane a:visited, .contentpane a:active {
	color:#000066;
}
.contentpane a:hover {
	color:#ffcc00;
}
.rightpane a:link, .rightpane a:visited, .rightpane a:active {
	color:#000066;
}
.rightpane a:hover {
	color:#ffcc00;
}

/* Grey Div Box with Yellow Border */
.grybox {
	background-color:#a6b3bc;
	padding:3px;
	margin:0 0 15px 0;
	border:solid;
	border-color:#ffcc00;
	border-width:thin;
}

/*  NavMenu styles start here */
.TabList {
    margin:0;
    padding:0;
}

/*top level links */
#nav ul {
    padding:0;
    margin:0;
    list-style:none;
    float:left;
    line-height:35px;
    height:35px;
}
/* Menu Items ---- Settings here cascade down */
#nav li {
  position:relative;
  float:left;
  /*line-height : 1.25em;*/
  width: auto;
  list-style: none;
  border-right: 2px solid #000;
  z-index:5000;
  padding:0;
  margin:0;
}

#nav li ul { /* second-level lists --  width of dropdowns must be set here for IE6  */
	position : absolute;
	left: -999em;
	width:190px;
	border:1px solid #fff;
	padding:0px;
}

#nav ul li a { 
    font-size:10pt;
	display:block;
    text-decoration:none;
    text-align:center;
    padding :0 14px;
    color:#fff;
    font-weight:700;
}

#nav ul li ul li {height:22px; border:1px solid #fff;}  
#nav ul li ul li a, #nav ul li.SelectedTab ul li a, #nav ul li a.SelectedTab ul li a { /*2nd Level Links --- width needs to be set in order for the drop downs to be vertical */
    width:190px;
    padding:0 0 0 5px;
    margin:0;
    height:22px;
    background: #002157;
    text-align: left;	
    line-height:22px;
    color:#fff;
}


#nav li a:hover {
  background:url(images/mnuHover.jpg) repeat-x top;
  color:#002157;
  margin-top: 0;
  padding-top:0;
}

#nav li.SelectedTab a,
#nav li a.SelectedTab {
   background: url(images/mnuHover.jpg) repeat-x top;
   border:none; 
   color:#002157;
}

#nav li.SelectedTab a:hover,
#nav li a.SelectedTab:hover {
   color:#707070;
}

/*Prevent Selected Item Dropdowns for having same properties as top level selected item */

#nav li ul li a:hover, #nav li a ul li a:hover, #nav li.SelectedTab ul li a:hover, 
#nav li a.SelectedTab ul li a:hover{background: #ECD316; color:#002157;}


#nav .DisabledTab {
    color:#ccc;
    
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li.iehover ul { /* Adjust top to move vertical postion of drop down menus */
	top: 35px;
	left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul { /*Adjust left to change spacing of 2nd level and 3rd level menus */
	top: 0;
	left:192px;
}