﻿/**************************************** New Styles ************************************/
/*CSS for the two column container*/

body {

}

.TerpsysMenuItem {
	color:#000;
	position:static;
	z-index:1000 !important;
	margin-top:-1px;
}

.twoColumnContainer{ 
	font:13px arial, helvetica, sans-serif;	
	background: #ffffff; 
	width: 600px; 
	position: absolute; 
	display: block;
	overflow:hidden;	
	border:6px solid #dddddd;
	box-shadow: 0 0 8px #999999;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.8); 
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.8); 	
	border-top: 0px;
	
    /*
	border:4px #dedede solid;
	border-top: 0px;
	*/
	z-index: 500;
		margin-left:-6px;

}

.rightContainer{
	float:left; 
	font:13px arial, helvetica, sans-serif;	
	background-color: #e7eff7;
	width: 100%; 
	position: relative; 
	right: 320px;
	box-shadow: 4px 2px 8px #bbbbbb;
	-webkit-box-shadow: 4px 2px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 2px 8px rgba(0, 0, 0, 0.3);
	background-image: -moz-linear-gradient(top, #FFFFFF, #cfdfee);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #cfdfee));
	background-image: linear-gradient(top, #FFFFFF, #cfdfee);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#cfdfee)";*/
	-pie-background: linear-gradient(#FFFFFF, #cfdfee);
}

.col1{ 
	background:transparent url("/Style%20Library/MegaDropDown/bgLeftCurve.png") no-repeat top left;	
	float: left; 
	font:13px arial, helvetica, sans-serif;	
	min-height: 20px; 
	width: 240px; 
	position: relative; 
	left:320px; 
	padding: 10px 20px;		
}

.col2{ 
	float: left; 
	font:12px arial, helvetica, sans-serif;	
	min-height: 50px; 
	width: 270px; 
	position: relative; 
	left: 320px; 
	padding: 15px 25px;
}


/*CSS for the three column Container*/

.outerWrapper {

    width: 600px; 
    position: absolute; 
    border:6px solid #dddddd;
	box-shadow: 0 0 8px #999999;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.8); 
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.8); 	
	border-top: 0;
	overflow:hidden;
	background-color:#FFFFFF;
}

    
.innerWrapper {
	float:left;
    width: 100%;      
    left: 320px;
    position: relative; 
	box-shadow: -4px -2px 8px #bbbbbb;
	background-color:#e7eff7;
	-webkit-box-shadow: -4px -2px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: -4px -2px 8px rgba(0, 0, 0, 0.3);
    background-image: -moz-linear-gradient(top, #FFFFFF, #cfdfee);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #cfdfee));
	background-image: linear-gradient(top, #FFFFFF, #cfdfee);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#cfdfee)";*
	-pie-background: linear-gradient(#FFFFFF, #cfdfee);
}

.one  {
    float: left; 
	font:12px arial, helvetica, sans-serif;	
    min-height: 20px; 
    width: 280px; 
    position: relative; 
    right:320px; 
    padding: 10px 20px;
}

.two  {
	background:transparent url("/Style%20Library/MegaDropDown/bgRightCurve.png") no-repeat top right;
	font:13px arial, helvetica, sans-serif;	
    float: left; 
    min-height: 50px; 
    width: 236px; 
    position: relative; 
    right: 295px; 
    padding: 10px;
}


/*****/

.main-menu-bar {
	background: url("/Style%20Library/MegaDropDown/bgNav_off.jpg") repeat-x; color: rgb(255, 255, 255);
	width: 960px; height: auto; 
	font-family: Arial; 
}

.clear-fix {
	zoom: 1; _height: 1%;
}
.main-menu-wrap {
 	overflow: hidden;
}
div#NavMain {
	margin: 0 auto; 
	padding: 0px; 
	
}
.navmain-buttons {
	margin: 0px 0px 0px 0px; padding: 0px; 
	text-align: center; 
	font-size: 15px; font-weight: bold; 
	float: left;
	border-left: 1px solid #22689a;
	border-right: 1px solid #69b5df;
}
a.navmain-buttons-item {
	background: url("/Style%20Library/MegaDropDown/bgNav_off.jpg"); 
	color: rgb(255, 255, 255); 
	font-size: 12px; text-decoration: none; 
	display: block; 
	padding:10px 12px 10px 12px;
}
a.navmain-buttons-item:hover {
	text-decoration: none;
}
a.navmain-buttons-item-selected {
	background: url("/Style%20Library/MegaDropDown/bgNav_on.jpg") repeat-x; color: rgb(255, 255, 255);
}
; color: rgb(255, 255, 255);
}
a.main-menu-item-selected:visited {
	background: url("/Style%20Library/MegaDropDown/bgNav_off.jpg") repeat-x; color: rgb(255, 255, 255);
}

#mdd-body {
	text-align:left;
}

#mdd-body ul {
	margin:0; 
	padding: 0px; 
	color: black; 
	list-style-type:none;
}

#mdd-body .col1 li, #mdd-body .two li {
	border-bottom-color: rgb(205, 205, 205); 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	font:bold 13px arial, helvetica, sans-serif;
	background:none; 
	margin-right:6px;
	padding: 8px 22px 8px 0;
	vertical-align: middle;	
	line-height:normal;
}



