/* <style type="text/css"> this is here to trick DW into correct syntax hilite */

/* global resets */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse; 
	border-spacing: 0;
}

a {	outline: none;}

a img, :link img, :visited img { border:none; }

ol,ul {	list-style: none; }

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 1em;
}

/* generic classes */
.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}
.left {float: left;}
.right {float: right;}
.hidden {display: none;}
.column {display: inline; float: left;}
.column.right {float: right;}
.w700 {width: 700px;}
.w500 {width: 500px;}
.w400 {width: 400px;}
.bold {font-weight: bold;}
.uppercase {text-transform: uppercase;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.finder {border: 1px solid red;}
.loud {font-size: 14px;}

/*###################################
#########   GLOBAL STYLES   #########
###################################*/

body {
	background: #fff url(http://maqin.org/images/site/nav-tile.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	color: #666;
}

p {
	line-height: 18px;
	font-size: 12px;
}

#main p {
	margin: 10px 0;	
}

a {
	color: #779F3C;
	text-decoration: none;
}

a.unlink:hover {
	text-decoration: none;	
}

a.unlink {
	color: inherit;
	color: #0D72B9;
}

a:hover {
	text-decoration: underline;	
}

#wrapper {
	width: 1104px; /* 1140 home */
	margin: 0 auto 0 auto;
	background: none;
	padding-left: 10px;
	position: relative;
}

#banner {
	width: 100%;
	height: 200px;
}

h1#sitename {
	position: absolute;
	left: -9999em;
}

h2#pagename {
	font-size: 18px;
	color: #0D72B9;
	font-weight: bold;
	margin: 33px 0 20px 30px;
}

h2 {
	font-size: 18px;
	color: #0D72B9;
	font-weight: bold;
}

#nav {
	height: 73px;
	margin-left: 0;
}

#main {
	margin-top: -15px;
	float: right;
	width: 830px;
}

#main .text {
	padding: 0 0 50px 30px;
	width: 570px;
}

#main .text h3 {
	font-size: 14px;
	color: #0D72B9;
	font-weight: bold;
	margin: 30px 0 0 0;	
}

#main .text h4 {
	font-size: 12px;
	color: #0D72B9;
	font-weight: bold;
	margin: 20px 0 0 0;	
}


#main ul {
	list-style: square;
	margin: 20px;
}

#main ul li {
	margin: 10px 0;	
}

#faux-column-wrap {
	background: url(http://maqin.org/images/site/sidebar-faux-col.gif) repeat-y;	
}

#sidebar {
	width: 274px;
}

#logo-block {
	padding-top: 0;
	height: 230px;	
	background: #fff;
	text-align: center;
}

p.sub-logo {
	font-size: 11px;
	line-height: 14px;
}

#home p.sub-logo {
	font-size: 13px;
	line-height: 17px;
	margin: 0 0 25px 0;
}

#sidebar h3 {
	height: 41px;
	line-height: 41px;
	background: url(http://maqin.org/images/site/sidebar-head-tile.gif) repeat-x top;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	padding-left: 40px;
}

#sidebar-content {
	background: #B3B3B3;
	padding: 40px;
	color: #fff;
	font-weight: bold;
}

#footer-wrap {
	clear: both;
	width: 100%; 
	background: url(http://maqin.org/images/site/border-tile-horz.gif) repeat-x top;
}

#footer {
	width: 1140px;
	margin: 0 auto 0 auto;
	color: #B3B3B3;
	position: relative;
}

#sidebar-bottom {
	position: absolute;
	top: -5px;
	left: 23px;
}

#footer a {
	color: #B3B3B3;	
}

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

#footer-home {
	text-transform: uppercase;	
}

#footer-home p {
	font-weight: bold;
	font-size: 12px;
}

#sponsors {
	width: 800px;
	padding-top: 20px;
	text-align: center;
	height: 25px;
	line-height: 45px;
	position: relative;
}

#sponsors #metastar {
	position: absolute;
	top: 10px;
	left: 520px;
}

#partner-links a {
	color: #fff;	
}

#partner-links {
	height: 70px;
	padding-left: 40px;
}

#partner-links table {
	color: #fff;
	margin-top: 13px;
	font-size: 10px;
	font-weight: bold;
}

#partner-links table td {
	width: 100px;
	text-align: center;
	vertical-align: middle;
	padding: 0 20px;
}

#footer-standard {
	height: 20px;
	padding-top: 6px;
}

#footer #credit {
	float: right;
	margin-right: 150px;
}

#footer #copy {
	float: left;
	margin-left: 20px;
}

#footer img#border-fix {
	position: absolute;
	top: 0px;
	left: 443px; /* see ie6-css */
}

#shadow-right {
	position: absolute;
	top: 58px;
	right: -21px;
	z-index: 1;
}

#shadow-right-bottom {
	position: absolute;
	top: 478px;
	right: -21px;
	z-index: 2;
}

#shadow-left { /* see ie6-7-css */
	position: absolute;
	top: 58px;
	right: 700px;
	z-index: 0;
}

