/* Styles for mindrollinginternational.org (c)2010-11 All Rights Reserved */

html { background: #fff; margin-bottom: 0 0 50px 0; }

body { 
	font-family: Verdana,  Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
	color: #282828;
	margin: 0; 
	padding: 0; 
	background-color: #e1e1be /*#CFD9DA*/;
}	

#pagewrapper { /*Wraps the entire visible page */
	width: 100%;
	min-width: 1024px;
	min-height: 500px;
	margin: 0 auto 0 auto;
	text-align: center;
}

div { text-align: left; }


/* #################### Psuedo class for general links ###################### */
a:link, a:visited, a:hover, a:active, a:selected { }
a:link  { color: #c60; background-color: transparent; }
a:visited { color: #c60;  background-color: transparent; }
a:hover { color: #069; background-color: transparent; }
a:active { color: #069; background-color: transparent; }
a:selected { }


/* #################### GENERAL SITEWIDE TEXT STYLES ####################### */
p, p.default { 
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 90%;
	line-height: 150%;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
}

.dottedline { height: 1px; margin: 10px 0; border-bottom: 1px dotted #999; width: 800px; }

/*  Header styles */
h1,h2,h3,h4,h4,h5 { font-family: Georgia, "Times New Roman", Times, serif; text-align: left; font-weight: normal; }
h1 { visibility: hidden; }
h2 { font-family: Palantino, Georgia, "Times New Roman", Times, serif; font-size: 190%; font-weight: normal; color: #000; border-bottom: 1px solid #C60; padding: 0 0 3px 0; margin: 0 0 5px 0; }

h3 { font-family: Palantino, Georgia, "Times New Roman", Times, serif; font-size: 130%; font-weight: normal; color: #900; margin: 0 0 2px 0; font-weight: bold; }
h3 img { border: 1px solid #666; }
h4 { font-size: 110%; font-weight: bold; margin: 0 0 3px 0 }

/* ##################  MINI-BANNER ############################*/

#minibannerwrapper { /* wraps the MI site mini banner */
	width: 100%;
	height: 115px;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FCDE42;
}

#minibanner { /*  MI site mini banner */
	width: 1024px;
	height: 110px;
	margin: 0 auto;
	padding: 0;
}


/* ################# SITE NAVIGATION ####################### */

#sitenavwrapper { /* wraps the nav bar */
	width: 100%;
	height: 30px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: #510000;
	text-align: center !important;
}

#sitenav { /* nav bar for Non-IE browsers */
	width: 1024px;
	color: #fff;
	background: #510000;
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center !important;	
}

/* IE hack for font-size. DO NOT REMOVE */ 
*html #sitenav { font-size: 75% }

#sitenav ul { /* Non-IE browsers */
	height: 30px; 
	width: 1024px; 
	margin: 0; 
	padding: 6px 0 0 0; 
	text-align: center; 
}

* html #sitenav ul { /* IE Hack margin for site nav. DO NOT REMOVE  */ 
	height: 30px
	width: 964px; 
	padding: 7px 0 0 0; 
	margin: 0 auto; 
	text-align: center;
} 

#sitenav li { 	
	display: inline;
	margin: 0; 
	padding: 0 12px 0 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	border-right: 1px solid #CC9900;
}

#sitenav li.last { 
	border-right: 1px solid #CC9900; 
}

#sitenav li.first { 
	border-left: 1px solid #CC9900; 
}

#sitenav li a { 
	font-weight: bold;
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	border-bottom: none;	
	background: transparent;
}

#sitenav ul li a:hover { 
	font-weight: bold;
	background-color: transparent;
	color: #C90;
	text-decoration: none;
	border-bottom: none;
}

#sitenav ul li a.selected { 
	color: #fff;
} 

/* ############### PAGE LAYOUT STYLES ###################### */

#contentwrapper { /* Wraps entire page content */
	width: 1024px;
	min-height: 700px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}

#rightnav { float: right; width: 200px;  }
#rightnav ul { margin: 0; padding: 0; }
#rightnav li { list-style-type: none; margin-bottom: 3px; }

