/*
##############
ELEMENT STYLES
##############
*/

*{
	margin:0 auto;
}

body{
	background:url(/themes/mambo/i/professionals/head_bg.jpg) repeat-x top left;
	font-size:0.75em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#878787;
}

h1{
	font-size:1.75em;
	margin:1.1em 0;
	
}

h2{
	font-size:1.65em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#00b2f0;
}

h3{
	border-top:1px solid #b5e9fb;
	padding-top:10px;
	margin-bottom:0.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#00b2f0;
	font-size:1.4em;
	font-weight:normal;
	
}

h3 a{
	color:#00b2f0;
	text-decoration:none;
	font-weight:normal;
}

h4{
	padding-top:10px;
	border-top:1px solid #b5e9fb;
	margin-bottom:0.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#00b2f0;
	font-size:2.0em;
	font-weight:normal;
}

h4 a{
	text-decoration:none;
	color:#00b2f0;
	font-weight:normal;
}

p{
	margin:1.1em 0;
}

a{
	color:#f66700;
	font-weight:bold;
}

a:hover{
	color:#8C0051;
}

ul{
	padding-left:5px;
	margin-left:10px;
}

li{
	margin:3px 0;
}

li a{
	color:#878787;
	text-decoration:underline;
	font-weight:normal;
}

blockquote{
	font-size:1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	margin:0 50px;
	
}


/*
##############
GENERIC STYLES
##############
*/

.clear{
	clear:both;
}

.dropcap {
	color:#00b2f0;
	float:left;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:4.1em;
	line-height:0.8em;
	padding-right:4px;
	padding-top:2px;
}

.bold{
	font-weight:bold;
} 


.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

.oneCol{
	width:284px;
	margin:0 11px;
	float:left;
	display:inline;
}

.twoCol{
	width:590px;
	margin:0 11px;
	float:left;
	display:inline;
}

div.noMargin{
	margin:0;
}

div.noLeft{
	margin-left:0;
}

div.noRight{
	margin-right:0;
}

.noborder h2.textReplace{
	border:none;
}

h4.noborder{
	border:none;
}

/*
##############
MANDATORY STYLES
##############
*/

img {
    border: 0px none;
}

/*
##############
HEADER STYLES
##############
*/

#head{
	width:940px;
	margin:0 auto;
	text-align:center;
	position:relative;
}

#head #logo{
	display:block;
	padding-top:17px;
}

#head #subcopy{
	display:block;
	margin-top:13px;
	margin-bottom:30px;
}

#head #topButtons{
	top:0;
	left:0;
	width:940px;
	margin:0 auto;
}

#head #thtLogo{
	position:absolute;
	top:0;
	right:0;
	
}

#head #regButton{
	width:230px;
	position:absolute;
	top:0;
	left:0;	
	background:url(/themes/mambo/i/professionals/probutton_left.gif) no-repeat left bottom;
	
}	

#head #regButton a{ 
	display:block;
	position:relative;
	background:url(/themes/mambo/i/professionals/probutton_right.gif) no-repeat right bottom;
	margin-left:17px;
	padding:4px 12px 15px 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;	
}


/*
###########
MENU STYLES
###########
*/

#menu{
	text-align:left;
	border-bottom:1px solid #caf0fa;
	border-top:1px solid #9a9a9a;
	border-left:1px solid #9a9a9a;
	border-right:1px solid #9a9a9a;
	background:#65a026 url(/themes/mambo/i/professionals/menu_bg.jpg) repeat-x top left;
	margin-top:30px;
}



#menu, #menu ul.topLevel{
	
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
	font-family:Arial, Helvetica, sans-serif;
    line-height:1.5em;
	font-size:1.1em;
	font-weight:bold;
	z-index:1000;
}

#menu ul.topLevel{
	margin:0 0 0 2.75em;
}

#menu li{
    float:left;
    position:relative;
	z-index:1000;
	margin:0;
}

#menu a:link, #menu a:active, #menu a:visited{
    display:block;
    padding:6px 15px;
	border-right:1px solid #0095c6;    
	border-left:1px solid #2ec3f4;
    color:#fff;
    text-decoration:none;
    background:#65a026 url(/themes/mambo/i/professionals/menu_bg.jpg) repeat-x top left;
}

#menu a:hover, #menu a.selected, #menu a.hovered{
    background:#fff;
    color:#00b2f0;
	border-right:1px solid #ffffff;
}