/*##############################
#########   HOME PAGE  #########
##############################*/

#home #wrapper {
	width: 1140px;
}

#home #footer-wrap {
	background: url(http://maqin.org/images/site/footer-wrap-tile-home.gif) repeat-x;
}

#home #faux-column-wrap { /* see ie6-css */
	background: url(http://maqin.org/images/site/border-tile-vert.gif) repeat-y 440px;	
}

#sidebar-home {
	width: 400px;
	text-align: center;
	padding-top: 12px;
}

#home #sidebar-home .section {
	width: 405px;
	text-align: left;
	margin: 10px 0 30px 0;
	padding: 40px 0 0 5px;
}

#home #sidebar-home .section h3 {
	font-size: 14px;
	color: #0D72B9;
	font-weight: bold;
	margin-bottom: 5px;
}


#home #sidebar-home #members.section {
	background: url(http://maqin.org/images/site/bar-plain.gif) no-repeat top left;
	padding-top: 20px;
	text-align: center;
}

#home #sidebar-home #members.section p {
	font-size: 12px;	
	line-height: 20px;
	text-align: center;
	width: 400px;
}

#home #sidebar-home #news.section {
	background: url(http://maqin.org/images/site/bar-news.gif) no-repeat top left;	
}

#home #sidebar-home #calendar.section {
	background: url(http://maqin.org/images/site/bar-calendar.gif) no-repeat top left;	
}

#home #sidebar-home #resources.section {
	background: url(http://maqin.org/images/site/bar-resources.gif) no-repeat top left;	
}

#home #resources.section a {
	margin: 10px;	
}

#home #resources.section a img {
	border: 1px solid #ececec;
}


#home #main {
	width: 700px;
}

#home #current-programs {
	padding-top: 100px;	
	margin-top: -3px;
}       

img.advert {
	margin-bottom: 20px;
}

/* current programs generally re-used in programs page */

#current-programs { /* see ie6-css */
	background: url(http://maqin.org/images/site/current-programs.gif) no-repeat top left;	
	padding-bottom: 30px;
	width: 700px;
}

#current-programs .program {
	padding-left: 88px;
	width: 430px;
	background-position: 30px 0px;
	background-repeat: no-repeat;
}

.program.bag {
	background-image: url(http://maqin.org/images/site/icon-bag.gif);	
}

.program.quality101 {
	background-image: url(http://maqin.org/images/site/icon-quality101.gif);	
}

.program.practice {
	background-image: url(http://maqin.org/images/site/icon-practice.gif);	
}

.program.special {
	background-image: url(http://maqin.org/images/site/icon-special.gif);	
}

.program.author {
	background-image: url(http://maqin.org/images/site/icon-author2.gif);	
}

.program.innovations {
	background-image: url(http://maqin.org/images/site/icon-innovations.gif);	
}  

.program.roundtable {
	background-image: url(http://maqin.org/images/site/icon-roundtable.gif);	
}

#current-programs .program h3 {
	font-size: 14px;
	color: #0D72B9;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 20px;
}

#current-programs .title {
	line-height: 24px;
	line-height: 24px;
}

#current-programs .arrow {
	background: url(http://maqin.org/images/site/triangle-r.gif) no-repeat right;
	line-height: 24px;
	padding: 3px 0 3px 30px;
	line-height: 24px;
}


#current-programs .open .arrow {
	background: url(http://maqin.org/images/site/triangle-d.gif) no-repeat right;
}

#programs #sidebar-content {
	padding: 0;
}

#programs #main {
	
}

/*#############################
#########   PROGRAMS  #########
#############################*/

ul#programkey {
	margin-left: 40px;
	padding: 20px 0;
}

ul#programkey li {
	margin: 20px 0;	
}

ul#programkey li a {
	height: 40px;
	line-height: 40px;
	padding-left: 55px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	display: block;
	text-transform: uppercase;
}

ul#programkey li a.current {
	color: #0D72B9;	
}

ul#programkey li a:hover {
	text-decoration: none;	
}

ul#programkey li a.break {
	line-height: 20px;	
}

ul#programkey li a#quality101 {
	background: url(http://maqin.org/images/site/key-quality101.gif) no-repeat top left;	
}

ul#programkey li a#author {
	background: url(http://maqin.org/images/site/key-author2.gif) no-repeat top left;	
}

ul#programkey li a#special {
	background: url(http://maqin.org/images/site/key-special.gif) no-repeat top left;	
}

ul#programkey li a#innovations {
	background: url(http://maqin.org/images/site/key-innovations.gif) no-repeat top left;	
}

ul#programkey li a#practice {
	background: url(http://maqin.org/images/site/key-practice.gif) no-repeat top left;	
}

ul#programkey li a#bag {
	background: url(http://maqin.org/images/site/key-bag.gif) no-repeat top left;	
} 

ul#programkey li a#roundtable {
	background: url(http://maqin.org/images/site/key-roundtable.gif) no-repeat top left;	
}

ul#programkey li a#all {
	display: none;
}

/* adjusted from homepage #current-programs css */

