/**************** body and tag styles ****************/

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg04.gif);
}

#container {
	width: 800px;
	text-align: left;
	margin: 10px auto 0px auto;
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
}

#content {
	float: right;
}

.italics {
	font-style: italic;	
}

.smtalics {

	font-style: italic;

}

.bold {
	font-weight: bold;
}

.2bold {
	font-weight: bold;
	color:#FF0000;
}

#clearLeft {
	clear:right;
}

	
	
a img {
	border: none;
}

h5 {
	position: relative;
	left: -5px;
	top: 0px;
}

iframe {
	position: relative;
	bottom: 50px;
}

/**************** Header Styles ****************/

#header {
	width: 800px;
	height: 120px;
	background-image: url(images/headerGR.gif);
	background-repeat: repeat-x;
}

#logo {
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 167px;	
}


/**************** Sidebar Styles ****************/

#sidebar {
	width: 170px;
	z-index: 700;
}



#sidebar a:hover {
	text-decoration: underline;
	}

#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 90%;	
}

#sidebar li {
	margin: 0px;	
}

#sidebar li p, h5, h6 {
	margin: 5px;	
}

#sidebar ul.sideTop {
	background-image: url(images/mailbox.gif);
	background-repeat: no-repeat;
	background-position: 145px 16px;
}

#sidebar ul.sideTop li {
	margin-top: 10px;	
}
.sideBottom {
	color:#EC2027;
	font-size: .6em;
	padding: 0px;
	margin: 0px;
	width: 177px;
	}

#sidebar ul.sideBottom li{
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #EC2027;
	margin-top: 10px;
	font-weight: 600;
}

#sideMenu {
	margin-left: 10px;
}

#sideMenu ul{

	list-style-type: none;
}

#sideMenu li{
	font-size: 1.2em;
	line-height: 1.5em;
	text-decoration: none;	
}

/**************** Sidebar Java Script Styles ****************/

#newScript {
	position: relative;
	left: 10px;
	margin-bottom: 60px;
	}



.sideBottom a:visited {
	text-decoration: underline;
	color: #FF0000;	
	}
.sideBottom a:link {
	text-decoration: underline;
	color: #FF0000;	
	}
	
.menu a:visited {
	text-decoration: underline;
	color: #000;	
	}
.menu a:link {
	text-decoration: underline;
	color: #000;	
	}

/******************* Portal Styles ******************/

#portal {
	margin-top: -30px;
	width: 170px;
	background-image: url(images/mailbox.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#portal a{
	font-size: 60%;
	text-decoration: underline;
}

#portal a:link{
	text-decoration: underline;
}

#portal a:hover{
	color: #FF0000;
	text-decoration: underline overline;
}



#portal ul {
	font-size: 10px;
	margin-top: 40px;

}

#portal input {
	margin-top: 8px;	
}
#portal .userpass {
	font-size: .8em;	
}
#portal .userpassalign {
	float: right;
}
#portal .portalborder {
	border-bottom: thin solid #000;
}





/**************** Main Window Styles ****************/

#mainWindow {
	width: 565px;
	margin-left: 20px;
	margin-top: -50px;
	padding-right: 15px;
	padding-top: 20px;
	min-height: 500px;
	position: relative;
}

#mainWindow ul {
	position: relative;
	bottom: 15px;
}

#mainWindow ul ul{
	position: relative;
	bottom: 0px;
}


#mainWindow p {
	position: relative;
	bottom: 15px;
}

#mainWindow a:visited {
	text-decoration: underline;
	color: #FF0000;	
	}
#mainWindow a:link {
	text-decoration: underline;
	color: #FF0000;	
	}

#mainWindowFrontPage {
	height: 580px;
	margin-top: -40px;
	padding-right: 15px;
	overflow: none;
	position: relative;
}




#notsure {
	position: absolute;
	bottom: 0px;

}

.spacerP {
	position: relative;
	top: -20px;
}

#notSure2 {
	margin-top: 50px;
}

#notSure2 p{
	font-size: 14px;
}


.question {
	font-weight: bold;
	font-size: 1.3em;
	color: #FF0000;
	margin-right: 10px;
}

.answer {
	margin-left: 40px;
}

#featureWindow {
	background-image: url(images/mainWindow-Hand.jpg);
	background-repeat: no-repeat;
	width: 565px;
	height: 295px;
	position: absolute;
	top: 5px;
	right: 15px;
}

#featureWindow a{
	display:block;
	width:560px;
	height:290px;
}

#featureText {
	position: absolute;
	right: -10px;
	top: -70px;
	width: 560px;
}



#featureText h2,h3{
	float: left;
	margin-right: 15px;
}

#featureText h3 {
	font-style: italic;
	margin-top: 25px;	
}

#hand {
	background-image: url(images/MaskedHand.gif);
	height: 217px;
	width: 325px;
	position: relative;
	top: 59px;
	right: 2px;
	float: right;
}



#marketGroups {
	width: 565px;
	height: 86px;
	list-style-type: none;
	position: relative;
	top: 320px;
	margin: 0;
	padding: 0;
}


#marketGroups li {
	height: 100px;
	width: 180px;
	float: left;
	margin: 4px;
}

#marketGroups2 {
	width: 565px;
	height: 86px;
	list-style-type: none;
	position: relative;
	top: 340px;
	margin: 0;
	padding: 0;
}


#marketGroups2 li {
	height: 100px;
	width: 180px;
	float: left;
	margin: 4px;
}



/**************** Footer Styles ****************/
#footer {	
	width: 565px;
	height: 35px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #EC2027;

}


#footer #subMenu a:link {
	color: #000000;
	text-decoration: none;
}

#footer #subMenu a:visited {
	color: #000000;
	text-decoration: none;
}


#footer #subMenu a:hover {
	text-decoration: underline;
}


#footer #subMenu li{
	float: left;
	list-style-type: none;
	font-size: 80%;
	color: #000000;
	margin-right: 15px;
}


/**************** menu styles ****************/
#menu_container {
	width:630px;
	margin-top: -83px;
	margin-right: 0pt;
	padding-bottom: 3px;
	margin-left: -5px;
	float: right;
}

#nav, #nav ul {
	padding:0 0 5px 0;
	margin:0;
	list-style:none;
	position:relative;
	z-index:200;
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#nav {
	height:26px; 
	padding:0;
}

#nav table {border-collapse:collapse;}
#nav li {
	float:left;
	padding:0 10px 0 10px;
}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {
	float:left;
}

#nav li a {
	display:block;
	float:left;
	color:#000000;
	height:25px;
	padding-right:5px;
	line-height:25px;
	text-decoration:none;
	white-space:nowrap;
}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {
	position:relative;
	z-index:300;
	background-color: #999999;
}
#nav a:hover {
	position:relative;
	z-index:300;
	text-decoration:underline;
	color:#FFFFFF;
}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {
	left:-10px;
}

#nav ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	border: 1px solid #000000;	
}

#nav ul li:hover   {
	background-color:#666666;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#nav ul:hover a {
	text-decoration: none;
}


/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {
	left:-15px;
	margin-left:100%;
	top:-1px;
}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {
	text-decoration:underline;
	color: #FFFFFF;
}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{
	left:100%;
	top:-1px;
}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}