/* Some general standardizations because browsers have different settings */
/* ul, ol, li, */
html, body,
a, div, img, span
{margin: 0; padding: 0; border: 0;}

/*
p,h1, h2, h3, h4, h5, h6
{
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
	border: 0;
}
*/

.clear
{
	clear: both;
}

html,body
{
	/*height: 100%;*/
	margin-left: 0px;
	margin-top: 0px;
}
#wrapper
{
	width: 780px;
	/*height: 100%;*/
}
#middle
{
	/*height: 400px;*/  /**** CANT USE THIS AS Firefox wont then expand the box ****/
	/*border: solid 1px red;*/
}
#headerlogo img
{
	border-style: none;
	margin: 28px 20px 10px 20px;
}

#mettoni-group
{
	float: right;
	font-style: italic;
	color: #000099;
	font-size: smaller;
}

#headermenu-bar
{
	clear: both;
	height: 0px;
	border-bottom: solid 1px #C4C4C4;
	padding: 0;
	margin: 0;
}
.sidemenulink
{
    font-size: 8pt;
    font-family: verdana;
}
.headermenu
{
	/*display: inline;*/
	float: left;
	background-image: url(../../images/top_menu_bar.jpg);
	background-repeat: repeat-y;
	/*border: solid 1px black;*/
	border-top: outset 1px #F4F4F4;
	height: 19px;
	width: 406px; /* (wrapper width - image width) = 780 - 374 */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.headermenu li
{
	display: inline;
	padding: 0 0 0 15px;
	margin: 0 0 0 0;
	border: 0;
}

.headermenu a
{
	font-size: smaller;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

.headermenu a:hover
{
	color: #DDDDDD;
}

.loginmenu
{
	float: left;
	background-color: #093D86;
	border-top: outset 1px #F4F4F4;
	width: 373px /* 374 -1 */;
	height: 19px;
	text-align: right;
	border-left: solid 1px white;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.loggedin
{
	background-color: #B22A2E;
}

.loginmenu li
{
	display: inline;
	font-size: smaller;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0 15px 0 0;
	margin: 0 0 0 0;
	border: 0;
}

.loginmenu a
{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

.loginmenu a:hover
{
	color: #DDDDDD;
}

.sidemenu
{
	padding-top: 20px;
	background-color: #F4F4F4;
	/*float: left;*/
	width: 140px;
	/*height: 100%;*/
	/*height: 400px;*/
}
.sidemenu a
{
	margin-left: 20px;
	font-size: smaller;
	color: black;
	text-decoration: none;
	font-weight: bold;
}
.sidemenu a:hover
{
	color: #093D86;
}

.sidemenu .expandV
{
	height: 400px;
	border: solid 1px #F4F4F4;
	/*background-color: #F4F4F4;*/
	float: right;
}

.sidemenu .expandH
{
	width: 140px;
	border: solid 1px #F4F4F4;
	/*background-color: #F4F4F4;*/
	clear: both;
	float: right;
}

.forceUpper
{
	text-transform: uppercase;	
}

#content
{
	padding: 0px 20px 20px 20px;
	/*border: solid 1px black;*/
	/*width: 600px; */ /* (wrapper width - sidemenu width - padding) = 780 - 140 - 20 - 20*/
	/*float: right; */
}
hr
{
	background-image: url(../../images/dotted_line.jpg);
	/*background-color: Lime;*/
	width: 80%;
}

/* li {list-style-image: url(../../images/blue_double_arrow.gif);} */
#footer-box-1
{
	background-color: #96abc8;
	width: 140px;
	height: 116px;
	clear:both;
	float: left;
}

#footer-box-2
{
	background-color: #9eb1cf;
	width: 640px;
	height: 116px;
	float: right;
}

.headerAlignLeft th
{
	text-align: left;
}