/* CSS Document */

/* remember the appropriate background class is to be applied based on class attached to the body */

body {
margin: 0;
padding: 0;
font:75% Arial, Verdana, sans-serif;
}

#threeColLayout {
background:#FFFFFF;
}

#twoColLayout {
background: #E1F7FF;
}

#oneColLayout {
background: #E1F7FF;
}

/* default links */

a:link {
color:#666666;
text-decoration: none;
border-bottom: 1px solid #3399FF; 
}

 a:visited {
color:#3399FF;
text-decoration:none;
border-bottom: 1px solid #9A9A9A;
}



/* headers here */

h1 {
margin: 10px 0 0 10px;
z-index:3;
width: 342px;
height: 88px;
background-image:url(../images/solohsolutionslogolarge.gif);
background-repeat: no-repeat;
text-indent: -9000px;
}

h1 a {
display: block;
height: 88px;
background-image:url(../images/solohsolutionslogolarge1.gif);
background-repeat: no-repeat;
}


h2 {
font-size: 130%;
}

.leadarticle h2 {
font-size: 140%;
font-weight:bolder;

}

/* and then these h3 statements, unique to whichever section has been attached above, will give the headers the appropriate background color */

h3 {
text-transform: uppercase;
display: inline;
font-size: 92%;
margin: 10px 5px 0 5px;
padding: 2px;
}


h4 {
display: inline;
font-size: 100%;
margin: 0 ;
padding: 2px;
color:#000000;
}

/* very top header stretching across full width */

#topheader {
display:none;
}

/* main wrapper that holds it all centrally */

#wrapper {
width:750px;
margin:0 auto;
background-color:#FFFFFF;
padding: 0 10px 10px 10px;
}

/* default masthead holding the banner and mainNav */

#header {
display:none;
}


/* now the three main columns, named in order of importance and display when styles switched off */

#primaryContent {
float:left;
width:750px;
display:inline;
margin: 0 0 20px 0;
}

/* note here that specifying threeColLayout in the body will activate the following div instead of the default primaryContent */

#threeColLayout #primaryContent {
float:left;
width:375px;
margin: 0 0 5px 0px;
}

/* note here that specifying twoColLayout in the body will activate the following div instead of the default primaryContent */

#twoColLayout #primaryContent {
width:555px;
float:left;
margin: 0 0 5px 0px;
}

/* just incase twoColLayout is specified in body, and secondaryContent is left in, we turn it off - not ideal, but it works */

#twoColLayout #secondaryContent {
display: none;
}

#secondaryContent{
float:left;
width:200px;
margin: 0 0 20px 5px;
}

#sideContent{
float:right;
width:180px;
margin: 0 0 20px -150px;
}

/* just incase oneColLayout is specified in body, and these are left in, we turn them off - not ideal, but it works */

#oneColLayout #secondaryContent, #oneColLayout #sideContent {
display: none;
}

/* twoColContent - used to span two right-hand columns - ONLY LEAVE THIS IN IF I DISCUSS IT - box used only if no selector */

#twoColContent{
width:555px;
float:left;
margin: 0 0 20px 195px;
}


/* default paragraph style for any document */
.p {
margin: 0;
padding: 0 5px 5px 10px;
color: #333;
line-height: 140%;
}

/* paragraph styles for any main boxes */
.cbb p, .cb p {
margin: 0;
padding: 0 5px 5px 50px;
color: #333;
}




/* erm, the footer */

#footer{
display:none;
}



#navcontainer ul{
display:none;
}


/* very bottom footer stretching across full width */

#bottomfooter {
display:none;
}