/**********************************************************
Name:			main.css
Description:	Global CSS definitions for Nisa Today's Group site.
				These styles define the base layout of
				every page.
Date:			03/09/2007
Author:			Andrei Vais
**********************************************************/


/*	Re-define HTML elements	*/
body
{
	background: #E2E2E2;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin:  0 10px;
	padding:  0;
}

h1, h2
{
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
}

/*	End of HTML redefinitons	*/

/*	Define classes used to create the content box shadow	*/
#NisaTodayGroup
{
	clear: both;
	margin: 10px auto 0 auto;
	padding: 0;
	max-width: 948px;
	min-width: 724px;
	width: 100%;
}

#leftShadow, #rightShadow
{
	padding: 0;
	margin: 0;
	width: 100%;
}

#leftShadow
{
	background: url('../images/boxLeftShadow.gif') bottom left no-repeat;
}

#rightShadow
{
	background: url('../images/boxRightShadow.gif') bottom right no-repeat;
}

#bottomShadow
{
	background: url('../images/boxBottomShadow.gif') bottom left repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 37px;
	padding: 0;
	margin: 0 30px;
	width: 95%;
}

/*	the following container is used by IE6 to work out min-width and max-width for #nisaCorporate container 	*/
#em {
  width: 1em;
  height: 0;
  overflow: hidden;
}
/*	End of content box shadow definitions	*/

/*	Define the box that will contain all the page content elements	*/
#allPageContent
{
	 background: #FFFFFF;
	 margin: 0 12px;
	 padding: 0;
	 border: 7px solid #FFFFFF;
	 border-bottom: 0;
	 width: 95.7%;
}
/*	End of definitions for the all page content elements box	*/

/*	Start footer style rules*/
#bottomShadow ul
{
	clear: both;
	float:left;
	font-size: 80%;
	margin: 22px 0 0 1px;
	padding: 0;
}

#bottomShadow li
{
	color: #000000;
	float: left;
	margin: 0 22px 0 0;
	padding: 0;
}

#bottomShadow li.firstListElement
{
	list-style-type: none;
	margin-left: -12px;
}

#bottomShadow li a
{
	color: #000000;
	text-decoration: none;
}

#footer
{
	color: #000000;
	float: right;
	font-size: 80%;
	margin: 22px 0 20px 1px;
	padding: 0;
}
/*	End of footer style rules*/


#GroupWelcomeIntro, #SecondaryPageHeader
{
	background: #4078B5 url('../images/GroupHeaderBGImage.jpg') right top no-repeat;
	clear: both;
	float: left;
	height: 300px;
	width: 100%;
}

#SecondaryPageHeader
{
	background-position: right center;
	height: 140px;
}

#SecondaryPageHeader h1
{
	background: transparent url('../images/NisaTodayLogo.png') left top no-repeat;
	color: #FFFFFF;
	font-size: 180%;
	height: 87px;
	margin: 0;
	width: 271px;
}

#SecondaryPageHeader h1
{
	background: none;
	color: #ee1b2e;
	display: inline;
	height: auto;
	margin: 95px 0 0 20px;
}

#GroupWelcomeIntro .intro
{
	background: #FFFFFF;
	color: #002072;
	display: inline;
	float: left;
	filter:alpha(opacity=85);
	moz-opacity:.85;
	opacity:.85;
	margin: 12px 0 0 30px;
	padding: 12px;
	height: 252px;
	width: 470px;
}

#GroupWelcomeIntro .intro h1,
#GroupWelcomeIntro .intro p
{
	display: inline;
	float: left;
	margin: 0 0 0 5%;
	width: 271px;
}

#GroupWelcomeIntro .intro p
{
	display: inline;
	margin-bottom: 10px;
	width: 95%;
}

#GroupWelcomeIntro .intro p.link
{
	margin: -5px 0 0 5%;
}

#GroupWelcomeIntro .intro h1 span
{
	display: none;
}

#GroupWelcomeIntro .intro h1 img
{
	margin: 0 0 0 -20px;
}

