@charset "utf-8";
/* CSS Document */

* {
margin: 0;
Padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: small;
color: #4D4D4D;
line-height: 1.4em;
}
.centre {
width: 940px;
margin: 0 auto;
min-height: 40px;
position: relative;
}
.clear { clear: both;}

body {background-color: #636363}

img {border: none;}

/************header*************/

#header {
width: 100%;
background: #ffffff url(http://www.spotlightonmanagement.com/images/interface/site/top_bar.gif) repeat-x top;
min-height: 20px;	
}

#search {  
background-image: url(http://www.spotlightonmanagement.com/images/interface/site/search_backer.gif");
position: absolute;
top: 0;
right: 0;
width: 322px;
height: 73px;
}
	
img.logo {
padding: 40px 0 10px 0;
float: left;
}

#nav {
padding: 130px 0 15px 0;
text-align: right;
color: #999999;
}

#nav li {display: inline; color: #999999;}

#nav a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
color: #999999;
text-decoration: none;
padding: 0 18px;
}

#nav a.active {
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
color: #ed7e29;
text-decoration: none;
}

#nav a:active, #nav a:hover {color: #ed7e29}

.hard_right {margin-right: -18px;}
 
/************header end*************/

/************banner*************/

#banner_right {
margin-top: 8px;
float: right;
width: 550px; 
}

.month_box {
float: right;
width: 225px;
background-color: #ffffff;
margin: 0 0 20px 45px;
border-bottom: 20px solid #636363;
}
#right_side_month_box .month_box {float: none; margin: 30px 0 0 0}

h3.month_header {
background: #636363 url(http://www.spotlightonmanagement.com/images/interface/site/month_box_top2.gif) no-repeat left top;
font-size: 120%;
color: #ffffff;
padding: 6px 15px;
}

#banner_right p.month_box_txt, #right_side_month_box p.month_box_txt {
min-height: 155px;
padding: 20px 15px;
border: 1px solid #cccccc;
border-bottom: none;
}

img.month_pic {
float: right;
border: 1px solid #999999;
margin: 0px 0px 10px 10px;
}
 
#banner {
 background: #e7e8e9 url(http://www.spotlightonmanagement.com/images/interface/site/banner_backer.jpg) repeat-x bottom;
 width: 100%;
 padding: 20px 0 20px 0;
 clear: both;
 }
 
h2.banner_header {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 170%;
font-weight: normal;
color: #ed7e29;
}

#banner p {padding: 8px 0; line-height: 1.4em;}
 
.banner_txt_link a {
color: #ed7e29;
text-decoration: none;
}
.banner_txt_link a:hover, .banner_txt_link a:active {color:#999999;}

ul.banner_list {
list-style-type: none;
width: 280px;
}

ul.banner_list li {
position: relative;
padding: 5px 0 5px 25px;
background: url(http://www.spotlightonmanagement.com/images/interface/site/orange_bullet.gif) no-repeat 0 40%;
}

.banner_chameleon_backer {
background: url(http://www.spotlightonmanagement.com/images/interface/site/chameleon.gif) no-repeat left top;
}

#banner_border_box {
float: right;
position:relative;
width: 450px;
border: 3px solid #ed7e29;
margin: 8px 0 40px 30px;
padding: 20px;
}

img.chameleon {
position: absolute;
top: 20px;
right: 20px;
}

#advert { 
color: #ffffff;
background: #ec8433 url(http://www.spotlightonmanagement.com/images/interface/site/sign_up_top.gif) no-repeat left top;
float: right;
width: 492px;
}

#advert p { 
color: #ffffff;
padding: 0 30px 10px 30px;
background-image: url(http://www.spotlightonmanagement.com/images/interface/site/sign_up_bottom.gif);
background-repeat: no-repeat;
background-position: bottom;
}

#advert h3.sign_up_header { 
color: #ffffff;
font-size: 120%;
padding: 10px 30px 0 30px;}

#advert a {
color: #ffffff;
text-decoration: underline;
}

#advert a:hover, #advert a:active {
color: #666666;
text-decoration: underline;
}

/************banner end*************/

/************body*************/

#main_content_backer {
width: 100%;
background-color:#ffffff;
padding: 20px 0 40px 0;
}

#main_content p {padding: 10px 30px 10px 0; line-height: 1.4em;}

#left_col { 
float: left;
padding-right: 30px;
border-right: 1px dotted #cccccc;
width: 415px;
}

#right_col {
float: left;
width: 450px;
text-align: left;
padding: 0 0 0 30px;
}

span.cloud_link a {color: #666666; text-decoration: none; font-size: 120%; line-height: 2em;}
span.cloud_link a:hover, span.cloud_link a:active  {color: #ed7e29;}
#background p {padding: 10px 30px 10px 0; line-height: 1.4em;}


/************body_end*************/


/************footer*************/

#footer_details {float: left; width: 300px;}
#footer_nav {float: right; width: 280px;}
#footer_nav ul {padding: 20px 0; list-style-type: none;}

#footer_nav a {color: #ffffff; text-decoration: none;}
#footer_nav a:hover, #footer_nav a:active {color: #ed7e29}
#footer_nav a.selected {color: #ed7e29}

#footer p{
padding: 20px 0;
color: #ffffff;
background-color: #636363;
}

.footer_email a {
color: #ed7e29;
text-decoration: none;
}

.footer_email a:active, .footer_email a:hover {color: #ffffff}

/************footer end*************/
