/* Standard styles to save problems -------------------------------------------------------*/

body {
margin:0px;
}

img {
border:0px;
}

#main {
background-color: #ffffff;
margin: 0px;
padding: 0px;
font-family: comic sans ms, arial, sans serif;
font-size:12px;
height:auto;
}

#wholesitepositionid {
position:relative;
padding-top: 4px;
padding-bottom: 4px;
margin-left:auto;
margin-right:auto;
width:980px;
background-color: #ffffff;
}

#wholesitecenterid {
position: relative;
margin: auto;  
width: 980px;
}
#topmenuline {
position:relative;
top:55px;
left:10px;
width:570px;
z-index:60;
text-transform:lowercase;
border-bottom: 2px solid #929bc7;
margin:0 195px 0 35px;
padding-bottom:3px;
padding-left:0px;
font-family:arial, sans serif;
}
#topmenuline a {
color:#7f7fb2;
text-decoration:none;
margin:0 0 0 14px;
font-weight:bold;
padding-left:14px;
border-left:1px solid #9999c2;
}
#topmenuline a:first-child {
margin:0 0 0 29px;
border-left:none;
padding:0px;
}
#topmenuline a:hover {
color:#1e318b;
font-weight:bold;
}
#topmenuline a:visited {
color:#7f7fb2;
text-decoration:none;
}
#topmenuline a:visited:hover {
color:#1e318b;
font-weight:bold;
}
/* Although not very elegant, this solution to the positioning of the searchfield works. Place the searchfield into the div element searchfieldid, make it big enough to contain all of the form elements and position it in such a way as to be below the topmenuline. In order for this work around to work you must makesure that topmenuline does not overlap where you type into the field.*/

#notsignedin{
display:none;
}

#article {
position:relative;
margin-top:55px;
padding-bottom:10px;
}

#idheadingtext {
padding-top:10px;
padding-bottom:7px;
width:314px;
color:#4b5fab;
font-family:Times New Roman italic, serif;
margin-top:-45px;
margin-left:260px;
z-index:98;
font-style:italic;
width:440px;
}
#idheadingtext h1 {
font-weight:500;
margin:0px;
font-size:24px;
}
h1 {
font-size:20px;
}
#idpagetext {
width:475px;
background-color:#cccce0;
padding:5px 10px;
margin-left:255px;
z-index:10;
min-height:425px;
/*height:425px !important; */
height:425px;
}

#stretcher {
display:none;
}
#basescrollgraphicid {
position:relative;
font-family:arial, sans serif;
}
#basescrollgraphicid td {
padding-right:20px;

}


/* The syles below control the text display --------------------------------------------------*/