#menu .subNav{
	position:absolute;
    width:370px;
	border:#d1d1d1 1px solid;
	border-top:none;
	padding:15px;
	text-align:left;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.78em;
	display:none;
	z-index:100;
}

#menu .subNav ul{
	margin:0;
    padding:0 0 0 10px;
    list-style-type:none;
    list-style-position:outside;
	z-index:1000;

}

#menu .subNav .borderWrapper{
	border-left:#00b2f0 1px solid;
	height:100%;
}

#menu .subNav li{
	float:none;
}

#menu .subNav h4{
	padding:0 0 3px 10px;
}

#menu .subNav a:link, #menu .subNav a:active, #menu .subNav a:visited{
	background:none;
	border:none;
	padding:0;
	color:#00b2f0;
	font-weight:normal;
}

#menu .subNav a:hover{
	text-decoration:underline;
}

#menu .subNav .section{
	width:185px;
	float:left;
}

#menu .subNav .useful{
	width:185px;
	float:left;
}

/*
##############
BREADCRUMB
##############
*/
#breadcrumb{
	background:url(../i/professionals/menu_drop.jpg) top left repeat-x;
}

#breadcrumb ul{
	float:right;
	margin:0;
    padding:10px 0;
    list-style-type:none;
    list-style-position:outside;
}

#breadcrumb ul li{
	display:inline;
	color:#8c8c8c;
}

#breadcrumb ul li a{
	font-weight:normal;
	color:#8c8c8c;
}


/*
###########
LOGIN STYLES
###########

NOTE: This has been added to show positioning only.
The final login box will require further styling to match designs.
*/

#loginBox{
	background-color:#FFFFFF;
	position:absolute;
	width:450px;
	left:7px;
	top:26px;
	text-align:left;
	border:1px solid #ccc;
	display:none;
}

#loginPadding{
	padding:20px 20px 10px 20px;
}

#loginBox input{
	width:252px;
	color:#6a6a6a;
	border:1px solid #dadada;
	padding:3px 9px;
	font-size:1.25em;
}

#loginBox  input.autoWidth{
	width:auto
}

#loginBox #loginFields{
	width:270px;
	float:left;
}

#loginBox #loginButton{
	float:right;
}

#loginBox #loginButton input{
	border:none;
	width:auto;
}

#loginBox span.remember{
	display:block;
	float:left;
}

#loginBox span.forgot{
	display:block;
	float:right;
}

#registerBox{
	margin:17px 0 0 0;
	background:transparent url(../i/doubleBorder.gif) repeat-x top left;
}

#registerBox h3{
	font-size:1.7em;
	border:none;
}

#registerFrm .formRow .highlightError{border:3px solid #ff0000;}


#registerFrm{
	margin-top:60px;
}

#registerFrm .formRow{
	float:left;
	margin-left:10px;
	margin-bottom:2px;
}

#registerFrm .formRow input{
	float:left;
	width:560px;
	margin-left:13px; 
}

#registerFrm .formRow input.radio{
	float:left;
	width:30px;
	margin-left:13px; 
}

.formRow input{
	border-top:2px groove #b3bdc0;
	border-bottom:1px solid #dee8e8;
	border-left:2px groove #b3bdc0;
	border-right:1px solid #dee8e8;
}

#registration{
	display:block;
	width:940px;
}

textarea{
	border-top:2px groove #b3bdc0;
	border-bottom:1px solid #dee8e8;
	border-left:2px groove #b3bdc0;
	border-right:1px solid #dee8e8;
}

input{
	border-top:2px groove #b3bdc0;
	border-bottom:1px solid #dee8e8;
	border-left:2px groove #b3bdc0;
	border-right:1px solid #dee8e8;
}

#topSection {
    margin-top:30px;
    padding-top:10px;
    padding-bottom:20px;
   	border:1px solid #e5e5e5;
	background-color:#e5f8fe;
}

#topSection label{
    float:left;
    font-weight:bold;
     line-height:1.6;
     text-align:right;
     width:320px;
     padding-right:20px;
}

#topSection p{
	margin-left:10px;
	margin-bottom:2px;
}

#topSection input{
	width:560px;
}

#bottomSection {
    text-align:left;
    margin-top:30px;
    padding-left:15px;
    padding-top:10px;
    padding-bottom:20px;
   	border:1px solid #e5e5e5;
	background-color:#e5f8fe;
}

#bottomSection p{
	margin-left:10px;
	margin-bottom:2px;
}

#bottomSection input{
	width:30px;
}

#bottomSection input.big{
	width:885px;
}

