/********** Global Styles **********/

				/* The global font size is set to 90% as  */
				/* most browsers' normal font size is too */
				/* large, at least when using Verdana     */
html {	font-size:100.1%;
}
body {
   font-family:     Verdana, "Bitstream Vera Sans", "Lucida Sans", Arial, Helvetica, sans-serif;
   font-size:       62.5%;	/* Allow IE/Win to resize the document */
   color:           black;
   text-align:		center; /* hack to force IE5 to center wrapper */
   margin:          0;
   padding:         0;
   border:          none;
   background-image: url(../graphics/background.gif);
   min-width:		850px; /* prevent -ve lh margin in narrow browsers  */
}
#wrapper {
	width: 950px;
	margin-left: auto;
	margin-right:auto;
    height:auto;
/*	text-align:	left;  re-align text left for above hack */
	background-image: url(../graphics/background.gif);
    color:#333333;
    border:1px solid #999999;
    padding:0px;
    margin: 20px auto;
}
/*********** Style for page Contents  ****/
#content {
		margin:	0.5em 0.2em 1.5em 0.5em;
}
#content a:link {
	text-decoration: none;
	color:           #0000ff; 
	background:      transparent;
	font-size:		1em;
}
#content a:visited {
	text-decoration: none;
	color:			#0099FF;
	background:      transparent;
	font-size:		1em;
}
#content a:hover,
a:active {
   text-decoration: underline;
}
.hidden {			/* Used for content that should be displayed */
				/* by non-stylesheet-aware browsers          */
   display:         none !important;
}

.notprinted {			/* Used for content that should not be */
}				/* printed to paper                    */
/*  vCard Layouts */
.vcard {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 	1.2em;
	width:		300px;
	border:		5px solid #0000cc;
	padding:	10px 10px 2px 10px;
	margin: 	20px auto;
}
p {
   margin:          0.2em 0 0 0.5em;
   padding:         0;
   font-family:		Arial, Helvetica, sans-serif;
   font-size:		1.6em;
   color: 			#3B3B3B;
   line-height: 	1.3em;
   text-align: 		left;
}

/* Headings */

h1,				/* Headings (H1-H6) should only be used in */
h2,				/* the main content area                   */
h3,
h6 {
	font-weight:     bold;
	margin:          0.5em 0 0 0.5em;
	padding:         0;
	line-height: 	1.6em;
}
h4,
h5 {
   font-weight:     bold;
   margin:          0.5em 0 0 0;
   padding:         0;
}

h1 { font-size:     2.2em }
h2 { font-size:     1.8em }
h3 { font-size:     1.6em }
h4 { font-size:     1.7em }
h5 { font-size:     1.65em}
h6 { font-size:     1.7em  }

h1 {color:#0000cc; /* BLUE*/
	text-align:	center}
h2 {color:#0000cc; /* BLUE */
	text-align:	left}
h3 {color:#FF0000; /*RED */
	text-align:	left}