#content {
	float: left;
	width: 934px;
	margin: 0 auto;
	padding: 40px 60px 0 30px !important;
	background: #fff;
}

*html #content { /* for IE browsers only */
	width: 964px; 
	min-height: 600px;
	/*padding: 25px 30px 20px 30px !important;*/ }
 
/* ----HOME PAGE TOP CONTENT --- */
#content #topleft { float: left; width: 440px; margin: 10px 0 0 0; padding: 0 15px; 0 0; }
#content #topright { float: right; width: 440px; margin: 10px 0 0 0; padding: 0 0 0 15px; }

/* ---- IE hack ---- */
*html #content #topleft {  /* For IE only - to eliminate large gap DO NOT REMOVE! */
	margin-bottom: -40px;
}
*html #content #topright {  /* For IE only - to eliminate large gap DO NOT REMOVE! */
	margin-bottom: -40px;
}

/* ---- HOME PAGE GRAPHIC LINKS TO FLASH ISSUES --- */
#content #transgraphiclinks { clear: both; margin: 20px 10px 20px 10px; padding: 0; }
#content #transgraphicslinks p { font-size: .82em; }
#content #transgraphiclinks table { width: 300px;  border: none; margin: 0 auto;  }
#content #transgraphiclinks tr { }
#content #transgraphiclinks td { width: 30px; padding: 2px; }

#content #topright p, #content #topleft p, #content #transgraphiclinks p { font-size: 1.2em; line-height: 1.4em; text-align: justify }





/* --- Past Issues Lists --- */
#content ul {
	margin: 0;
	padding: 0;	
}

#content ul li {
	margin: 0 0 2px 0;
	list-style-type: none;
}

#content ul li img {
	margin: 0 0 0 0;
	border: 1px solid #666;
}*/

/* Get adobe acrobat */
#content #getacrobat { width: 700px; font-family: Verdana, Geneva, sans-serif !important; font-size: .79em; line-height: 1.2em; margin: 20px 0 10px 0; }
#content #getacrobat img { float: left; border: none; margin: 0 2px 3px 0; }

/* Get adobe flash player */
#getflash { width: 700px; font-family: Verdana, Geneva, sans-serif !important; font-size: .79em; line-height: 1.2em; margin: 10px 3px 30px 9px; }
#getflash img { float: left; border: none; margin: 0 2px 3px 0; }

/* No flash player found*/
#contentwrapper #noflash { width: 700px; margin: 0; padding: 0;  }
#contentwrapper #noflash p { font-family: Verdana, Geneva, sans-serif; font-size: 1em; line-height: 1.5em; color: #282828; }
#contentwrapper #noflash p img { border: none; margin: 0 5px 3px 0; }

/* ########  GENERAL IMAGE, PHOTO & MEDIA  #################### */
.imgLeft {
	float: left;
	margin: 0 15px 15px 0;
}
.imgRight {
	float: right;
	margin: 5px 0 15px 15px;
	border: 3px solid #ccc;
}


/* Last Update  */ 
#lastupdate {
	font-size: .79em;
	margin: 20px 0 20px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}



/* Page Length Matcher DO NOT DELETE THIS STYLE!!!! */
/* This style makes sure that the child container for content does not extend outside and below than the containing parent */

#pagelength { width: 1024px; padding: 0; margin: 0; }

/* ######## FOOTER STYLES ####################################################### */
#footerwrapper, #fbfooterwrapper { /* Top margin adjust for non-IE browsers */
	clear: both;
	width: 100%;
	height: 30px;
	margin: 0 auto 0 auto;
	background-color: #510000;
	text-align: center;
}


#fbfootwrapper { margin-top: -3px; }


*html #footerwrapper { /* for IE browsers only */
	margin-top: -20px; }

#footer, #fbfooter {
	width: 1024px;
	margin: -5px auto 0 auto;
	padding: 5px 0 0 0x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .72em;
	font-weight: bold;
	color: #eee;
}

#copyright { float: left; width: 375px; font-weight: bold; margin: 5px 0 0 10px; }