/* CSS Document for GRA */
/* 2007 Nikolais Linsteadt */

body{
	margin:0;
	padding:0;
}

/* Main Frame */
#mainarea {
	width:850px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

#leftcontent {
	float:left;
	width:637px;
	padding:0;
	margin:0;
}

	#leftcontent #titlebar{
		height:110px;
	}
	
		#leftcontent #titlebar img{
			border:none;
		}
		
		#leftcontent #titlebar a{
			border:none;
		}
	
	#leftcontent #bodytxt{
		margin:0 0 20px 0;
		padding:0;
	}

/* NAV AREA ----------------------------------------*/	
	#leftcontent #nav{
		display:block;
		float:left;
		clear:both;
		height:45px;
		width:632px;
		margin:0;
		padding:0;
		background:url(images/bottomG.jpg) 0 0 no-repeat;
	}
	
		#leftcontent #nav a{
			color:#284279;
		}
		
		#leftcontent #nav p{
			display:block;
			clear:both;
			float:right;
			margin:0;
			padding:6px 0 0 0;
		}
		
		#leftcontent #nav a.onpage{
			color:#99CCCC;
			border:none;
		}
		
		#leftcontent #nav a:hover{
			color:#6699FF;
		}
	
		#leftcontent #nav ul{
			list-style-type:none;
			text-align:left;
			padding:0;
			margin:0;
		}

			#leftcontent #nav ul li{
				display:block;
				float:right;
				text-align:center;
				font:bold 10pt Arial, Helvetica, sans-serif;
				border-left:3px solid #FFFFFF;
				color:#6699FF;
				margin:0;
				padding:0;
			}
			
			#leftcontent #nav ul li a{
				display:block;
				background:url(images/cornera.gif) bottom left no-repeat #CCCCCC;
				color:#6699FF;
				text-decoration:none;
				padding:0 4px 1px 6px;
				margin:0;
				border:none;
			}
			
			#leftcontent #nav ul li a.selected{
				display:block;
				background:url(images/corners.gif) bottom left no-repeat #6699FF;
				color:#FFFFFF;
				text-decoration:none;
				margin:0;
			}
			
			#leftcontent #nav ul li a.loginbar{
				display:block;
				background:#FFFFFF;
				color:#6699FF;
				border-left:1px solid #6699FF;
				border-right:1px solid #6699FF;
				border-bottom:1px solid #6699FF;
				text-decoration:none;
				margin:0;
			}

			#leftcontent #nav ul li a:hover.loginbar{
				display:block;
				background:#CCCCCC;
				color:#FFFFFF;
				border-left:1px solid #FFFFFF;
				border-right:1px solid #FFFFFF;
				border-bottom:1px solid #FFFFFF;
				text-decoration:none;
				margin:0;
			}

			#leftcontent #nav ul li a:hover{
				display:block;
				background:url(images/cornerh.gif) bottom left no-repeat #999999;
				color:#FFCC66;
				text-decoration:none;
				margin:0;
			}

			#leftcontent #nav ul li a:hover.selected{
				display:block;
				background:url(images/corners.gif) bottom left no-repeat #6699FF;
				color:#FFFFFF;
				text-decoration:none;
				margin:0;
			}
/* END -------------------------------------------------------------------*/

/* 14 REASONS LIST ----------------------------------------*/
#leftcontent ol.reasons{
	list-style-type:none;
	margin:0;
	padding:0;
}

#leftcontent li.reasons{
	display:block;
	float:left;
	clear:both;
	background:url(images/calbg.gif) repeat-x #CCCCCC;
	height:auto;
	width:634px;
	margin:12px 0 25px 0;
	padding:0;
}

#leftcontent p.num{
	display:block;
	float:left;
	clear:left;
	font:34pt Georgia, Garamond, serif;
	line-height:52px;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