#GroupWelcomeIntro p a
{
	display: block;
	float: right;
	color: #de291e;
	font-size: 225%;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 3px 8px;
	text-decoration: none;
	letter-spacing: -2px;
}

#GroupWelcomeIntro .SecondWord
{
	color: #002072;
}

#GroupWelcomeIntro p a img
{
	border-width: 0;
	margin-left: 18px;
}

#allPageContent .LinkToNisaSite
{
	/*border: 1px solid orange;*/
	border-top: 7px solid #FFFFFF;
	clear: both;
	float: left;
	height: 287px;
	margin: 0;
	padding: 0;
	width: 32.6%;
}

#allPageContent .LinkToNisaSite h2
{
	background: #FFFFFF;
	color: #000000;
	display: block;
	font-size: 150%;
	font-style: italic;
	filter:alpha(opacity=70);
	moz-opacity:.70;
	opacity:.70;
	min-height: 90px;
	line-height: 90%;
	margin: 147px 0 0 10%;
	padding: 10px 18px;
}


#allPageContent .LinkToNisaSite a
{
	color: #002072;
	display: block;
	font-size: 70%;	
	font-style: normal;
	font-weight: bold;
	letter-spacing: 2%;
	text-decoration: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#allPageContent .LinkToNisaSite img
{
	border-width: 0;
	margin-left: 30px;
}

#allPageContent #NisaCorporate
{
	background: #BFBA9F url('../images/NisaCorporateBGImage_v5.jpg') top right no-repeat;
}

#allPageContent #NisaConsumer
{
	background: #73993C url('../images/NisaConsumerBGImage.jpg') top right no-repeat;
	clear: none;
	margin: 0 0.8% 0 1%;
}

#allPageContent #NisaMember
{
	background: #D6D5D5 url('../images/NisaMemberBGImage.jpg') top right no-repeat;
	border-right-width: 0;
	clear: none;
	float: right;
}

#allPageContent .PageCopyIntro
{
	float: left;
	font-size: 90%;
	line-height: 150%;
	margin: 2% 0 1% 2%;
	padding: 0;
	width: 96%;
}

#allPageContent .CopyColumn
{
	/*border: 1px solid red;*/
	float: left;
	font-size: 90%;
	margin: 0 1% 2% 2%;
	padding: 0 3% 0 0;
	width: 45%;
}

#allPageContent .Left
{
	background: url('../images/greydot.gif') right repeat-y;
}

#allPageContent .Right
{
	padding-right: 0;
}

#allPageContent .CopyColumn h2
{
	font-size: 110%;
	font-weight: bold;
	margin: 15px 0 5px 0;
	padding: 0;
	text-transform: uppercase;
}

#allPageContent .CopyColumn p
{
	line-height: 150%;
	margin: 0 0 5px 0;
	padding: 0;
}

#allPageContent .CopyColumn ul, #allPageContent .CopyColumn ol
{
	line-height: 150%;
	list-style-type: square;
	margin-bottom: 10px;
	margin-top: 0;
}

#allPageContent .CopyColumn ol
{
	list-style-type: lower-roman;
}

#allPageContent .CopyColumn ul li, #allPageContent .CopyColumn ol li
{
	margin: 0 0 5px 0;
	padding: 0;
}

#allPageContent .CopyColumn a
{
	color: #002072;
	font-weight: bold;
	text-decoration: none;
}

/***
Member login form
***/
form#memberlogin
{
	/*border: 1px solid orange;*/
	margin-top: 7px;
	width: 32%;
	background: #FFFFFF;
	float: left;
	min-height: 287px;
}

form#memberlogin fieldset
{
	border: none;
}

form#memberlogin fieldset legend
{
	display: none;
}

form#memberlogin h3
{
	color: #000000;
	font-size: 150%;
	font-style: italic;
	font-weight: normal;
	margin: 40px 0 20px 0;
}

form#memberlogin label,
form#memberlogin input
{
	font-size: 120%;
	display: block;
	margin: 0 0 10px 0;
}

form#memberlogin label
{
	margin: 0;
}

form#memberlogin input.button
{
	padding: 3px 5px;
	margin: 0 10px 0 0;
	display: inline;
}