h4 {text-align:center;
	color: #0000cc; /* BLUE */} 
h5 {color:#FF0000; /*RED */
	text-align:	center}
h6 {color: black;  /*Affiliations Page */
	text-align:left;
}
.blue { color: #057C9E;	font-weight:bold;}
.bold	{font-weight:bold;}
.clear {height:	0;	border:	0;margin: 0;clear:	both;}
.center {text-align:center;}
.left {float:left;}
.right {float:right;}
.danexample	{ margin-left:280px;}  /*** grading_certificate Dan text **/
hr {
	/*color:         	  	#0000ff;*/
	height:         	 1px;
	padding-left:		2px;
	width:				98%;
	margin-left: 		4px;
	border-style:		none;
	border-bottom-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #0000ff;
}
/* Anchors */
a:link {
	text-decoration: none;
	color:          #0000ff; 
	background:     transparent;
	font-weight:	bold;
}

a:visited {
   text-decoration: none;
   color:			#0000ff;
   background:      transparent;
   	font-weight:	bold;
}
a:hover,
a:active {
   text-decoration: underline; 
}
/*  ====== MEMBERS AREA Hover to enlarge Graphics  ====  */
.pixmembers {
	position: 	relative;top:0px;left:0;	
	width:		220px !important;  /*  width of box where its found */
	width:		220px;   /* ie6 No hover picture   */
	height:		150px;
	min-height: 150px;
	float:		left;
	margin:		auto;
}
.pixmembers img {
	border: 		0;
	margin:			0 0 0 15px;
	padding:	    0px;
}
.pixmembers a img.hid {
                       /* **** Size of Large Photo **Not Home*****/
	width: 			450px;height:445px;
	position: 		relative;top:-300px;left:200px;
	visibility: 	hidden;
	z-index:		2;
}

.pixmembers a:hover {
	background: 	transparent;
}
.pixmembers a:hover img.hid {
		visibility: visible;
}
.pixgeneral {
	position: 	relative;top:0px;left:0;	
	width:		220px !important;  /*  width of box where its found */
	width:		220px;   /* ie6 No hover picture   */
	height:		150px;
	min-height: 150px;
	float:		left;
	margin:		auto;
}
.pixgeneral img {
	border: 		0;
	margin:			0 0 0 15px;
	padding:	    0px;
}
.pixgeneral a img.hid {
                       /* **** Size of Large Photo **Not Home*****/
	width: 			450px;height:257px;
	position: 		relative;top:-300px;left:200px;
	visibility: 	hidden;
	z-index:		2;
}
.pixgeneral a:hover {
	background: 	transparent;
}
.pixgeneral a:hover img.hid {
		visibility: visible;
}
/* ===== VIDEOS Section =======*/
.videolayout {
	width:		300px !important;  /*  width of box where its found */
	width:		300px;   /* ie6 No hover picture   */
	height:		200px;
	min-height: 200px;
	float:		left;
	margin:		auto;
}
.videolayout img {
	border: 		0;
	margin:			0 0 0 15px;
	padding:	    0px;
}
.videolayout h4	{
	font-size:		1.5em;
	text-align:		center;
	color:			#0000cc; /* BLUE */} 	
	
/* ======= News Section =======*/
#news {
	width: 810px;
	padding: 5px 2px 2px 5px;
}
/* Date 
.dateformat {
	font:10px "Arial" sans-serif;
	color: #99CCFF;
}  */
/* Date */
.dateformat {
	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

.newsheading {
	padding: 0;
	margin:	 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

/* Block-inline elements */

img {
   margin:          0;
   padding:         0;
   border:          none;
   vertical-align:	baseline;
}

img.left {			/* Left-floating images */
   margin:          0.75em 1.5em 0.75em 0;
   float:           left;
}

img.right {			/* Right-floating images */
   margin:          0.75em 0.5em 0.75em 0.5em;
   float:           right;
}
.img-shadow {
	margin:		5px 20px 10px 10px !important;
	margin:		0 10px 10px 10px;
	padding:	0;
	-moz-box-shadow: 3px 3px 10px #333;
	-webkit-box-shadow: 3px 3px 10px #333;
	box-shadow:		 3px 3px 10px #333;
/*	For IE 8  */
		-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#333333')";
/*	 For EE 5.55 - 7  */
		filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#333333')"; 
	border: thin solid #999;
}
.newstitle {
	color:			#3F6D87;
	font-family: 	Arial, Helvetica, sans-serif;
	font-weight:	bold;
	font-size: 		100%;
	text-decoration: underline;
	padding-left:	5px;
}
.newsdate {
	font-weight:	 bold;
	color: 			#3F6D87;
	padding-left:	20px;
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 	80%;
}
.newsbody {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
}
.newsreadmore a {
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}
div.hrule {
	height:			16px;
	width:			190px;
	margin:			5px 0;
	background:  	#fff url(../graphics/newsbr.gif) no-repeat scroll center;
}
div.hrule hrule {
	display:	none;
}
/*   Allignment  layout boxes 
=========================================*/
.merchandisephoto1 {
	margin:			0.1em 0 0.1em 0.1em;
	width:			275px;
	height:			150px;
	float:			left;
	margin-left:	1px;
}
.merchandisephoto2 {
	margin:			0.1em 0 0.1em 0.1em;
	width:			275px;
	height:			150px;
	float:			left;
	margin:			auto;
}
.merchandisephoto3 {
	margin:			0.1em 0 0.1em 0.1em;
	width:			275px;
	height:			150px;
	float:			left;
	margin:			auto;
}		
.textboxleft    {
	margin:		0;
	padding:	0;
	width:		405px;
	float:		left;
}
.textboxright    {
	margin:		0;
	padding:	0;
	width:		405px;
	float:		right;
}
.certboxleft {
    padding:        0;
	margin:			auto;
	width:			220px;
	float:			left;
}
.certboxcenter {
	width:			510px;
    margin: 		30px 0 0 0;
	float:			left;
}
.certboxcentermembers {
	width:			680px;
    margin: 		10px 0 0 0;	
	float:			left;
}
.certboxright	{
	width:			200px;
    margin: 		30px 0 0 0;
	float:			right;
}
#referralsboxleft {
	width:			150px;
	font-size:		130%;
	text-align:		left;
	margin:         0.5em 0 1em 2em;
	line-height: 	1.5em;
    padding:        0 0.5em 0 0em;	
	float:			left;
}
#referralsboxright {
	width:			500px;
	font-size:		125%;
	text-align:		left;
	margin:         0.5em 0 1em 1em;
	line-height: 	1.5em;
    padding:        0 0.5em 0 0.5em;	
	float:			left;
}
#instructorsboxleft {
	width:			200px;
	float:			left;
	padding:		0 0 0 10px;
	float:			left;
}
.dinnerboxleft	{
	float:			left;
	padding:		10px;
}
.dinnerboxright	{
	float:			right;
	padding:		10px;
}
/*  Courses & Events  4 Columns Tables */
.courses {
   overflow:        visible;
	width:			850px;   
   font-size:       100%;
   line-height:     1.25;
   margin:          0 0 0.0 0.3em;
   padding:         0.5em 0.1em;
   float:           left;
 }
.courses h3  {
					font-size:1.2em;
					background-color:#068ab2;
					color:white; /*RED */
					text-align:	center;
}
.date {
	margin:			0.1em 0 0.1em 0;
	width:			15%;
	float:			left;
}
.body {
	margin:			0.1em 0 0.1em 0;
	width:			33%;
	float:			left;
}
.event {
	margin:			0.1em 0 0.1em 0;
	width:			30%;
	float:			left;
}
.contact {
	margin:			0.1em 0 0.1em 0;
	width:			22%;
	float:			left;
}
/* ========== Links Page =================*/
.linkstext {
	margin:			0.1em 0.5em 0.1em 0.1em;
	width:			35%;
	float:			left;y
}
.linksurl {
	margin:			0.1em 0 0.1em 0.5em;
	width:			35%;
	float:			left;
}
.linkslogo {
	margin:			0.1em 0 0.1em 0.5em;
	width:			20%;
	float:			left;
}
#nutrition {
	margin:			0.1em 1.0em 0.1em 0.5em;
	width:			20%;
	float:			left;
	clear:			left;
	border:         1px solid #999999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}
#nutrition  a  {text-decoration:	underline;}
#nutrition p {
	font-size: 		1.2em;
	line-height: 	1.4em;
	color: 			#900;
	text-align: 	center;
	margin-top:		0;
}
#nutrition h2{	text-align: 	center;}
#nutrition h3{	
	font-size: 		1.2em;
	line-height: 	1.4em;
	color: 			black;
	text-align: 	left;
	margin-top:		0;
}
#gibadges  {
	margin:			0.1em 1.0em 0.1em 0.5em;
	width:			18%;
	float:			right;
	clear:			right;
	border:         1px solid #999999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}
