/******************/
/* basic elements */
/******************/

html
{
	margin: 0;
	padding: 0;
}

body
{
	font: 1em Arial, Helvetica, sans-serif;
	color: Black;
	margin: 0;
	padding: 0;
}

p
{
	margin-top: 0;
	text-align: justify;
}

h3
{
	font: italic bold 1.25em Arial, Helvetica, sans-serif;
	color: Blue;
	margin-bottom: .5em;
	margin-top: 0;
}

h4
{
	color: Blue;
}	

a:link, a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: Blue;
}

a:hover
{
	text-decoration: underline;
}

/*****************/
/* specific divs */
/*****************/

#page
{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background-color: white;
}
	
#banner
{
	width: 800px;
	height: 88px;
	background: white url(Images/ItcBanner2009.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: .5em;
}
	
#tagLineEnd
{
	clear: both;
}

#toolbar
{
	background-color: #CCCCFF;
	text-align: center;
}	

#toolbar a:link, #toolbar a:visited
{
	color: #010080;
	margin-right: 20px;
	margin-left: 20px;
}

#toolbar a:hover
{
	text-decoration: none;
	background-color:#010080;
	color:White;
	margin-right: 20px;
}

#welcome
{
	width: 475px;
	float: left;
}

#welcomeImage
{
	margin-right: auto;
	margin-left: auto;
	width: 425px;
	height: 282px;
	background: url(Images/iStock_000007302155XSmall.jpg);
}

#welcome4 a:link, #welcome4 a:active, #welcome4 a:visited
{
	font: 100% Arial, Helvetica, sans-serif;
	color: Black;
	text-decoration: none;
}

#welcome4 a:hover
{
	color: Blue;
	text-decoration: underline;
}

#welcome5 a:link, #welcome5 a:active, #welcome5 a:visited
{
	font: 100% Arial, Helvetica, sans-serif;
	color: Black;
	text-decoration: none;
}

#welcome5 a:hover
{
	font: 100% Arial, Helvetica, sans-serif;
	color: Blue;
	text-decoration: underline;
}

#feed
{
	margin-top: 15px;
	width: 300px;
	float: right;
	border: thin solid black;
}

#footer
{
	clear: both;
	font-size: 8pt;
}	

#about
{
	padding: 1em;
	margin: 1em;
	background-color: white;
	border: solid thin black;
	height: 424px;  /* remove this "height" when we have enough text in the block */

	/* Firefox extension */
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
}

#aboutImage
{
	float: left;
	width: 283px;
	height: 424px;
	margin-right: 20px;
	background: url(Images/iStock_000003986307XSmall.jpg);

/*
	float: left;
	width: 380px;
	height: 253px;
	background: url(Images/ist2_7302155-security.jpg);
*/
}

#products
{
	padding: 1em;
	margin: 1em;
	background-color: white;
	border: solid thin black;

	/* Firefox extension */
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
}

#products a:hover
{
	background: Blue;
	color: White;
	text-decoration: none;
}

#odysseyImage
{
	float: left;
	width: 289px;
	height: 110px;
	margin-right: 1em;
	background: url(Images/odyssey.jpg);
}

#claimsImage
{
	float: left;
	width: 190px;
	height: 127px;
	margin-right: 1em;
	background: url(Images/ist2_9419940-insurance-claim-form.jpg);
}

#instaquoteImage
{
	float: left;
	width: 190px;
	height: 136px;
	margin-right: 1em;
	background: url(Images/ist2_9109804-mortgage-application.jpg);
}

#swiftappImage
{
	float: left;
	width: 147px;
	height: 39px;
	margin-right: 1em;
	background: url(Images/swiftapp.jpg);
}

#csrImage
{
	float: left;
	width: 190px;
	height: 127px;
	margin-right: 1em;
	background: url(Images/ist2_8194407-insurance.jpg);
}

#wowImage
{
	float: left;
	width: 78px;
	height: 36px;
	margin-right: 1em;
	background: url(Images/wow.jpg);
}

.accordionHeader
{
	border: thin solid blue;
	color: blue;
	background-color: #D0D0FF;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
}

.accordionHeaderSelected
{
	border: 1px solid black;
	background-color: blue;
	color: White;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
}

.accordionContent
{
	background-color: #F0F0FF;
	border: 1px dashed blue;
	border-top: none;
	padding-left: 15px;
	padding-right: 15px;
}

#contact
{
	height: 277px;
	padding: 1em;
	margin: 1em;
	border: solid thin black;
	background-color: white;

	/* Firefox extension */
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
}

#contact2, #contact3
{
	margin-top: 2em;
}

#contactImage
{
	float: left;
	width: 413px;
	height: 277px;
	margin-right: 20px;
	background: url(Images/iStock_000009439063XSmallBlue.jpg);
}

#login
{
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
	text-align:center;
	border: thick solid red;
}