#leftcontent p.desc{
	display:block;
	float:right;
	position:inherit;
	left:50px;
	clear:right;
	width:559px;
	margin:32px 12px 12px 0;
	padding:0;
}
/* END -------------------------------------------------------------------*/

/* AWARD DIVS ----------------------------------------*/		
		#leftcontent #award{
			display:block;
			float:left;
			clear:both;
			width:630px;
			height:auto;
			text-align:left;
			background:#DDDDDD;
			margin:5px 5px 5px 0px;
			padding:0;
		}
		
		#leftcontent #award #img{
			float:right;
			clear:both;
			border:1px solid #6699FF;
			margin:4px 0 0 3px;
			padding:0;
		}
		
		#leftcontent #award p{
			font:11pt Georgia, Garamond, serif;
			color:#996633;
			margin:5px 15px 5px 15px;
			padding:0;
		}
		
		#leftcontent #award p.head{
			display:block;
			width:250px;
			font:bold 10pt Arial, Helvetica, sans-serif;
			color:#6699FF;
			background:#EEEEEE;
			border-bottom:1px solid #6699FF;
			border-right:1px solid #6699FF;
			margin:0px 2px 5px 0;
			padding:1px;
		}
/* END -------------------------------------------------------------------*/
			
		#leftcontent img.inline{
			display:block;
			float:right;
			margin:0;
			padding:0 0 3px 3px;
		}
		
		#leftcontent p{
			font:11pt Georgia, Garamond, serif;
			color:#996633;
			margin:0 0 8px 0;
			padding:0;
		}

		#leftcontent p.error{
			font:bold 9pt Arial, Helvetica, sans-serif;
			color:#CC0000;
		}
		
		#leftcontent p.login{
			font:16pt Arial, Helvetica, sans-serif;
			color:#284279;
			margin:20px 0 10px 0;
			padding:0;
		}

		#leftcontent p.head{
			font:bolder 13pt Georgia, Garamond, serif;
			color:#996633;
			margin:5px 0 8px 0;
			padding:0;
		}

		#leftcontent p.bquote{
			font:11pt Brio, Cursive, Sayer Script MN;
			margin:25px 40px 5px 40px;
			padding:1px;
		}

		#leftcontent p.inquote{
			font:11pt Brio, Cursive, Sayer Script MN;
			margin:0 0 30px 40px;
			padding:0;
		}
		
		#leftcontent p.attrib{
			font:9pt Arial, Helvetica, sans-serif;
			margin:0 40px 25px 40px;
			padding:1px;
		}

		#leftcontent #bodytxt li{
			font:11pt Georgia, Garamond, serif;
			color:#996633;
			margin:3px 0 3px 0;
			padding:0;
		}

		#leftcontent #bodytxt ul{
			margin:0 0 8px 25px;
			padding:0;
			list-style-image:url(images/bullet.gif);
		}
	
		#leftcontent p.title{
			font:48pt Georgia, Garamond, serif;
			color:#FFCC66;
			line-height:44pt;
			margin:0;
			padding:0;
		}
	
		#leftcontent p.stitle{
			font:bold 11pt Arial, Helvetica, sans-serif;
			color:#6699FF;
			margin:7px 0 20px 0;
			padding:0;
		}
		
		#leftcontent a{
			color:#284279;
			text-decoration:none;
			border-bottom:1px dashed #284279;
			margin:0px;
			padding:0px;
		}

		#leftcontent a:hover{
			color:#6699FF;
			text-decoration:none;
			border-bottom:1px dotted #6699FF;
		}
		
		#leftcontent a.disclaim{
			color:#284279;
			text-decoration:none;
			border-bottom:none;
			margin:0px;
			padding:0px;
		}
		
