html { margin: 0; padding: 0; }
h1
{
	margin-top: 10px;
	font-size: 14pt;
	color: #3366cc;
}
h2
{
    margin-top: 8px;
    font-size: 12pt;
    color: #3366cc;
}
h2.shaded
{
    color: #cccccc;
}
h2 a
{
    font-size: 12pt;
    color: #3366cc;
    font-weight:bold;
}
h3
{
    margin-top: 6px;
    font-size: 10pt;
    color: #3366cc;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 8pt;
}

img
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

td
{
	/*
	vertical-align: top;
	text-align: left;
	*/
}

A
{
	color: darkblue;
	text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

/* MySkin */
.WholePane
{
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
}
.panespacer 
{
	width: 2px;
}
.TopPane 
{
	width: auto;
}
.LeftPane 
{
	width: 200px;
}
.ContentPane 
{
	width: auto;	
}
.RightPane 
{
	width: 200px;
}
.BottomPane 
{
	width: auto;
}

.outside 
{
	background-color: #363636;
}

.middleleft 
{
	background-color: #363636;
}

.middleright
{
	background-color: #363636;
}

.portalmargins 
{
	background-color: #363636;		
}

.mainwindow
{
	background-color: white;
}

.PortalNavigation
{
	padding-left: 32px;
	color: black;
	margin-top: 0px;
	padding-top: 0px;
}

.PortalLogin
{
	padding-right: 4px;
	padding-left: 2px;
	padding-bottom: 2px;
	color: black;
	padding-top: 2px;
}

.portalNavigatorBar
{
	background-position: center top;
	background-image: url(images/navigator.gif);
	background-repeat: no-repeat;
	width: 1200px;
	height: 20px;
	background-color: #363636;
}

.portalbanner
{
	background-position: center top;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	width: 1196px;
	height: 100px;
	background-color: #363636;
}

.bluebar
{
	background-color: #2cbbe7;
	background-position: left top;
	background-image: url(images/topmenubkg.jpg);
	background-repeat: repeat;
	height: 23px;
}

.portalfooter
{
	background-position: left top;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	width: 1196px;
	height: 99px;
	background-color: #363636;
}

.portalfooterfill 
{
	background-position: left top;
	background-image: url(images/footerfill.jpg);
	background-repeat:repeat;
	height: 99px;
	background-color: #363636;
}

.portalfooterleft
{
	background-position: left top;
	background-image: url(images/footerleft.jpg);
	background-repeat: no-repeat;
	width: 365px;
	height: 99px;
	background-color: #363636;
}

.portalfootercenter
{
	background-position: left top;
	background-image: url(images/footercenter.jpg);
	background-repeat: repeat;
	height: 99px;
	background-color: #363636;
}

.portalfooterright
{
	background-position: right top;
	background-image: url(images/footerright.jpg);
	background-repeat: no-repeat;
	width: 371px;
	height: 99px;
	background-color: #363636;
}


.portalcopyright
{
	background-color: #363636;
	color: white;
}

.middlefiller
{
}


.menuborder 
{
	background-color: silver;
	height: 10px;
}

.menubackground
{
	background-color: silver;
}

.menubody
{
	font-size: 10pt;
	font-family: Thaoma, Arial, Verdana;
	color: midnightblue;
	background-color: silver;
	font-weight: bold;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
}
A.menubody
{
	text-decoration: none; 
}
A.menubody:hover
{
	color: white;
	text-decoration: none;
}
A.menubody:link
{
	text-decoration: none;
}
A.menubody:active
{
	text-decoration: none;
}

.menuhover
{
	background-color: midnightblue;
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
}

.menuselect
{
	background-color: midnightblue;
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}


/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #3366cc;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px    
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: red;
}

/* container */
.container_atl
{
	width:16px;
	height:16px;
	background-image: url( container/2atl.gif );
	background-repeat: no-repeat;
}
.container_atr
{
	width:16px;
	height:16px;
	background-image: url( container/2atr.gif );
	background-repeat: no-repeat;
}
.container_abl
{
	width:16px;
	height:16px;
	background-image: url( container/2abl.gif );
	background-repeat: no-repeat;
}
.container_abr
{
	width:16px;
	height:16px;
	background-image: url( container/2abr.gif );
	background-repeat: no-repeat;
}

.container_sl
{
	width:16px;
	background-image: url(container/2sl.gif);
	background-repeat: repeat-y;
}
.container_sr
{
	width:16px;
	background-image: url(container/2sr.gif);
	background-repeat: repeat-y;
}
.container_st
{
	height:16px;
	background-image: url(container/2st.gif);
	background-repeat: repeat-x;
}
.container_sb
{
	height:16px;
	background-image: url(container/2sb.gif);
	background-repeat: repeat-x;
}

/* modules */
.LinkModule
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px    
}

.FeedbackModule
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px    
}


TEXTAREA
{
    font-size: 8pt;
    font-family: verdana;
}

INPUT
{
	/*
    border-right: #696969 1px solid;
    border-top: #696969 1px solid;
    border-left: #696969 1px solid;
    border-bottom: #696969 1px solid;
    */
    font-size: 8pt;
    font-family: verdana;
}
SELECT
{
	/*
    border-right: #696969 1px solid;
    border-top: #696969 1px solid;
    border-left: #696969 1px solid;
    border-bottom: #696969 1px solid;
    */
    font-size: 8pt;
    font-family: verdana;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:100%;		
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
}

/*Hover Menu*/
.popupMenu
{
	position: absolute;
	visibility: hidden;
	background-color: lemonchiffon;
	opacity: .9;
	filter: alpha(opacity=90);
}

.popupHover 
{
	/*
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
	*/
}