a {color: #1e318b; font-size:12px; text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {color: #1e318b; text-decoration: none;}
a:visited:hover {}

#idpagetext a:link {color: #1e318b; text-decoration: none;}
#idpagetext a:hover {color: #1e318b; text-decoration: underline;}
#idpagetext a:visited {color: #1e318b; text-decoration: none;}
#idpagetext a:visited:hover {color: #1e318b; text-decoration: underline;}

#basescrollgraphicid a:link {font-size:10px; color: #5f6382; text-decoration: none;}
#basescrollgraphicid a:hover {color:#990033;text-decoration:underline;}
#basescrollgraphicid a:visited {font-size:10px; color: #5f6382; text-decoration: none;}
#basescrollgraphicid a:visited:hover {color: #990033; text-decoration:underline;}

div {
padding: 0px;
margin: 0px;
}

img {
padding: 0px;
margin: 0px;
}
#header {
position:relative;
top:54px;
left:10px;
vertical-align:top;
width:780px;
z-index:30px;
}
#insightlogo {
position:absolute;
top:44px;
left:804px;
}
#spotlight {
position:absolute;
left:750px;
top:218px;
z-index:30;
font-family: arial, sans serif;
font-weight:500;
}
#spotlight a:hover {
text-decoration:none;
}
td.spotlightblocktop {
width:78px;
border-top:1px solid #fff0ce;
}
td.spotlighttop {
width:125px;
border-top:1px solid #fff0ce;
border-bottom:1px solid #b1bbdf;
padding-bottom:7px;
padding-top:9px;
padding-left:10px;
}
td.spotlightblock {
text-align:right;
padding-right:8px;
padding-top:9px;
padding-bottom:11px;
border-right:1px solid #b1bbdf;
}
td.spotlightlink {
padding-left:11px;
}
td.spotlightlink a {
font-size:12px;
}
#spotlight span.spotlightlightblue a, span.spotlightlightblue {
color:#00adef;
}
#spotlight span.spotlightdarkblue a, span.spotlightdarkblue {
color:#0054a6;
}
#spotlight span.spotlightred a, span.spotlightred {
color:#e51b22;
}
#spotlight span.spotlightgreen a, span.spotlightgreen {
color:#008457;
}
#cartoon {
position:absolute;
top:215px;
left:10px;
height:320px;
width:243px;
z-index:20;
}
#cartoonstatic {
position:absolute;
top:44px;
left:10px;
height:320px;
width:243px;
z-index:20;
}
#cartoon body {
margin:0px;
padding:0px;
background-color:transparent;
}
#headerline {
width:160px;
height:143px;
background:url("../images/site-images/line-gradient.gif") repeat-x 0 0;
position:absolute;
top:0px;
left:576px;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
/*border: 1px solid black;*/
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: white;
width: 165px; /* default width for menu */
margin-top:12px;
}

.anylinkmenu ul{
margin:0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color:#1e318b;
margin: 0;
font-size:10px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: #CCCCE0;
color: black;
}


/*---- Background colours for each individual dropdown----*/
.anylinkmenu1 {
background-color:#f0b2b2;
}
.anylinkmenu1 a:hover{
background: #cc0000;
}
.anylinkmenu2 {
background-color:#ccd0e6;
width:90px;
}
.anylinkmenu2 a:hover{
background: #7fb299;
}
.anylinkmenu3 {
background-color:#f8cf7e;
width:190px;
}
.anylinkmenu3 a:hover{
background: #ffcc33;
}
.anylinkmenu4 {
background-color:#66ccff;
}
.anylinkmenu4 a:hover{
background: #6666ff;
}
.anylinkmenu5 {
background-color:#f0b2b2;
width:90px;
}
.anylinkmenu5 a:hover{
background: #cc0000;
}
/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
/*---change this to black for shadows to be visible---*/
background: transparent;
visibility: hidden;
}
#breadcrumbs {
position:absolute;
top:4px;
left:0;
z-index:99;
font-family:arial, sans serif;
color:#666666;
font-size:11px;
font-weight:bold;
}
#breadcrumbs a {
color:#666666;
font-size:11px;
text-decoration:underline;
}
#breadcrumbs td {
padding-right:4px;
}
#contactform {
width:240px;
padding-top:10px;
padding-bottom:10px;
border-top-style:solid;
border-top-width:1px;
border-top-color: #000099;
border-left-style:solid;
border-left-width:1px;
border-left-color: #000099;
}
table.contactform {
width:240px;
font-family: comic sans ms,arial,sans serif;
font-size:12px;

}
table.contactform td {
padding-left:7px;
padding-top:7px;
}
td.contactform {
width:130px;
}
td.contactformlabel {
width:110px;
}
td.contactformlonglabel {
width:100%;
}
input.contactform {
width:120px;
border:1px solid #7E7E7E;
}
#contactform input:focus, textarea:focus{
border:1px solid #314294;
}

td.contactformtextbox textarea {
width:230px;
border:1px solid #7E7E7E;
}
.contactformsubmit {
background-color:#314294;
color:#ffffff;
border:1px solid #7E7E7E;
font-family: comic sans ms, arial, sans serif;
width:175px;
}
table.associates td {
padding-bottom:10px;
}
td.associatesheading {
border-top: 1px dashed black;
padding-top:10px;
}