/* LEADER PAGE PICS AND NAMES LINKED TO STORY PAGES ----------------------------------------*/	
		#leftcontent #sleader{
			float:left;
			clear:left;
			width:634px;
			height:auto;
			background:url(images/a_bg.gif) top repeat-x;
			margin:10px 0 10px 0;
			padding:0;
		}
		
		#leftcontent #sleader p.boxtitle{
			display:block;
			width:250px;
			font:bold 10pt Arial, Helvetica, sans-serif;
			color:#6699FF;
			background:#FFFFFF;
			border-top:1px solid #6699FF;
			border-bottom:1px solid #6699FF;
			border-right:1px solid #6699FF;
			margin:0px 2px 5px 0;
			padding:1px;
		}
		
		#leftcontent #sleader #sholder{
			display:block;
			float:left;
			width:150px;
			height:150px;
			margin:4px 8px 4px 0;
			padding:0;
		}
		
		
		#leftcontent #sleader #sholder img{
			border:none;
			margin:0;
			padding:0;
		}

		#leftcontent #sleader #sholder p{
			font:8pt Arial, Helvetica, sans-serif bold;
			color:#666666;
			margin:3px 0 0 0;
			padding:0;
		}
		
		#leftcontent #sleader #sholder a{
			border:none;
		}
/* END -------------------------------------------------------------------*/
	
	#leftcontent p.forms{
		margin:6px 0 2px 0;
		padding:0;
		font:8pt Arial, Helvetica, sans-serif bold;
	}
	
	#leftcontent fieldset.forms{
		float:left;
		width:198px;
		height:auto;
		margin:10px 0 30px 0;
		padding:0;
		border:1px solid #6699FF;;
		background:none;
	}
	
		#leftcontent input.right{
			width:120px;
			font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
			background-color:#D7E5F2;
			color:#102132;
			border:1px solid #284279;
		}
		
		#leftcontent input.button{
			width:auto;
			font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
			background:#D7E5F2;
			color:#102132;
			margin-left:12px;
			margin-top:3px;
			margin-bottom:2px;
			border:1px outset #284279;
		}
		
		#leftcontent legend.right{
			font:bold 8pt Arial, Helvetica, sans-serif;
			color:#fff;
			background:#6699FF;
			border:2px solid #FFFFFF;
			padding:2px 6px;
		}

		#leftcontent label.right{
			width:5em;
			float:left;
			text-align:right;
			margin-right:0.5em;
			display:block;
			color:#666666;
		}
		
		
/* FRONT PAGE LEADERSHIP PICTURES ----------------------------------------*/
		#leftcontent #bodytxt ul.fpage{
			display:block;
			float:left;
			clear:left;
			width:634px;
			height:auto;
			background-image:url(images/a_bg.gif);
			background-repeat:repeat-x;
			background-position:0 3px;
			list-style:none;
			margin:20px 0 20px 0;
			padding:0;
		}
		
		#leftcontent li.boxtitle{
			display:block;
			clear:right;
			width:252px;
			font:bold 10pt Arial, Helvetica, sans-serif;
			color:#6699FF;
			background:#FFFFFF;
			border-top:1px solid #6699FF;
			border-bottom:1px solid #6699FF;
			border-right:1px solid #6699FF;
			margin:0px 2px 5px 0;
			padding:1px;
		}
		
		#leftcontent p.boxtitle{
			font:bold 10pt Arial, Helvetica, sans-serif;
			color:#6699FF;
			margin:0;
			padding:0;
		}
		
		#leftcontent #bodytxt li.pic{
			display:block;
			float:left;
			/*width:85px;*/
			width:140px;
			border:1px solid #DDDDDD;
			height:auto;
			margin:2px 3px 1px 0;
			padding:0;
			font:8pt Arial, Helvetica, sans-serif bold;
			color:#666666;
		}
		
		#leftcontent li.pic a{
			border:none;
		}
		
		#leftcontent img.fpage{
			display:block;
			float:left;
			border:0;
			margin:0 2px 0 0;
			padding:0;
		}
/* END -------------------------------------------------------------------*/

