/* GLOBAL */

body 										{ font-family: helvetica neue, helvetica, sans-serif; margin:0 auto; font-size: 10pt; }
h1		 									{ font-family: helvetica neue, helvetica, sans-serif; margin:0; padding:0; }
h2 											{ font-family: helvetica neue, helvetica, sans-serif; color:#003366; font-size:13pt; }
h3 											{ font-family: helvetica neue, helvetica, sans-serif; }
h4 											{ font-family: helvetica neue, helvetica, sans-serif; }
h5 											{ font-family: helvetica neue, helvetica, sans-serif; }
h6 											{ font-family: helvetica neue, helvetica, sans-serif; }
p 											{ font-family: helvetica neue, helvetica, sans-serif; }
td 											{ font-family: helvetica neue, helvetica, sans-serif; }

.main_wrapper 					{ margin-top:5px; }
.main_wrapper div	 			{ float:left; }
#content_wrapper				{ margin:0 auto; width:1000px; }
div.content							{ padding: 1em; width:100%; }

a												{ text-decoration: none; color:#CC6633; }
a:link 									{ text-decoration: none; color:#CC6633; }
a:visited								{ text-decoration: none; color:#CC6633; }
a:hover 								{ text-decoration: none; color:#003366; }
a:active								{ text-decoration: none; color:#CC6633; }
a.main_nav  						{ text-decoration: none; }
ul.sub_menu a.menuItem	{ text-decoration: none; }
ul.sub_menu li a				{ text-decoration: none; }

/* HEADER */

#header			 							{ width:100%; background:url('../images/bg_header.gif') bottom left repeat-x; height:82px; padding:0; margin:0; }
h1#identity									{ display:none; }

/* DROP DOWN LEVEL ONE */

ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background:#ccc; text-align:center;}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active       			{ color: #ffa500; }
ul.dropdown li.hover,
ul.dropdown li:hover       			{ background: #F3D673; color: black; position: relative; }

/* DROP DOWN LEVEL TWO */
ul.dropdown ul 									{ width: 290px; visibility: hidden; position: absolute; top: 100%; left: 0; padding:0;margin:0; z-index:100; list-style:none; }
ul.dropdown ul li 							{ font-weight: normal; background: #333333; color: #FFF; border-bottom: 1px solid #ccc; float: none; line-height:1; padding-bottom:3px; }

/* THE "HOW DO I ..?" MENU */

ul#how_to												{ padding:0 0 0 40px; margin-top:5px; }
ul#how_to li a	                { display: block; padding: 1px 15px; color: #333; background-image:none; }
ul#how_to li:hover		          { background-color: #F3D673; }
ul#how_to li:last-child a       { border-right: none; } /* Doesn't work in IE */
ul#how_to ul										{ width: 350px; }
ul#how_to ul li									{ background-color: white; color: black; border-bottom: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333;}
ul#how_to ul li a								{ color: black; border-right: none; width: 97%; display: inline-block; font-size:0.6em; text-align:left; padding:0; } /* IE 6 & 7 Needs Inline Block */

/* NAV DROP DOWN LEVEL ONE */

#navlist ul.dropdown                		{ position: relative; list-style:none; padding:0; margin:0; width:1000px; background: #BBBBBB url(../images/nav_bg.gif) repeat-x; }
#navlist ul.dropdown li:last-child a	 	{ border-right: none; }															  
#navlist ul.dropdown li a					{ border-right: 1px solid #FFF; color: #FFF; display: block; padding: .5em 0; }
#navlist ul.dropdown li a.main_nav 			{ background: #BBB url('../images/nav_bg.gif') bottom left repeat-x;z-index:-10; }
#navlist ul.dropdown li:hover a.main_nav,
#navlist ul.dropdown li.hover a.main_nav 	{ background-color: #F3D673; background-image:none; }

/* NAV DROP DOWN LEVEL TWO */

#navlist ul.dropdown ul li a 				{ border-right: none; width: 93%; display: inline-block; font-size:0.95em; text-align:left; }  /* IE 6 & 7 Needs Inline Block */

/* A "Call out" is a floating box */
div.calloutLeft 						{ background-color:#CCC; border:3px double #666666; color:#666666; float:left; font-size:9pt; margin: 1em; padding: 1em; width:200px;}
div.calloutLeft a:visited 	{ color:#CC6633; }
div.calloutRight 						{ background-color:#CCC; border:3px double #666666; color:#666666; float:right; font-size:9pt; margin: 1em; padding: 1em; width:200px;}
div.calloutRight a:visited 	{ color:#CC6633; }

/* FOOTER */

#footer 									{ clear:both; color:#999999; font-size:10px; padding-top:0px; text-align:center; width:1000px; margin-top: 1em; }

/* HOMEPAGE */

#call_to_action 					{ width:100%; height:175px; color:#fff; margin-top:1px; margin-bottom: 3px; margin-right:none; padding:none; }
#explore 									{ background-color:#003366; width:33.3333%; margin:none; border:none; }
#support 									{ background-color:#669999; width:33.3333%; margin:none; border:none; }
#connect 									{ background-color:#003366; width:33.3333%; margin:none; border:none; }
.actions 									{ height:100%; border:1px solid #bbb; }
.actions h2 							{ margin:10px 0px 0px 20px; font-size:2.5em; font-weight:bold; color:#FFF; }
.actions ul 							{ list-style:none; margin:10px 0px 0px 0px; padding: 0px 0px 0px 40px; font-size:1.3em; }
.actions a 								{ color:#fff; font-weight:bold; }
		
#gs_wrapper								{ width:225px; }
#gs_wrapper #gs_nav 			{ text-align: center; float: none; }
#gs_wrapper #gs_nav a 		{ font-size:1.2em; color: #333; }
#gift_shop 								{ width:225px; height:330px; background-color:#B6CEC5; border: 1px solid #777; text-align:center; border-collapse: collapse; }
#gift_shop img 						{ margin:15px 0 0 0;}
#gift_shop h2 						{ font-size:1.5em; color:#003366; margin:10px 0 0 10px; }
#gift_shop h3 						{ color:#003366; letter-spacing:-1px;margin:17px 0 0 0px; font-size:1.4em; }
		
#features 								{ width:766px;height:330px;margin-left:5px; border: 1px solid #777; float:left;background:#B6CEC5 url(../images/bg_line.gif) no-repeat; background-position: 160px 20px; }
#features h2 							{ font-size:1.5em; color:#003366; margin:10px 0 0 10px; }
.feature 									{ width:365px;margin-left:10px;float:left; }
.feature h3 							{ margin:5px 0 0 0;padding:0; }
.feature p 								{ vertical-align:top;margin:0;padding:0; }
.feature a 								{ color:black; }
.feature img 							{ float:left; text-decoration:none;border:none;margin:10px 10px 20px 5px;padding:0px; }

/* Various types of tables */

table.list th 						{ font-size: 11pt; font-weight: bold; color: #CF6735; text-align: left; vertical-align: top; border-bottom: 1px solid #ccc; }
table.list td							{ vertical-align: top; padding-bottom: 20px; border-bottom: 1px solid #ccc; padding-left: 20px; }

table.tabular							{ background-color: #F4EEEB; }
table.tabular td					{ vertical-align: top; }