#bottomSection textarea{
	width:885px;
	height:200px;
}

#bottomSection p label.small{
   width:70px;
}

#bottomSection input.radio{
	width:20px;
}

#bottomSection label{
    font-weight:bold;
    line-height:1.6;
    text-align:right;
    width:340px;
}

#termsPanel{
    margin-top:30px;
}

#termsPanel textarea{
	width : 940px;
	height : 100px;
}

#formFooter{
    text-align:left;
    padding-left:15px;
    padding-top:20px;
    margin-top:0px;
    background:transparent url(/themes/mambo/i/formFooter_background.jpg) no-repeat scroll left center;
	float:left;
	width:940px;
	z-index: 1000;}

#formFooter input{
    width:30px;
}

.submitBtn{
    float:right;
    margin:0px;
}

.chkbox{float:left;}

#formFooter input.button{
    width:78px;
    border : none;
}

#submitForm{
    float:right;
    margin-right:45px;
    margin-top:-15px;
}

#submitForm input{
    border:none;
}

.submitForm input{
    width:200px;
}

.highlightedBox{
	position:relative;
    /*text-align:center;*/
	width:940px;
	border:1px solid #e5e5e5;
	background-color:#e5f8fe;
	/*padding:14px 0 18px 0;*/
	/*margin-bottom:18px;*/
}
#registration h3{
	margin-bottom:17px;
	margin-left:10px;
}

#registration{
	margin-bottom:50px;
}
.enterEmail, .enterPassword{
	float:left;
	width:538px;
	margin-left:10px;
	margin-bottom:20px;
	display:inline;
}



#loginForm label{width:100px;}

#email,
#password
{
	float:left;
	margin-left:13px;
	width:420px;
	border-top:2px groove #b3bdc0;
	border-bottom:1px solid #dee8e8;
	border-left:2px groove #b3bdc0;
	border-right:1px solid #dee8e8;
}


/*
###########
BODY STYLES
###########
*/

#doc{
	background:url(/themes/mambo/i/bg_circles.gif) no-repeat top center;	
}

#maincontent{
	
}

#body{
	width:940px;
	margin:0 auto;
	padding-bottom:20px;
	margin-bottom:1px;
	text-align:left;
}

#mainBody{
	text-align:left;
	padding:0 11px;
}

.strongText{
    font-weight: bold;
}

h2.blog{
	background:url(/themes/mambo/i/hd_from_the_blog.gif) no-repeat top left;
	border-bottom:1px solid #b5e9fb;
	margin-bottom:1px;
	padding-bottom:8px;
}

h2.textReplace {
	font-size:2.3em;
	border-bottom:1px solid #b5e9fb;
	margin-bottom:1px;
}


/*
##################
PROMO PANEL STYLES
##################
*/


.promoPanel{
	z-index:1;
	background:url(/themes/mambo/i/headerimage.jpg) no-repeat top left;
	height:304px;
	position:relative;
	padding:100px 0 0 46px;
	margin-bottom:30px;
}



.promoPanel ul{
	width:415px;
	float:left;
	padding:0;
	margin:0;
}

.promoPanel li{
	margin-left:19px;
	padding-left:10px;
	list-style-image:url(/themes/mambo/i/bulletpoint.gif);
	
}

.promoPanel li a{
	display:block;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #c7af94;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	
}

.promoPanel li.alternating a{
	color:#ffde00;
}

.promoPanel a:hover{
	text-decoration:underline;
}

.prize{
	position:absolute;
	bottom:-20px;
	left:-40px;
}

/*
#########################
BLOG POST
#########################
*/

.blogheader{
}

h2.blogheader{
}

.subTitle{
    margin-top: 2px;
	border-top:1px solid #b5e9fb;
	padding-top:10px;
	margin-bottom:0.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#6A6A6A;
	font-size:1.5em;
	font-weight:normal;
}

.subTitleFrm{
    margin-top: 2px;
	border-top:3px double #b5e9fb;
	border-bottom:3px double #b5e9fb;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:0.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#6A6A6A;
	font-size:1.5em;
	font-weight:normal;
}

.blogPost h4{
    margin-bottom:0em;
	border:none;
}

.blogPost{
    border-top:4px double #b5e9fb;
    margin-top: 10px;
    float: left;
}

.blogPostMetaData{

}

.comments {
    text-align: left;
}

.linkToComments a {
    background:url(/themes/mambo/i/commentIcon.gif) no-repeat top right;
}

.menuDropShadow{
    background:url(/themes/mambo/i/menu_drop.gif) no-repeat top left;
}

