* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 12px;
 line-height:17px;
 background:url("/files/Bamboo/events/conferences/2011fam/images/background%5Fmiddle.jpg") repeat-y scroll center top #c8c8c8;
 margin:0;
 padding:0;

}

a {
color: #1c70a6;
}
a:hover {
color: #0a3754;
}
#wrapper { 
 margin: 0 auto;
 width: 940px;

}
.centered{
margin-left:auto;
margin-right:auto;
text-align:center;
}
#header { 
 color: #333;
 width: 940px; 
 float: left;
 height: 278px;
 background: #18689b;
 border-bottom: 2px solid #f26e22;

}
#leftcolumn {
color: #333; 
 min-height: 400px;
 width: 936px;
 float: left;  
 background-color:#FFF;
 border-right: 2px solid #18689B;
 border-left: 2px solid #18689B;

background-image:url('/files/Bamboo/events/conferences/2011fam/images/footer-wave.jpg');
background-repeat:no-repeat;
background-position:center bottom;
padding-bottom:200px;
}

#footer { 
 width: 920px;
 clear: both;  
 color: #EEE;  
 background: #18689b;
 min-height:40px;
 padding:10px;
}


#who { 
 width: 920px;
 clear: both;  
 color: #EEE;  
 background: #18689b;
 min-height:60px;
 padding-left:10px;
 padding-right:10px;
 background:URL(/files/Bamboo/events/conferences/2011fam/images/whos.jpg) top left no-repeat;
 
}
#whobox{
width:600px;
height:20px;
margin:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFF;
float:right;
text-align:center;
white-space:nowrap;
background: none !important;
}

#whobox div{
width:580px;
text-align:center;
background: none !important;


}
.three_two_col{
width:600px;
float:left;
min-height:400px;

}

.three_one_col{
width:300px;
float:left;

}

.two_one_col{
width:450px;
float:left;
min-height:400px;

}
.one_col{
width:180px; /*10 padding needed */
float:left;
min-height:400px;
}
.two_col{
width:360px; /*10 padding needed*/
float:left;
min-height:400px;
}
.three_col{
width:540px; /*10 padding needed*/
float:left;
min-height:400px;
}

.four_col{
width:720px;
float:left;
min-height:400px;
}
.five_col{
width:900px;
float:left;
min-height:400px; 
}

#rcolumn { 
 float: left;
 color: #000;
 background: #FFFFFF;
 min-height: 350px;
 width: 430px;
 padding-left:20px;
 padding-right:20px;
 display: inline;
}

#lcolumn { 
 float: left;
 color: #000;
 background: #FFFFFF;
 min-height: 350px;
 width: 430px;
 padding-left:10px;
 padding-right:10px; 
 display: inline;
}


.photocol { 
 float: left;
 color: #000;
 min-height: 200px;
 width: 200px;
 padding-left:10px;
 padding-right:10px; 
 display: inline;
 text-align:center;
}
.textcol { 
 float: left;
 color: #000;
 min-height: 200px;
 width: 600px;
 padding-left:10px;
 padding-right:10px; 
 display: inline;
}


.sphotocol { 
 float: left;
 color: #000;
 min-height: 200px;
 width: 250px;
 padding-left:10px;
 padding-right:10px; 
 display: inline;
 text-align:center;
}
.stextcol { 
 float: left;
 color: #000;
 min-height: 200px;
 width: 550px;
 padding-left:10px;
 padding-right:10px; 
 display: inline;
}


.onecol{
 float: left;
 color: #000;
 background: #FFFFFF;
 min-height: 350px;
 width: 215px;
 padding-left:10px;
 display: inline;
}



/* TEXT BASED CSS    */

.paddingL10 {
	padding-left:10px;	
}

.paddingR10 {
	padding-right:10px;	
}

.paddingL20 {
	padding-left:20px;	
}

.paddingR20 {
	padding-right:20px;	
}
.paddingL30 {
	padding-left:30px;	
}

.paddingR30 {
	padding-right:30px;	
}
.paddingL50 {
	padding-left:50px;	
}

.paddingR50 {
	padding-right:50px;	
}
.paddingB10 {
	padding-bottom:10px;	
}

.paddingT10 {
	padding-top:10px;	
}

.paddingB20 {
	padding-bottom:20px;	
}

.paddingT20 {
	padding-top:20px;	
}
.paddingB30 {
	padding-bottom:30px;	
}

.paddingT30 {
	padding-top:30px;	
}
.paddingB50 {
	padding-bottom:50px;	
}