/* CALENDAR BLOG SETTINGS ----------------------------------------*/
#leftcontent #calitem{
	display:block;
	float:left;
	clear:both;
	width:385px;
	height:auto;
	padding:0;
	margin:0 0 15px 0;
}

	#leftcontent #calitem p{
		padding:2px;
	}

	#leftcontent #calitem input{
		width:auto;
	}

	#leftcontent #calitem form{
		margin:0px;
		padding:0px;
	}

#leftcontent #calitem #head{
	display:block;
	float:left;
	clear:both;
	background:url(images/calbg.gif) top repeat-x #6699FF;
	width:100%;
	height:30px;
	margin:0;
	padding:0;
}

#leftcontent #calitem #head p{
	color:#FFFFFF;
}
		
#leftcontent #calitem #body{
	display:block;
	float:left;
	clear:both;
	background-color:#CCCCCC;
	width:100%;
	height:auto;
}

#leftcontent img.pics{
	display:block;
	float:right;
	clear:right;
	margin:0;
	padding:0 0 0 3px;
}

#leftcontent #calarea #left{
	display:block;
	float:left;
	clear:left;
}

#leftcontent #calarea #right{
	display:block;
	float:left;
	clear:right;
}

#leftcontent #calarea{ /* BEGIN TABLE SETTINGS */
	display:block;
	float:left;
	clear:both;
	padding:0;
	margin:5px 0 10px 0;
}

table.calendar{
	display:block;
	float:left;
	clear:both;
	border:1pt solid #999999;
	background:#CCCCCC;
	padding:0;
	margin:0 15px 15px 0;
}

caption.calendar-month{
	text-align:left;
	font:bold 11pt Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#6699FF;
	text-indent:1px;
	width:inherit;
	margin:0;
	padding:0;
}

th{
	font:bold 9pt Arial, Helvetica, sans-serif;
	background:#999999;
}

td{
	font:10pt Arial, Helvetica, sans-serif;
	display:table-cell;
	width:1.8em;
}

#leftcontent #calarea #left a{
	font:bold 13pt Arial, Helvetica, sans-serif;
	background-color:#FFCC66;
	color:#FFFFFF;
	border:none;
	margin:0;
	padding:1px 3px 1px 3px;
}

#leftcontent #calarea #left a:hover{
	color:#666666;
	margin:0;
	padding:1px 3px 1px 3px;
}
/* END -------------------------------------------------------------------*/

		
			
#rightcontent {
	float:left;
	clear:right;
	width:213px;
	height:auto;
	background:url(images/picbar.jpg) 0 0 no-repeat;
	margin:0 0 10px 0;
	padding:0;
}

	#rightcontent img.rpic{
		margin:29px 0 0 13px;
		padding:0;
		border-left:1px solid #CCCCCC;
	}

	#rightcontent p.quote{
		margin-left:13px;
		padding:0;
		font:8pt Arial, Helvetica, sans-serif bold;
		color:#666666;
	}

	#rightcontent p{
		margin:23px 0px 0px 13px;
		padding:0;
		font:8pt Arial, Helvetica, sans-serif bold;
		color:#999999;
	}

/* QUICK LINKS ----------------------------------------*/
		#rightcontent #qlinks{
		}
		
		#rightcontent #qlinks ul{
			display:block;
			float:right;
			clear:both;
			width:200px;
			height:auto;
			list-style-type:none;
			padding:0;
			margin:40px 0 10px 13px;
		}
		
		#rightcontent #qlinks li{
			display:block;
			float:left;
			clear:both;
			width:200px;
			height:41px;
			padding:0;
			margin:2px 0 3px 0;
		}
		
		#rightcontent #qlinks ul li a.ql{
			display:block;
			background:url(images/ql1.gif) bottom left no-repeat;
			text-decoration:none;
			font:bold 12pt Arial, Helvetica, sans-serif;
			color:#777777;
			width:200px;
			height:35px;
			padding:0;
			border:none;
		}

		#rightcontent #qlinks ul li a:hover.ql{
			display:block;
			background:url(images/ql2.gif) bottom left no-repeat;
			color:#333333;
			text-decoration:none;
		}
		
