/*--------------------------------------------------------------------------

Manson - Basic Style Sheet

Version:	1.0
Author:		Aaron
Email:		aaron@idaho.uk.net
Website:	http://mansoninsurance.dev

*** Last Modify Date: 03/04/2007 ( Aaron ) ***

--------------------------------------------------------------------------*/

/* Structure 

	=Global
	=Typography
	=Headings
	=Links
	=Access Keys / Jumps
	=Forms
	=LayoutStructure
		- header
		- core-navigation		
		- p-content	
		- s-content
		- footer
	=Shared Styles
	=header
	=p-content ( insides )
	=s-content ( insides )
	=footer ( insides )

--------------------------------------------------------------------------*/


/* =Global 
--------------------------------------------------------------------------*/

* { margin: 0; padding: 0; } 

html, body, form, fieldset 
{
        margin: 0;
        padding: 0;      
}

body { line-height: 1.4; }

.clearme { clear: both; }
.hideme { display: none; } /* visibility: hidden; could be used here instead depends what you need */
.left { float: left; }
.right { float: right; }

acronym { speak: normal; }
abbr { speak: spell-out; }


/* =Typography
 *
 * Use this section for general type styles
--------------------------------------------------------------------------*/

html { font-size: 100.01%; }
body { font-size: 1em; color: #000; }

#p-content, #footer, #s-content { font-family: Arial, Verdana, Sans-Serif; font-size: 0.750em; }


#core-navigation { font-family: Arial; padding-top: 50px; }

/* Freeform - normally we have freeform wrapped inside a container of some sort */

.freeform { }
.freeform p { margin: 0.750em 0; }
.freeform p.blue { color: #012372; }
.freeform ul { margin: 0 0 0 26px;}
.freeform ol { margin: 0 0 0 28px; } /* needs slightly bigger left margin than ul */
.freeform a { color: #012372; text-decoration: none; }
.freeform a:hover { color: #012372; text-decoration: underline; }

.freeform img { margin: 0.5em; }
/* CSS3 selectors, for the good browsers */
.freeform img[align=left] { margin-left: 0; }
.freeform img[align=right] { margin-right: 0; }

.inthissection, .downloads, .seealso
{
	margin: 15px 10px;
}

.pageTOC {padding-bottom: 5px; padding-top: 15px;}
.pageTOC h4, .downloads h3, .seealso h3 { font-size: 1.083em; color: #022374; }
.pageTOC ul, .downloads ul, .seealso ul { list-style: none; }
.pageTOC a, .downloads a, .seealso a { color: #000; text-decoration: none; } 
.pageTOC a:hover, .downloads a:hover, .seealso a:hover { text-decoration: underline; } 


/* =Headings
--------------------------------------------------------------------------*/

h1, h2, h3 { margin-bottom: -0.40em; font-family: Arial, Sans-Serif; font-size: 1.417em; color: #012372; }

h2 { margin-bottom: -0.25em; font-size: 1.167em; }

h3 { margin-bottom: -0.25em; font-size: 1em; }

h4{ margin-bottom: -0.25em; font-size: 1em; }

h4, h5, h6 {}

h2 a{color: #012372; text-decoration: none;}
h3 a{color: #012372; text-decoration: none;}
h4 a{color: #012372; text-decoration: none;}

h2 a:hover{color: #012372; text-decoration: underline;}
h3 a:hover{color: #012372; text-decoration: underline;}
h4 a:hover{color: #012372; text-decoration: underline;}



/* =Links
 * 
 * LVHA ( :link / :visited / :hover / :active ) - important due to the way CSS handles cascade / ordering.
--------------------------------------------------------------------------*/

a { }
a:link { }
a:visited { }
a:hover, a:active, a:focus { }

a img { border: none; }


/* =Access Keys / Jumps
--------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------*/





/* =LayoutStructure
--------------------------------------------------------------------------*/

#sitecontainer 
{ 
	position: relative;
	width: 770px;	
}

.headerIMG
{
	height: 160px;
	overflow: hidden; 
	background-repeat: no-repeat;
	background-position: top left;
}

#core-navigation 
{ 
	float: left;
	width: 128px;
}

#contentcontainer { float: right; width: 642px; min-height: 300px; border-bottom: 1px solid #FFF;  }

#p-content { position: relative; float: left; width: 450px; }
#s-content { float: right; width: 175px;}
#p-content a{ color: #012372;}

#footer 
{ 		
	margin: 0 0 2em 0;
	clear: both;
	position: relative;
}


/* =Shared Styles
 *
 * If you find your re-using the same styles on certain elements 
 * put them here
--------------------------------------------------------------------------*/

div.quote { padding-bottom: 0.15em; float: right; width: 175px; background-color: #C6E2F2; }
.s-content div.quote { float: none; }

div.quote p { padding: 0.5em; }
.quote h3 { margin: 0.25em 0.5em; color: #000; font-size: 1em; }
.quote q { margin: 0.5em; display: block; }

.quote q .open { vertical-align: text-bottom; }
.quote q .close { vertical-align: text-top; }
.quote q:before { content: ''; }
.quote q:after { content: ''; }



/* =header
--------------------------------------------------------------------------*/

#logo
{
	position: absolute;
	top: 30px; right: 25px;
}


/* =core-navigation
--------------------------------------------------------------------------*/

#core-navigation ul { margin: 0 0 0 16px; list-style: none; }
#core-navigation li { font-size: 0.750em; line-height: 2; }
#core-navigation li a { color: #58ABDD; font-weight: bold; text-decoration: none; }

#core-navigation fieldset { margin: 0 0 0 17px; width: 100px; }
#core-navigation fieldset ol{ list-style: none;}
#core-navigation label { color: #58ABDD; font-weight: bold; }
#core-navigation .search { width: 92px; border: 1px solid #7E9DB9; }

#core-navigation .calluson { margin: 16px; font-size: 0.750em; color: #58abdd; font-weight: bold; }
#core-navigation .calluson span { display: block; color: #004082; }


/* =p-content
--------------------------------------------------------------------------*/

.breadcrumbs { margin: -30px 0 0.25em 0; font-family: Arial, Verdana, Sans-Serif; font-size: 0.70em; position: relative;  }
.breadcrumbs a { color: #9B9B9B; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }

.latestnews, .leisureareas { float: left; width: 255px; }
.latestnews ul, .leisureareas ul { margin: 0.5em 0 0 0; list-style: none; }
.latestnews li, .leisureareas li { margin: 0 0 12px 0; min-height: 54px; }
.latestnews li img, .leisureareas li img { margin-right: 7px; float: left; clear: left; border: 1px solid #E1E2E3; }
.latestnews li a, .leisureareas li a { color: #1b8dcd; text-decoration: none; font-weight: bold; }
.latestnews li a:hover span, .leisureareas li a:hover span { color: #57b0e2; text-decoration: underline; }

.leisureareas { width: auto; } /* dont need width restriction */




/* =s-content
--------------------------------------------------------------------------*/

.areas { list-style: none; font-family: Arial, Sans-Serif; font-size: 1.083em;  }
.areas li { margin-bottom: 0.5em; line-height: 1.1em; }
.areas a { font-weight: bold; color: #1b8dcd; text-decoration: none; }
.areas a:hover { color: #57b0e2; }
.areas p { margin: 3px 0 0 0; }

/* =footer
--------------------------------------------------------------------------*/

#footer .logo
{		
	position: absolute;	
	top: -10px; left: 17px;
}

#footer .line { margin-top: 1em; padding: 0.25em; float: right; width: 642px; border-top: 1px solid #DBDBDB; color: #B9B9B9; }

#footer .idaho { width: 200px; text-align: right; }
#footer .idaho img { vertical-align: text-bottom; }

#footer a { color: #B9B9B9; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.searchResults
{
    list-style: none;
    margin: 0;
    padding: 0 0 0 5px;
}

.searchResults li
{
    padding: 3px 0 3px 0;
}


.searchResults a
{
    color: #012372;
    text-decoration: none;
}
.searchResults a:hover
{
    color: #012372;
    text-decoration: underline;
}

.pagingControls
{
    margin: 10px 0 10px 0;
}
.pagingControls a
{
    color: #012372;
    text-decoration: none;
}
.pagingControls a:hover
{
    color: #012372;
    text-decoration: underline;
}


.NewAreas
{
   list-style: none; font-family: Arial, Sans-Serif; font-size: 1.083em; 
}
.NewAreas li 
{
    margin: 0.35em;
    line-height: 1.1em;
    width: 137px;
    height: 105px;
    float: left;
}

.NewAreas a { font-weight: bold; color: #1b8dcd; text-decoration: none; }
.NewAreas a:hover { color: #57b0e2; }
.NewAreas p { margin: 3px 0 0 0; }
.NewAreas img{width: 137px; height: 60px;}


.insuranceLiMiddle
{
	padding: 0 0 0 147px;
}


/*news items here*/
.summaryNewsItemLeft{ float: left; width: 220px; padding-bottom: 10px;}
.summaryNewsItemRight{ float: right; width: 220px; padding-bottom: 10px;}

.summaryNewsItemTop{ clear: both; padding-bottom: 10px;}
	.summaryNewsItemTop img{ float: left; padding: 0 10px 10px 0;}
	.TopNewsItemLeftBody a{ text-decoration: none;}
	.TopNewsItemLeftBody a:hover{ text-decoration: underline;}

.newsArchiveLink{ float: right;}
.newsArchiveLink a{ text-decoration: none;}
.newsArchiveLink a:hover{ text-decoration: underline;}

.newsSummarySlim{ padding: 10px 0 0 0;}
	.newsSummarySlim a{ text-decoration: none; color: #012372;}
	.newsSummarySlim a:hover{ text-decoration: underline;}

.newsSummaryFull{ background-color: #C6E2F2;}
	.newsSummaryFullBody{padding: 0.4em;}
	.newsSummaryFullBody h3 { padding-bottom: 0.5em; color: #012372; font-size: 1em; }
	.newsSummaryFullBody a{ text-decoration: none;}
	.newsSummaryFullBody a:hover{ text-decoration: underline;}

/* REMOVE THIS WHEN COMPLETE */

#__asptrace { margin-top: 100px; clear: both; }