/*
#########################
FIRST POD TYPE (NO SPOTS)
#########################
*/

.podOne{
	background:url(/themes/mambo/i/podOne_bottom.gif) no-repeat bottom left;
	padding:0 0 10px 0;
	color:#FFFFFF;
	margin-top:10px;
}

.podOne img{
	border:0;
	display:block;
}

.podOne h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8c0051;
	font-weight:normal;
	margin:0;
	padding-top:1em;
}

.podOne p{
	margin:1.1em 0 0 0;
}

.podOne a{
	color:#8c0051;
}


.podOne a:hover{
	color:#FFFFFF;
}


.podOneContent{
	padding:0 22px 13px 22px;
	background:#f47920 url(/themes/mambo/i/podOne_grad.jpg) repeat-x top left;
	
}


/*
###################################
SECOND POD TYPE (ORANGE WITH SPOTS)
###################################
*/

.podTwo{
	margin-top:30px;
	background:url(/themes/mambo/i/podTwo_bg.gif) bottom left no-repeat;
}

.podTwo div{
	padding:26px 22px 18px 22px;
	background:url(/themes/mambo/i/podTwo_top.gif) top left no-repeat;
}

.podTwo h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8c0051;
	font-weight:normal;
	margin:0;
	padding-top:0.3em;
}

.podTwo ul{
	margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
}

.podTwo ul li{
	margin:0.5em 0;
}

.podTwo a{
	color:#FFFFFF;
}

.podTwo a:hover{
	color:#8c0051;
}


/*
###################################
THIRD POD TYPE (ROUNDED TEXT FLOW)
###################################
*/

.podThree{
	margin-top:30px;
	height:326px;
	background:url(/themes/mambo/i/podThree_bg.gif) top left no-repeat;
	color:#FFFFFF;
}

.podThreeContent{
	float:left;
	padding:165px 0 0;
	text-align:center;
	width:206px;
}

.podThree h2{
	font-size:1.5em;
	font-weight:bold;
	color:#FFFFFF;
	margin:12px 19px;
	width:166px;
}

/*
###################################
FOURTH POD TYPE (SMALL GREEN BOX WITH BREAKS)
###################################
*/

.podFour{
	margin-top:33px;
	background:url(/themes/mambo/i/professionals/podFour_bg_bottom.png) bottom left no-repeat;
	padding-bottom:16px;
}

.podFour *{
	zoom:100%;
}

.podFour .podFourContent{
		background:url(/themes/mambo/i/professionals/podFour_bg_top.jpg) top left no-repeat;
}

.podFour div{
	padding:20px 22px 8px 0;
}

.podFour h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8c0051;
	font-weight:normal;
	margin:0;
	padding-top:0.3em;
}

.podFour ul{
	margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
}

.podFour ul li{
	margin:0 0 0 22px;
	font-size: 1.2em;
	padding:8px 0px 8px 0px;
	background:url(/themes/mambo/i/professionals/podFour_bg_break.gif) bottom left no-repeat;
}

.podFour ul li.selected a{
	text-decoration:underline;
}

.podFour ul li.last{
	background:none;
}

.podFour ul li.selected{;
	margin:0;
	padding:8px 0 8px 22px;
	background:transparent url(/themes/mambo/i/professionals/podFour_bg_break_selected.gif) bottom left no-repeat;
}

.podFour ul li.selectedHasChildren{
	margin:0;
	padding:8px 0 0 22px;
	background:transparent url(/themes/mambo/i/podFour_bg_break_selected_children.gif) top left no-repeat;
}

.podFour ul li ul li{
	background:transparent url(/themes/mambo/i/professionals/podFour_second_level_bullet.gif) center left no-repeat;
	margin:0 0 -8px;
	padding-bottom:8px;
	padding-left:15px;
	font-weight:normal;
	font-size:0.8em;
}

.podFour ul li ul li a{
	font-weight:normal;
}

.podFour ul li ul li.selectedChild a{
	text-decoration:underline;
}

.podFour ul li ul{
	background:transparent url(/themes/mambo/i/professionals/podFour_bg_break.gif) bottom left no-repeat;
}

.podFour ul li ul{
	padding-bottom:10px;
}

.podFour a{
	color:#FFFFFF;
	text-decoration: none;
	font-weight:bold;
}

.podFour a:hover{
	text-decoration: underline;
}

.podFour h2{
	font-size:1.5em;
	font-weight:bold;
	color:#FFFFFF;
	margin:10px 19px;
	width:166px;
}