#programs #current-programs {
	background: none;	
}

#programs #current-programs .program {
	width: 530px;
	margin-bottom: 20px;
}

#current-programs .program .date {
	color: #656565;
}

#current-programs p.summary {
	margin: 0;	
}

p.registerlink {
	font-size: 14px;
}

.prog-img {
	float: right;
	padding: 0 0 10px 10px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #666;
	background-color: #fff;
	padding: 5px;
	opacity: .9;
	width: 300px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	font-color: #000;
	font-weight: bold;
}

#tooltip h3 {
	font-size: 14px;
	font-weight: bold;	
	margin-bottom: 4px;
}


/*##########################
#########   ABOUT  #########
##########################*/

.committee {
	padding-left: 10px;		
}

/*#############################
#########   BENEFITS  #########
#############################*/

.benefits {
	padding-left: 20px;		
}

table#membership {
	width: 700px;	
}

table#membership .caption {
	font-weight: bold;
	font-size: 14px;
}

table#membership td {
	padding: 5px;
}

table#membership td.levels {
	padding-left: 20px;
}

table#membership td.size {
	padding-left: 20px;	
}

table#membership td.amount {
	text-align: right;	
	padding-right: 40px;
}

table#membership tr.even {
	background: #F2F3F3;
} 

a.membership-reg {
	padding: 5px 8px;           
	background: #1571b8;  
	color: #fff;
	margin-bottom: 40px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.membership-reg:hover {
	background: #a8c7e2;
	color: #1571b8; 
	text-decoration: none;
}

/*############################
#########   CONTACT  #########
############################*/

table#staff {

}

p.large {
	font-size: 14px;	
	line-height: 20px;
}

table#staff td {
	width: 300px;
	vertical-align: top;
}

table#staff .staff-detail {
	color: #777;
	font-size: 12px;
}

/*#####################################
#########   SPEAKER APP FORM  #########
#####################################*/

#app input.textfield {
	width: 250px;	
}

#app textarea {
	width: 500px;	
	height: 75px;
}

ul#past-speakers {
	list-style: square;
	margin-top: 20px;
}

ul#past-speakers li {
	margin: 5px 0;	
}


/*##################################
#########   FEEDBACK FORM  #########
##################################*/

#feedback input.textfield {
	width: 250px;	
}

#feedback textarea {
	width: 500px;	
	height: 175px;
} 

#feedback #sidebar strong {
	font-size: 1.3em;
	font-weight:  bold;
}


/*###############################
#########   DVDS/BOOKS  #########
###############################*/

.amazon-box {
	float: right;
	padding: 0 0 10px 10px;
	text-align: center;
}

.empty {
	width: 75px;
	height: 75px;
	border: 1px solid #cccccc;
	color: #cccccc;
}

.media-block {
	clear: both;	
}

/*##################################
#########   SUPERFISH NAV  #########
##################################*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			153px;; /* left offset of submenus need to match (see below) */
	background: #fff;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			58px; /* 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:			153px; /* 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:			10em; /* match ul width */
	top:			0;
}

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

.sf-menu a {
	text-align: center;	
}

.sf-menu a.section {
	font-size: 13px;
	font-weight: bold;
	padding-top: 20px;
	margin-right: 0px;
	text-decoration:none;
	text-transform: uppercase;
	width: 143px;
	height: 38px;
}

.sf-menu a.section#home {
	width: 100px;	
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
}

.sf-menu li li a, .sf-menu li li a:visited  { /* visited pseudo selector so IE6 applies text colour -- also see ie6-css */
	color: #9A9A9A;
	background: #fff url(http://maqin.org/images/site/dropdown-tile.jpg) repeat-y;
}

.sf-menu li li a.current, .sf-menu li li a.current:visited  { /* visited pseudo selector so IE6 applies text colour -- also see ie6-css */
	color: #C3D7E8;
}

.sf-menu li li a.current:hover, .sf-menu li li a.current:visited:hover {
	color: #C3D7E8;	
}

.sf-menu li li a:hover, .sf-menu li li a:visited:hover {
	color: #C3D7E8;	
	text-decoration: none;
}

.sf-menu li {
	background:	transparent;
}

.sf-menu li li { /* see ie6-css */
	background: url(http://maqin.org/images/site/dropdown-tile.jpg) repeat-y;
	padding: 10px 0 0 0;
}

.sf-menu li li.last { /* see ie6-css */
	border-bottom: 1px solid #9A9A9A;
	padding-bottom: 15px;
}

.sf-menu li li.first { /* see ie6-css */
	background: url(http://maqin.org/images/site/dropdown-bg.jpg) top left no-repeat;
	padding-top: 15px;
}

/* not needed at this time
.sf-menu li li li {
	background:		#9AAEDB;
}
*/

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

.sf-menu li:hover a.section, .sf-menu a.section:hover, .sf-menu li.current a.section  {
color: #C3D7E8;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	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('../images/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('http://maqin.org/images/site/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;
}



/* </style> this is here to trick DW into correct syntax hilite  */