/* CSS Document */
body					{background:url(/images/how_bkg.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif;margin:0px;padding:0px;text-align:center}

h1						{border-bottom:1px solid #779351;color:#009;font-size:1.4em;margin-top:5px}
h1.welcome				{font-size:1.9em}
h1.welcome span			{margin-left:85px}
h1.welcome span.aonb	{font:bold 0.5em Arial, Helvetica, sans-serif;margin-left:100px}
h2,h3					{margin:0px;color:#009;font-size:1em}
br						{line-height:10px}
img						{border:0}
.fl						{float:left}
.fr						{float:right}			

/*----------DIVS----------*/
#main					{margin:0px auto;position:relative;width:770px;background:#fff;padding-top:130px;text-align:left}
#header					{position:absolute;background:#DAE8C4 url(/images/how_bkg_hdr.gif) no-repeat 0px 10px;top:0px;width:770px;height:125px}
#middle					{float:right;width:555px;margin:0px 5px 0px 5px}
#left_column,
#right_column			{float:left;width:200px;margin:0px}
#left_column			{margin-left:5px}
#right_column			{float:right}

/*----------Header Style----------*/
#header	*				{color:#779351;text-decoration:none}
#header p				{position:absolute;left:10px;bottom:5px;margin:0px;font-size:.85em}
#header	a:hover			{text-decoration:underline}
#header p.logo			{left:130px}
#header p.access		{text-align:right;left:640px;width:120px}
a.small					{font-size:11px}
a.medium				{font-size:16px}
a.large					{font-size:21px}

/*------------------------------------*/
.box					{margin-bottom:5px}
.box *					{padding:6px 10px;margin:0px;font-size:0.85em}
.box h2					{text-transform:uppercase}
.box img				{border:1px #fff solid;margin:5px 0px;padding:0px}
.box a					{color:#000;padding:0px}

/*----------Menu Style----------*/
#menu					{border:1px solid #779351;margin-bottom:5px}
#menu h2				{background:#779351;padding:6px 10px;text-transform:uppercase}
#menu ul				{font-size:0.85em;font-weight:bold;margin:0px;padding:0px;list-style:none;background:#95AD75}
#menu li				{background:url(/images/how_bullet_top.jpg) 10px 8px no-repeat;padding:0 0 0 25px;border-top:1px solid #779351;border-bottom:1px solid #779351;line-height:24px}
#menu ul ul		 		{background:#C3CDB4}
#menu ul li ul			{margin-left:-25px}
#menu ul ul li			{background:url(/images/how_bullet_sub.jpg) 20px 8px no-repeat;border:0px;font-weight:normal;padding:0 0 0 35px}
#menu a					{color:#fff;text-decoration:none;}
#menu a:hover			{color:#fff;text-decoration:underline;}
#menu ul ul li a		{color:#779351}
#menu ul ul li a:hover	{color:#779351}

.menu_sm				{color:#DFE5D8; font-size:0.8em; font-weight:normal;}

/*----------Orange Box Style----------*/
.orange_css				{background:#F4A889;border:1px solid #D9531D}
.orange_css h2			{background:#D9531D}
.orange_css a:hover		{color:#D9531D}

/*----------Green Box Style----------*/
.green_css				{background:#95AD75;border:1px solid #779351}
.green_css h2			{background:#779351}
.green_css h2.mb10		{margin-bottom:10px}
.green_css a			{color:#fff}
.green_css a:hover		{color:#779351}

/*----------Blue Box Style----------*/
.blue_css				{background:#999FDF;border:1px solid #6A72CC}
.blue_css h2			{background:#6A72CC}
.blue_css h3.bdr		{border-top:1px #6a72cc solid;margin:10px;padding:6px 0px}	
.blue_css a,
.blue_css label			{color:#fff;padding:6px 0px}
.blue_css a:hover		{color:#6A72CC}
.blue_css select,
.blue_css option		{font-size:10px;margin:0px;padding:0px;width:auto}
.blue_css select		{height:18px}
.blue_css option		{margin-right:10px;padding-left:2px}
.blue_css span			{font-size:10px;color:#fff;margin-right:5px}
form.map				{margin-top:-5px;margin-bottom:-15px}
.dis					{font-size:10px;font-style:italic;margin-top:-15px}

/*----------Blue Box Style----------*/
input.search_box		{padding:2px;width:95px}
input.search_btn		{background:#6A72CC;border:1px solid #fff;color:#fff;font-size:0.8em;padding:1px;text-transform:uppercase;width:60px}
input.search_btn:hover	{background:#999FDF}

/*----------Content----------------*/
.banner					{margin:0px}
.text					{float:left;width:390px}
.text1					{float:left;width:555px}
.text2					{float:left;width:350px}
.photos					{float:right;width:158px;margin-left:5px}
.pic					{background:#6A72CC;color:#fff;font-size:0.8em;margin:5px 0 0 0;padding:4px}
.pic img				{padding-bottom:4px}
.pic *					{color:#fff;text-decoration:none}

/*----------Footer Style----------*/
#footer					{clear:both;height:30px;margin:5px;border-top:5px solid #779351;font-size:0.8em}
#footer p				{margin:0px}
#footer	*				{color:#779351;text-decoration:none;margin-top:4px}
#footer a:hover			{text-decoration:underline}
	
/*----------Links Style----------*/
a						{color:#2C415C;}
a:hover					{color:#4D5C6F; text-decoration:none;}

/*----------Private.asp----------*/
fieldset.login			{width:400px}
legend					{font-weight:bold;color:#009}
label					{float:left;width:150px}
label,select,
input,textarea			{margin-bottom:2px;font:normal 12px Verdana, Arial, Helvetica}

.c						{text-align:center}

/* News Archive list & update footer */
ul.archive				{margin:0px;padding:0px;list-style-type:none}
ul.archive li			{float:left;width:75px}
p.posted				{color:#666;font-style:italic;font-size:0.8em;text-align:right}

/*Downloads */
ul.dload				{margin:0px;padding:0px;list-style-type:none}
.dload li				{float:left;width:275px;height:40px;display:table-cell;text-transform:capitalize}
.dload li img			{vertical-align:middle;margin-right:5px}
.dload li.cat			{color:#009;font-weight:bold;height:auto;margin:10px 0px;width:555px}
.dload li a				{text-decoration:none}

/* Calendar */		
table#calendar			{background:#666;margin:0px 10px 10px 10px;padding:0px;border-collapse:collapse;width:178px}
table#calendar *		{margin:0px;padding:0px;font-size:1em}
table#calendar caption	{background:#666;padding:3px;color:#fff;margin:0px 10px 0px 9px;width:178px}
table#calendar caption a{text-decoration:none}
table#calendar th,
table#calendar td		{background:#fff;width:25px;height:20px;text-align:center;border:1px #666 solid}
table#calendar td.today	{background:#F4A889;color:#fff}
table#calendar td.event {background:#6A72CC;color:#fff}

/* Map */
fieldset.search label,	
fieldset.search input	{width:200px}
fieldset.search 
input.search_btn		{width:60px}
#map					{margin:20px 0px;width:555px;height:400px}
ul#directory			{margin:20px 0px;padding:0px;list-style-type:none}
ul#directory li			{margin-bottom:20px}
#bubble					{width:300px}

/* Search */
ol#search_results		{margin:0px;padding:0px;float:left;width:555px}
ol#search_results li	{margin:10px 0px 10px 30px;word-wrap:break-word}
ol#search_results li 
span					{color:#060;font-size:11px}
ol#search_results li a	{color:#009;font-weight:bold}

a.h1					{cursor:default;text-decoration:none}