/* END -------------------------------------------------------------------*/

		


#bottomcontent{
	width:850px;
	height:55px;
	float:left;
	clear:both;
	background:url(images/bottom2.jpg) bottom right no-repeat #CCCCCC;
	padding:0;
	margin:0;
}

	#bottomcontent p{
		font:8pt Arial, Helvetica, sans-serif;
		color:#666666;
		margin:1px 1px 2px 1px;
		padding:0;
	}

	a.one{
		font:8pt Arial, Helvetica, sans-serif;
		text-decoration:none;
		color:#996633;
	}

	a.two{
		font:8pt Arial, Helvetica, sans-serif;
		text-decoration:none;
		color:#6699FF;
	}
	
	#bottomcontent a:hover{
		color:#EEEEEE;
		text-decoration:none;
	}
	
	#bottomcontent #left{
		float:left;
		width:637px;
		height:100%;
		background:url(images/usana.gif) top left no-repeat;
		margin:2px;
		padding:0;
	}
	
		#bottomcontent #left p{
			font:8pt Arial, Helvetica, sans-serif;
			color:#666666;
			margin:1px 1px 2px 128px;
			padding:0;
		}
	
	#bottomcontent #right{
		float:right;
		width:200px;
		height:inherit;
	}

/* Form formatting */
fieldset{
	clear:both;
	border:1px solid #6699FF;
	width:30em;
	background:url(images/rightbak2.gif) bottom left no-repeat;
}

legend{
	font:11pt Arial, Helvetica, sans-serif;
	color:#fff;
	background:#6699FF;
	border:2px solid #FFFFFF;
	padding:2px 6px;
}

label{
	width:6em;
	float:left;
	text-align:right;
	margin-right:0.5em;
	display:block;
}

input{
	width:180px;
	font:9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:#D7E5F2;
	color:#102132;
	border:1px solid #284279;
}

select{
	font:9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:#D7E5F2;
	color:#102132;
	border:1px solid #284279;
}

textarea{
	color:#102132;
	background-color:#D7E5F2;
	border:1px solid #284279;
}

.submit input{
	width:auto;
	font:9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#D7E5F2;
	color:#102132;
	margin-left:12px;
	margin-top:3px;
	margin-bottom:2px;
	border:1px outset #284279;
}


/*bold formatting*/
b{
	color:#996633;
	font-weight:bold;
	font-size:+12pt;
}

img{
	border:none;
}

/* Slideshow formatting */
#slideholder{/*DIV containing all picture rows*/
	display:block;
	float:left;
	clear:both;
	background:url(images/calbg.gif) 0 0 repeat-x #CCCCCC;
}

#slideholder a{
	border:none;
	margin:0;
	padding:0;
}

#slideholder a:hover{
	border:none;
	margin:0;
	padding:0;
}

.slideshow{ /*DIV containing each image*/
	display:inline;
	border:none;
	float:left;
	margin:0;
	padding:0;
}

.slideshow img{ /*each image tag*/
	border:none;
	width:200px;
	margin:12px 4px 5px 4px;
	padding:0;
}

#navlinks{ /*DIV containing the navigational links*/
	width:600px;
	clear:both;
	margin:0;
	padding:0;
}

#navlinks a{ /*each navigational link*/
	margin:0 0 3px 0;
	padding:2px 5px;
	font:bold 10pt Arial, Helvetica, sans-serif;
	border:none;
}

#navlinks a.current{ /*currently selected navigational link*/
	background:url(images/cornera.gif) bottom left no-repeat #CCCCCC;
	font:bold 10pt Arial, Helvetica, sans-serif;
	border:none;
}

.dropcap{
	float:left;
	margin-top:0px;
	margin-right:0px;
	color:#FFFFFF;
	font-size:51px;
	font-weight:100;
	line-height:37px;
	padding:0px;
	font-family:Georgia, Garamond, serif;
}