.paddingT50 {
	padding-top:50px;	
}


.small{
	font-size:10px;
}
.medium{
	font-size:14px;
}
.large{
	font-size:16px;
}
.xlarge{
	font-size:18px;
}

.greenUL{
	list-style-image:url(/files/Bamboo/events/conferences/2010Annual/images/main/g.jpg);	
}
.green2UL{
	list-style-image:url(/files/Bamboo/events/conferences/2010Annual/images/main/g2.jpg);
}
.blueUL{
	list-style-image:url(/files/Bamboo/events/conferences/2010Annual/images/main/b.jpg);
}
.orangeUL{
	list-style-image:url(/files/Bamboo/events/conferences/2010Annual/images/main/o.jpg);
}

/*/////  BACKGROUND COLORS    */

.green1{
	background-color:#13a89e;
}
.green2{
	background-color:#8dc63f;
}

.green3{
	background-color:#d7df21;
}
.green4{
	background-color:#31b44b;
}
.blue1{
	background-color:#009edd;
}
.orange1{
	background-color:#fcb040;
}


.bg1g1{
	background:url(/files/Bamboo/events/conferences/2010Annual/images/main/G1.png) no-repeat top left #13a89e;	
	width:900px;
	min-height:90px;
	padding-top:90px;
}
.bg1g2{
	background:url(/files/Bamboo/events/conferences/2010Annual/images/main/G1.png) no-repeat top left #8dc63f;	
	width:900px;
	min-height:90px;
	padding-top:90px;
}
.bg1g3{
	background:url(/files/Bamboo/events/conferences/2010Annual/images/main/G1.png) no-repeat top left #d7df21;	
	width:900px;
	min-height:90px;
	padding-top:90px;
}
.bg1b1{
	background:url(/files/Bamboo/events/conferences/2010Annual/images/main/G1.png) no-repeat top left #009edd;	
    width:900px;

	padding-top:90px;
}


.bg3o1{
	background:url(/files/Bamboo/events/conferences/2010Annual/images/main/G1.png) no-repeat top left #fcb040;	
    width:900px;
	min-height:145px;
		padding-top:125px;
}
.bg3o2{
	background:url(/files/Bamboo/events/conferences/2010Annual/images/main/G2.png) no-repeat top left #fcb040;	
    width:900px;
	min-height:145px;
		padding-top:125px;
}
.bg3o3{
	background:url(/files/Bamboo/events/conferences/2010Annual/images/main/G3.png) no-repeat top left #fcb040;	
    width:900px;
	min-height:145px;
		padding-top:125px;
}

H1{
	font-family:arial,Helvetica,sans-serif;
	font-size:20px;
	color:#1c4779;
	padding-bottom:12px;
}
H2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding-bottom:5px;
	color: #4174ae;
}
H3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #bc6e08;
}

ol
{
padding-left: 20px;
color: #bc6e08;
}
ol li div
{
color: #333333;
}

.fgreen1{
	color:#13a89e;
}
.fgreen2{
	color:#8dc63f;
}
.fgreen3{
	color:#d7df21;
}
.fgreen4{
	color:#31b44b;
}
.fblue1{
	color:#009edd;
}
.forange1{
	color:#fcb040;
}



ul.fancy_list, ul.fancy_list_gray {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-left:0px;
}
ul.fancy_list_gray li, ul.fancy_list li {
display:block;
padding-bottom:10px;
padding-left:30px;
}
ul.fancy_list li {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("images/check.png");
background-position:left top;
background-repeat:no-repeat;
}
ul.fancy_list_gray li {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("images/check.png");
background-position:left top;
background-repeat:no-repeat;
}
ul.fancy_list li h3, ul.fancy_list_gray li h3 {
color:#E06301;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			9em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
    z-index:        99;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			9em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			9em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;

/*	margin-bottom:	1em;*/
}
.sf-menu a {
	border-left:	1px solid #fff;
/*	border-top:		1px solid #FFF;*/
	padding: 		.5em 1em;
	text-decoration:none;
	
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
}
.sf-menu li {
	background:		#18689b;
    z-index:    999;
}
.sf-menu li li {
	background:		#18689b;
	border-top:		1px solid #FFF;
}
.sf-menu li li li {
	background:		#18689b;
	border-top:		1px solid #FFF;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#fcb040;
	outline:		0;
	color:#000;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/files/Bamboo/events/conferences/2010Annual/assets/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/files/Bamboo/events/conferences/2010Annual/assets/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}