/* Start of CMSMS style sheet '00Home-backgrounds' */
 div#content {
margin-left: 49px; 
     /* some air above and under menu and content */
/* set the margin of the content to height of footer + 30px */
width:955px;
clear: both;
background: #FFFFFF url(uploads/images/home/home_image2.gif) no-repeat;
background-position: top right;
}

div#pinkbar {
height:20px;
background: #FFFFFF url(uploads/images/pink.gif) right repeat-y;
}

div#intro {
min-height:520px;
height:743px;
background: url(uploads/images/pinkgrey.gif) right repeat-y;
}

div#main {
   margin-right: 580px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
}

div#col1 {
   width:219px;
   padding: 0px 15px 36px 77px;
   float:left;
background:#fabfe2 url(uploads/images/intropink.gif) left repeat-y;
}

div#sidebar {
   float: right;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 578px;     /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
margin:0;
margin-right:43px;
height:100%;
}

div#sideleft {
float:left;
width:366px;
}

div#latest {
float:left;
width:366px;
margin-bottom: 30px;
}

div.feature_summary {
padding: 0px 35px 0px 35px;
}

div.feature_summary a:hover {
text-decoration:none;
color:#333333;
}

div.feature_summary p {
color: #e2006b;
font-size: 1.3em;
line-height: 1.2em;
margin:0px 0px 18px 0px;
}

div.feature_image {
background:#d3d4d5 url(uploads/images/home/parenthesis.gif) top right no-repeat;
height:313px;
width:366px;
}

div.feature_image img {
padding:10px 114px 0px 35px;
}

div.featurelink {
background: url(uploads/images/home/arrowlink.gif) 6px 8px no-repeat;
padding: 4px 4px 4px 18px;
border: 1px solid #888888;
width:180px;
margin-left:35px;
}

div.featurelink p {
margin:0;
margin: 2px 0px 2px 0px;
}

div.feature_image a {
font-size:0.85em;
color:#333333;
line-height:1.4em;
}

div#news_toggle {
   width:301px;
   height:28px;
   padding: 0px 30px 0px 35px;
}

div#toggle a {
   width:282px;
   height:400px;
}

div.togglelink {
font-size:0.7em;
}

div.togglelink a {
background: url(uploads/images/home/arrow-white.gif) 6px 6px no-repeat;
padding: 3px 5px 3px 18px;
border: 1px solid #999999;
width:180px;
   color:#000;
}

div#toggle a:hover {
   width:282px;
   height:400px;
   color:#000;
   text-decoration:none;
}

.toggle {
   width:282px;
   height:28px;
   margin: 1px 0px 1px 0px;
   color:#e3006c;
}

.toggletext {
margin-left:0px;
font-size: 14px;
line-height:26px;
}

div#article, div#casestudy, div#latestnews { 
   width: 270px; padding: 8px 5px 20px 0px; background-color: #FFFFFF;
border-top:1px solid #d3d4d5; border-bottom:1px solid #d3d4d5;
}

div#article a, div#casestudy a, div#latestnews a { 
   color:#333333;
}

div#article a:hover, div#casestudy a:hover, div#latestnews a:hover { 
   color:#ec008c;
   text-decoration:none;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   padding: 0 1%;
   width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

div#pre-footer {
background:#e9e9ea url(uploads/images/pinkgrey.gif) right repeat-y;
height:29px;
width:100%;
}

div#footer {
   clear: both;
   position: relative;
   height:60px;
   color: #FF00A2;
   padding-left:126px;
   background-color:#FFFFFF;
}

.copyright {
   color: #a7a9ac;
margin-right:12px;
}

.copyright a {
   color: #a7a9ac;
}

div#footer p {
   font-size: 11px;
   padding: 1.5em;       /* some air for footer */
   text-align: left;
   line-height: 21px;
   color: #333;
}

div#footer p a {
   color: #333; /* needed becouse footer link would be same color as background otherwise */
   text-decoration: none;
}

div#footer p a:hover {
   color: #ec008c;
   background: #FFF;
}
/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}


/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 1.31em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
   color: #333;
}
div#content h2 {
	color: #a6a9ab; 
	font-size: 2.63em;
             line-height:1em; 
             font-weight:normal;
	text-align: left; 
/* some air around the text */
        padding-top: 36px;
	padding-left: 28px;
	padding-bottom: 1px;
/* and some air under the border */
        margin: 0 0 0.5em 0;
letter-spacing:-0.08em;
}
div#content h3 {
   color: #333; 
   font-size: 0.75em;
   line-height: 1.3em;
   font-weight:bold;
   margin: 0 0 0.5em 0;
}

div#col1 h3 {
   font-family: times new roman, times, serif;
   font-size:1.9em;
   font-weight:normal;
   line-height: 1.1em;
   padding-top:0.8em;
}

div#content h4 {
   color: #333; 
   font-size: 0.75em;
   font-weight:normal;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

div#sideleft h4 {
   font-family: times new roman, times, serif;
   font-size:1.3em;
   line-height: 1em;
   padding-bottom:0.2em;
}

div#content h5 {
   color: #333; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #333; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

/* END HEADINGS */


/* TEXT */
p {
   font-size: 0.81em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.3em;
   padding: 0;
}

div#col1 p {
   font-size:1em;
   line-height: 1.4em;
   padding-top:0.8em;
   font-weight:normal;
   margin:0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */
/* End of '00Home-backgrounds' */