Body
{font-family:Garamond; font-size:12pt;
    }

.FooterRow
{
    font-family:Garamond;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
    color:#000000;
}

.HeaderRow
{
    font-family:Garamond;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
    color:#000000;
}


.BreadCrumbs
{
    font-family: Garamond; 
    font-size:10pt; 
    font-weight: normal;        
    color: #000000;
    vertical-align:middle;     
}


.sideNavHeadings
{   
    font-family: Garamond;
    font-size: 12pt;    
    color: #000000;
    font-weight: bold;    
    text-align:left;
}


.BannerMsg
{
    font-family: Arial; 
    font-size: 16pt;     
    color: #41B7C8;    
    }



.displayTableHeader
{
    border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: outset outset outset outset;
	border-color: #045C97 #045C97 #045C97 #045C97;	
    }


.displayTableContent
{
    border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: outset outset outset outset;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;	
    }




.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(../Media/images/menug_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
		
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: Garamond;
	font-size: 11pt;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../Media/images/menug_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../Media/images/menug_hover_right.gif) no-repeat right top; /*right tab image path*/
}

.green{
	background: url(../Media/images/menug_bg.gif) repeat-x; /*tab background image path*/
}

.green li.current a, .green li a:hover{
	background: url(../Media/images/media/menug_hover_left.gif) no-repeat; /*left tab image path*/
}

.green li.current a b, .green li a:hover b{
	background: url(../Media/images/menug_hover_right.gif) no-repeat right top; /*right tab image path*/
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url('../Media/images/roundedge-green-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../Media/images/roundedge-green-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}