/*
###################################
FIVE POD TYPE (LIGHT ORANGE BOX WITH CHAMFER TOP)
###################################
*/

.podFive{
	margin-top:26px;
	padding-bottom:18px;
	background:#F47B23 url(/themes/mambo/i/podFive_bg_bottom.gif) bottom left no-repeat;
	color:#FFFFFF;
}

.podFive div{
	padding:26px 22px 18px 22px;
}

.podFiveContent{    
	background:#F47B23 url(/themes/mambo/i/podFive_bg_top.gif) top left no-repeat;
	padding:10px 0 0;
	text-align:left;
}

.podFive ul{
    border
    display: inline;
    margin: 0px;
	padding: 0px 15px 0;
}

.podFive ul li{
    font-size: 1em;
    list-style-image:url(/themes/mambo/i/podFive_bullet.gif);
    margin: 0px 0px 12px 0px;
}

.podFive a{
	color:#FFFFFF;
	text-decoration: none;
}

.podFive a:hover{
	text-decoration: underline;
}

.podFive h2{
    margin: 0px 0px 17px 0px;
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	font-weight:bold;
	color:#8B0051;
	width:166px;
}

/*
###################################
SIX POD TYPE (LIGHT ORANGE BOX WITH CHAMFER TOP)
###################################
*/

.podSix{
	margin-top:-6px;
	background:url(/themes/mambo/i/podSix_bg_top.gif) top left no-repeat;
	color:#FFFFFF;
	padding-top:36px;
}

.podSix , .podSix *{
	zoom:100%;
}

.podSixContent{
	padding:0px 22px 30px 22px;
	background:url(/themes/mambo/i/podSix_bg_bottom.gif) bottom left no-repeat;
	text-align:left;
	width:239px;
	line-height: 2em;
	font-weight:bold;
}

.podSixContent a{
	color:#FFFFFF;
	text-decoration: none;
}

.podSixContent a:hover{
	text-decoration: underline;
}

.podSix h2{
	font-size:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#8B0051;
	margin: 0px 0px 6px 0px;
	//width:166px;
}

/*
###################################
SEVEN POD TYPE (ORANGE ROUNDED CORNERS)
###################################
*/

.podSeven{
	background-color:#f47920;
	padding:20px;
	margin-top:50px;
}

.podSeven h2{
	margin-bottom:15px;
	color:#8C0051;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:normal;
	
}

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

.podSeven ul li{
	background:url(/themes/mambo/i/professionals/podSeven_border.jpg) top left repeat-x;
	padding:10px 0;
}

.podSeven h4{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:none;
	border:none;
	font-weight:normal;
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:bold;
}

.podSeven p{
	color:#FFFFFF;
	padding:0;
	margin:4px 0;
}

.podSeven a{
	color:#FFFFFF;
	font-weight:bold;
}

.podSeven a:hover{
	color:#8C0051;
}


/*
##################
IMAGE FRAME STYLES
##################
*/

.frame1{
	background:url(/themes/mambo/i/professionals/image_frame_1.gif) top left no-repeat;
	float:left;
	padding:17px 10px;
	margin-right:30px;
	display:block;
}

.frame2{
	background:url(/themes/mambo/i/professionals/image_frame_2.gif) top left no-repeat;
	padding:17px 10px;
	margin-right:30px;
	float:left;
}

/*
##############
FOOTER STYLES
##############
*/

#footer{
	width:920px;
	border-top:#bebebe 1px solid;
	margin:1px auto;
	
}

#footer #siteLinks{
	border-top:#bebebe 1px solid;
	border-bottom:#bebebe 1px solid;
	padding:11px 10px 20px 10px;
	margin-top:1px;
}

#footer a{
	color:#878787;
	font-weight:normal;
	text-decoration:none;
}

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

#footer a.head{
	font-weight:bold;
	display:block;
	margin-bottom:0.15em;
}

#footer #siteLinks ul{
	margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
}

#footer #siteLinks li{
	width:131px;
	float:left;
	margin:0 11px;
}

#footer #siteLinks li.first{
	margin:0 11px 0 0;
}

#footer #siteLinks li.last{
	margin:0 0 0 11px;
}

#footer #siteLinks ul ul{
	width:111px;
	padding:0 10px;
}

#footer #siteLinks ul ul li{
	margin:0.25em 0;
}

#footer #copyright{
	margin-top:1px;
	padding:11px 10px 20px 10px;
	border-top:#bebebe 1px solid;
}