#gibadges img	{
	padding:		10px 0 0 0px;
}
#gibadges p {
	font-size: 		1.2em;
	line-height: 	1.4em;
	color: 			#900;
	text-align: 	center;
	margin-top:		0;
}
/* =======================================*/		
/* Other styles related to the main content */
/* Block elements */

blockquote {			/* Should only be used in main content area, */
				/* floating boxes or left sidebar.           */
   margin:          1em 2.5em;
   padding:         0;
}

/* Lists */

ul {
   list-style:      circle inside;
   font-size:		1.4em;
   margin:          1.4em 0 0 1em;
   padding:         0 0 0 2.5em;
   text-align:		left;
}

ol ol,
ol ul,
ul ol,
ul ul {
   margin-top:      0;
   margin-bottom:   0;
}

ol ul,				/* Override possible browser styles */
ol ol ul,
ol ul ul,
ul ul,
ul ol ul,
ul ul ul {
   list-style:      square outside;
}

li {
   margin:          0 0.1em 0 1.5em;
   padding:         0;
}
.memberslist ul	{
	list-style:		none;
	font-size:		1.6em;
	margin:			2em 0;
}
.memberslist li	{
	padding-bottom:	2em;	
}
/********** Styles for Main Content **********/

#main {
   text-align:      justify;
   line-height:     1.5em;
   color:           black;
   margin:          0 0 0 0;
   padding:         0.25em 0.5em 0.5em 1em;
}
/* 
#main h1 {			 Should be used once, following navhead
   color:			#0000ff;
   background:      transparent;
   margin: 			0.5em 0 0 0;
}
*/
#main .highlight {		/* Highlight box (for warnings, etc) */
   color:           inherit;
   background:      #F0F0F0;
   margin:          1em 0;
   padding:         1em 2.5em;
   border:          1px solid #999999;
}

#main .totop {			/* For "Top ^" lines in FAQs, etc */
   font-size:       90%;
   text-align:      right;
   margin:          -0.75em 0 1em 0;
   padding:         0 0 0.25em 0;
   border-bottom:   1px solid #F0F0F0;
}

#main table.simple td.highlight,  /* Else "#main .highlight" will override */
#main table.simple th.highlight {
   margin:          0;
   padding:         0.25em 0.5em;
}


#mainlink {			/* "Skip to main content" link */
   display:         none !important;
}