#mdd-body li:hover {

}

#mdd-body .li-subitem li {
	margin:0;
	padding:0;	
}


#mdd-body .li-subitem li a {
	padding: 8px 22px 8px 44px;	
}

#mdd-body li a {
	color:#000; 
	display:block;
	padding-left:22px;	
	text-decoration: none; 
}

#mdd-body li a:hover{
	background:transparent url("/Style%20Library/MegaDropDown/mdd-arrow.png") no-repeat left; 
	color:#165391;
}

#mdd-body .col1 ul, #mdd-body .two ul {
	margin-bottom:12px;
}

#mdd-body .one li a, #mdd-body .col2 li a {
	color:#165391; 
	display:block;
	padding-left:0;	
	text-decoration: none; 
}


#mdd-body .one li a:hover, #mdd-body .col2 li a:hover {
	background:none; 
	color:#165391;
	text-decoration:underline;
}


#mdd-body li.li-grouptitle {
	padding: 8px 0px 8px 22px;
}

h4.h4-mdd {
	margin:0px;
	padding:0px;
	font-size: 12px;
	font-weight: 700;
	font-family: tahoma;
	line-height: 14px;
}


ul.ul-2ndtier li {
	padding: 4px 72px;
}

#title {
	font-family: Arial; 
	font-size: 12px;
}

#review-by {
	color: rgb(102, 102, 102); 
	padding-top: 8px; 
	font-size: 12px; 
	font-weight: bold;
}

.main-menu-button {
    background: url("/Style%20Library/MegaDropDown/bgNav_off.jpg") repeat-x; 
    height: 39px; 
    color: rgb(255, 255, 255); 
    float: left; 
    margin-right: 1px;
}

#mdd-body a.main-menu-button:hover { 
    background: url("/Style%20Library/MegaDropDown/bgNav_on.jpg");
}

#mdd-body a {
	color:#165391;
	text-decoration: none; 
}

.rssHeader {
	display:inline;
	font-size:13px;
	font-weight:bold;

}

.rssBody h4 {
	font-size:12px;
}


.MDDEventTitle {
	font-weight:bold;
}


#mdd-body img {
	display:inline !important;
}

.col2 ul, .one ul {
	list-style-type:disc;
}

#mdd-body .col2 li, #mdd-body .one li {
	border-bottom-color: transparent; 
	border-bottom-width: 0; 
	border-bottom-style: none; 
	font:inherit;
	background:none; 
	padding: 4px 0;
	vertical-align: middle;	
	line-height:normal;
	list-style-type:disc;
	margin-left:16px;
}

#mdd-body .col2 a:hover, #mdd-body .one a:hover {
	text-decoration: underline; 
}

#mdd-body .col2 img, #mdd-body .one img {
	padding:4px;
}


#mdd-body .col2 .rssBody li, #mdd-body .one .rssBody li {
	list-style-type:none;
	margin-left:0;
}

#mdd-body table {
	border:0 !important;
}

#mdd-body td {
	border:0;
}

.rssBody div {
	font-weight:normal;
}