#navhead {			/* "Path to this page" information */
				/* Warning: not printed out on paper */
   font-size:       90%;
}

#endmain {
   visibility:      hidden;
   clear:           both;	
   /* Doesn't always work under IE_Win */
}
/*******  News Box *******/
div.widerbox { 
	width:			190px;
	padding:		0 5px;
	background-color:	#E8E8E8;
}
/********** Styles for Floating Boxes **********/

				/* "navbox" is used to provide intra/inter- */
				/* page links; it is NOT printed out on     */
				/* paper.  "floatbox" is used to provide    */
				/* floating boxes that may appear anywhere  */
				/* in the main content; they ARE printed.   */
.navbox {
	overflow:        visible;
	font-size:       95%;
	line-height:     1.25;
	border:          1px solid #999999;
	float:           right;
	clear:           right;
	margin-top:		 0;
	margin-right:	 0;
	margin-bottom: 	 0.75em;
	/*  Distance text from News Box */
	margin-left:	 1.0em;
	padding-top: 	 0.5em;
	padding-right: 	 0.2em;
	padding-bottom:  0.5em;
	padding-left:	 0.1em;
   text-align:      left;
   width:           12.5em;
}

.navbox p {
   margin:          0.5em 0;
   padding:         0;
}

.navbox ol,
.navbox ul {
   margin:          0.5em 0;
   padding:         0 0 0 1.5em;
}

/********** Styles for Header **********/

				/* In this style sheet, headers are composed */
				/* of three parts: left, right and subheader */
				/* Left part is ideally an image.            */

#header {			/* Warning: not printed out on paper */
	color:      #068ab2;
	min-width:	820px;
	height		:auto;
}

#header a:link,
#header a:visited {
   color:           #003399;
   background:      transparent;
}

#header .highlight,
#header a.highlight:link,
#header a.highlight:visited {
   color:           white;
   background:      transparent;
}

/* Left part of header (ideally an image but may be a link) */

#header div.left {
   float:           left;
   clear:           left;
   margin:      	0.1em 0 0.1em 0.5em;
   padding:         0;
}

#header div.left img {
   display:         block;	  /* Otherwise IMG is an inline, causing gaps */
}

#header div.left,
#header div.left a:link,
#header div.left a:visited {
   font-size:       200%;
   font-weight:     bold;
   text-decoration: none;
   color:           white;
   background:      transparent;
}

#header div.left .alt {
   color:           #FF9800;
   background:      transparent;
}
/* Middle part of Header  Logo */
#header div.center {
	margin:         0.5em 0 0 0;
	padding:         3.0em 0 0 0;
	margin:			auto;
	font-variant: normal;
}

/* Right part of header is for external/global links, search, etc */

#header div.right {
   font-size:       1.2em;
   color:			#068ab2;
   text-align:      right; 
   margin:          0;
   padding:         0.1em 0.1em 0 0;
   float:           right;
   clear:           right;
}

#header div.right a:link,
#header div.right a:visited {
   margin:          0;
   padding:         0 0.5em;
}

/* Subheader for global links */

#header div.subheader {
	background-image:url(../graphics/buttonshoriz/rightdb.png);
	background-repeat: repeat-x;
	color:             #068ab2;
	height: 		   23px;
	clear:             both;
	background-color:  #437591;
}

#header div.subheader a:link,
#header div.subheader a:visited {
   font-weight:   	  bolder;
   color:         	  white;
   background:    	  transparent;
   margin-top:        0;
   padding-top:       0;
}

#header div.subheader .highlight,
#header div.subheader a.highlight:link,
#header div.subheader a.highlight:visited {
   color:           white;
   background:      transparent;
}
#subheader img {
padding: 0;
margin:  0;
}
/* ===  Horizontal Drop Down Menu ********* == */
.dropmenudiv{
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	top: 0;
	border: 1px solid #1B1E52;
	border-bottom-width: 0;
	line-height:19px;
	z-index:100;
	background-color: #0000ff;
	visibility:hidden;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.dropmenudiv a{
	width:		 	100%;
	display: 		block;
	text-indent: 	5px;
	border-bottom: 	1px solid rgb(29,76,108); 
	padding: 		2px 0;
	text-decoration: none;
	font-weight: 	 bold;
}
.dropmenudiv a:hover{ 
background-color: red;
}

/********** Styles for Footer **********/

#footer {
	margin:          0;
	padding:         0.5em 1.67em 0.5em 10em;
	clear:           both;
	background-color: #0000cc;
}
#footer p	{
	font-size:		100%;
	text-align:      left;
	color:           white;
}
#footer a:link,
#footer a:visited {
   text-decoration: underline;
   color:           white;
   background:      transparent;
}

/* End of the style sheet */