/*

	Credit: Michael Dick.

	Url: http://www.m1k3.net

	Email: michael.dick@m1k3.net

*/





/* =Misc.

---------------------------------------------------*/



*

{

    margin: 0;

    padding: 0;

}



body

{

    font: normal 100%/140% Arial;

	height: 100%;

	background: #fff url(../images/layout/global_bg.gif) repeat-x;

}



ul#skipTo

{

	display: none;

}



p

{

	margin: 15px 0;

}



a

{

	color: #2e668c;		

}	



a:hover

{

	color: #0c4165;		

}



/* =Upper area.

---------------------------------------------------*/



div#upperWrapper

{

	width: 800px;

	margin: 0 auto;

}



div#clearUpperWrapper

{

	clear: both;

	margin: 0 0 23px;

}







	/* =Banner.

	---------------------------------------------------*/

	

	div#banner

	{

		height: 221px;

margin-top: 20px;
		background: #fff no-repeat 300px -100px;

	}

	

	div#banner h1

	{

		height: 221px;

		text-indent: -999999px;

		background: url(../images/layout/heading_frame.gif) no-repeat;

	}

	

	

	

	/* =Navigation.

	---------------------------------------------------*/

	ul#nav { margin-top: 20px; background: #fff url('../images/layout/nav.gif') no-repeat; height: 52px; padding: 14px 0 0 18px;}

	ul#nav li { float: left; list-style: none; width: auto; margin-right: 27px;}

		

			ul#nav li a

			{

				display: block;

				padding: 5px;

				font-size: 14px;

				font-weight: bold;

				color: #fff;

				border-bottom: 1px solid transparent;

				text-decoration: none;

			}	

			

			ul#nav li a:hover

			{

				color: #ccc;
				background-color: #2c414f;

			}					

			

			

			

	/* =Content.

	---------------------------------------------------*/			

		

	div#content

	{

		margin: 23px 0 0;

		padding: 0 25px 0 20px;

		font-size: 12px;

	


		background: red url(../images/layout/content_border.gif) repeat-y top right;

	}

	

		div#content h2

		{

			font-size: 16px;

			margin: 6px 0 10px;			

		}

		

		div#content h2 em

		{

			display: block;

			font-weight: normal;	

			color: #606060;	

		}		

		

		div#content em#breadcrumb

		{

			font-size: 12px;

			font-style: normal;			

		}

			

			

					

/* =Bottom area.

---------------------------------------------------*/



div#bottomWrapper

{

	clear: both;

	background: url(../images/layout/bottom_bg.gif);

}



	div#bottomTopBG

	{

		background: url(../images/layout/bottom_heading_bg.gif) no-repeat;

	}

	

		div#bottomContent

		{

			width: 800px;

			margin: 0 auto;

			padding: 20px 0;			

		}

		

			div#bottomContent h2

			{

				font-size: 18px;

				font-weight: normal;

				color: #fff;

				padding: 0 0 15px;

				margin: 25px 0 0;

				background: url(../images/layout/bottom_borders_white.gif) repeat-x bottom center;

			}

			

			div#bottomContent .lastList

			{

				float: none;

				clear: both;			

				list-style: none;

				font-size: 10px;

				padding: 5px;

				text-align: right;

				background: url(../images/layout/bottom_lastList_bg.png);

			}	

			

			div#bottomContent a

			{

				color: #838c94;

			}	

			

			div#bottomContent a:hover

			{

				color: #aab7c2;

			}						

		

	

		

			/* =Bottom left area.

			---------------------------------------------------*/		

		

			div#bottomLeft

			{

				width: 389px;

				float: left;

			}

			

				div#bottomLeft ul

				{

					list-style: none;

				}

			

					div#bottomLeft ul li

					{

						list-style: none;

						font-size: 12px;

						padding: 10px 13px;

						background: url(../images/layout/bottom_list_bg.png) bottom center;

					}													

					

						div#bottomLeft ul li em

						{

							font-size: 10px;

							color: #434d54;

						}									

			

			

			

			/* =Bottom right area. (Pics)

			---------------------------------------------------*/		

					

			div#bottomRight

			{

				width: 375px;

				float: right;

			}

			

			div#bottomRight ul

			{

				list-style: none;

				padding: 3px 0;

				background: url(../images/layout/bottom_right_bg.png);

			}

			

				div#bottomRight ul li

				{

					float: left;

				}

					

				div#bottomRight ul li img

				{

					margin: 4px;

					border: 4px solid #fff;

				}

				

			div#bottomRight div.rightBG

			{

				padding: 3px 0;

				background: url(../images/layout/bottom_right_bg.png);

			}	

			

			div#bottomRight div.rightBG

			{

				padding: 15px;

				background: url(../images/layout/bottom_right_bg.png);

			}	

			

				div.email form fieldset

				{

					border: 0;

				}	

				

				div.email form strong,

				div.email form em				

				{
					line-height: 140%;
					display: block;
					font-size: 11px;
				}

				

				div.email form table td	

				{

					padding: 3px;

				}				

				

					div.email form fieldset label

					{

						display: none;

					}

					

					div.email form fieldset input.textbox

					{

						font-family: georgia;

						font-size: 12px;

						color: #777;

						width: 185px;

						padding: 4px;

					}

					

					div.email form fieldset textarea.textarea

					{

						font-family: georgia;

						font-size: 12px;

						color: #777;

						width: 185px;

						height: 85px;

						padding: 4px;

					}					

			

					div.email form fieldset input.submit

					{

						margin-left: 10px;

						padding: 4px;

					}		





			

/* =Footer area.

---------------------------------------------------*/



ul#footer

{

	list-style: none;

	font-size: 11px;

	color: #5a666f;

	width: 769px;

	height: 16px;

	padding: 13px 15px;

	margin: 20px 0 0;

	background: url(../images/layout/footer_bg.png);

}



	ul#footer a

	{

		color: #999;

	}

	

	ul#footer a:hover

	{

		color: #AAA;

	}	



	ul#footer li#copyright

	{

		list-style: none;

		float: left;

	}			

	

	ul#footer li#poweredBy

	{

		list-style: none;

		float: right;

	}

	



	

/*---------------------------------------------------*/

/*---------------------------------------------------*/

/* =Content Styles. */

/*----------------------------------------------------*/

/*---------------------------------------------------*/





/* =Content Globals

---------------------------------------------------*/



	/* =Side more content box.

	-----------------------------------------------*/

	

	div#multipleSideBoxsHolder

	{

		width: 180px;

		float: right;

		margin-left: 10px;

	}

	

	div#secondary_links

	{

		width: 150px;

		float: right;

		font-size: 11px;

		margin: 10px 0 3px 15px;

		padding: 15px;

		background-color: #d9e4ec;

		border: 1px solid #9daab4;

	}

	

		div#secondary_links ul li

		{

			list-style: none;

			padding: 0 0 1px 25px;

			margin-top: 5px;

			background: url(../images/icons/pencil_big.gif) no-repeat 0 5px;	

		}	

	

		div#secondary_links strong

		{

			color: #4c6577;

		}			

		

		div#secondary_links li em

		{

			display: block;

		}

		

		

	/* =Side box with search.

	-----------------------------------------------*/		

		

		div#search

		{

			width: 150px;

			float: right;

			font-size: 11px;

			margin: 10px 0 13px 15px;

			padding: 15px;

			background-color: #d9e4ec;

			border: 1px solid #9daab4;

		}

		

			div#search strong

			{

				color: #4c6577;

			}			

		

			div#search input#keyword

			{

				margin: 9px 0;

				padding: 3px;

				color: #777;

				font-size: 11px;

				width: 90%;

				font-family: georgia;

			}

			

				div#search input#search

				{

					padding: 3px;

					font-size: 11px;

					font-family: georgia;

				}	

				



/* =Webblog

---------------------------------------------------*/



div#webblog h3 a

{

	font-size: 14px;

	color: #061e2f;

	border-bottom: 1px solid #225273;

	text-decoration: none;

}





div#webblog h3 em

{

	font-size: 11px;

	color: #474747;

	font-weight: normal;

	display: block;

	margin-top: 3px;

	font-style: normal;

}



div#webblog p.desc

{

	margin-bottom: 25px;

}





		



/* =Wordup

---------------------------------------------------*/



div#wordup h3

{

	color: #345d78;

	font-size: 13px;

	margin: 0 0 10px 0;

}



div#wordup h3 i

{

	color: #606060;

	font-size: 10px;

	font-weight: normal;

}



div#wordup h3 em

{

	color: #606060;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

}







/* =Links

---------------------------------------------------*/



div#links dt a,

div#workers dt a

{

	font-weight: bold;

}



div#links dd,

div#workers dd

{

	margin: 5px 0 15px;

}





/* =Questions

---------------------------------------------------*/



div#questions ul

{

	padding: 0 0 20px 10px;

	border-bottom: 2px solid #ccc;

	list-style: none;

}



div#questions ul li

{

	padding: 0 0 3px;

	list-style: none;

}





div#questions ul

{

	padding: 0 0 20px;

	border-bottom: 2px solid #ccc;

}



div#questions ul#fullQuestions

{

	list-style: none;

	border-bottom: none;

	margin: 20px 0;

}



div#questions ul#fullQuestions li em

{

	display: block;

	margin: 5px 0 20px;

}









/* =Calendar

---------------------------------------------------*/



div#calendar h2

{

	font-size: 12px;

	color: #2d4d63;

}



div#calendar ul li

{

	list-style: none;

	padding: 0 0 5px 25px;

	margin-top: 10px;

	background: url(../images/icons/calendar_big.gif) no-repeat;	

}



div#moreEvents

{

	width: 150px;

	float: right;

	font-size: 11px;

	margin: 10px 0 10px 15px;

	padding: 15px;

	background-color: #d9e4ec;

	border: 1px solid #9daab4;

}



	div#moreEvents strong

	{

		color: #4c6577;

	}	

	

	div#moreEvents li em

	{

		display: block;

	}

	

	

	

	

/* =Resources

---------------------------------------------------*/



div#resources ul li, div#links ul li

{

	list-style: none;

	padding: 0 0 5px 25px;

	margin-top: 10px;

	background: url(../images/icons/resource.gif) no-repeat;	

}



div#resources ul li em, div#links ul li em

{

	display: block;

	margin-top: 5px;

	font-style: normal;	

}

/* new hoem*/
div#homeleft
{
	float: left;
	width: 460px;
}

div#homeright
{
	float: right;
	width: 230px;
}

div#sms
{
	padding: 10px;
	width: 210px;
	height: 171px;
	position: relative;
	background: url('../images/layout/sms.gif');	
}

div#sms ul
{
	position: absolute;
	bottom: 20px;
	left: 18px;
	list-style: none;
	width: 190px;
}

div#sms ul li
{
	padding-top: 8px;
}

div#sms ul li a
{
	display: block;
	padding: 7px 10px 4px;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

div#sms ul li a:hover
{
	display: block;
	padding: 7px 10px 4px;
	background-color: #dadada;
	color: #000;
}

div.email
{
	background: #ccc;
	padding: 10px;
	margin-top: 30px;
	border: 1px solid #afafaf;
}

div.email h3 
{
	margin-bottom: 15px;
	border-bottom: 1px solid #afafaf;
}

a img { border: none; }


/* =Videos
---------------------------------------------------*/
div#videos ul li

{

	list-style: none;

	padding: 0 0 0px 25px;

	margin-top: 15px;

	background: url(../images/icons/video.gif) no-repeat 0 4px;	

}



div#videos ul li em

{

	display: block;

	margin-top: 5px;

	font-style: normal;	

}







/* =Photos for download page.

---------------------------------------------------*/		



ul#photos

{

	width: 230px;

	margin: 20px 0 0;

	list-style: none;

}



	ul#photos li

	{

		float: left;

		padding: 5px 5px 4px;

		margin: 10px;

		background-color: #fff;

		border-top: 1px solid #999;

		border-left: 1px solid #999;

		border-right: 1px solid #444;

		border-bottom: 1px solid #444;

	}

		

	ul#photos li img

	{

		border: 0;

	}

	

	

	

div#categories

{

	width: 150px;

	float: right;

	font-size: 11px;

	margin: 10px 0 10px 15px;

	padding: 15px;

	background-color: #d9e4ec;

	border: 1px solid #9daab4;

}



	div#categories ul li

	{

		list-style: none;

		padding: 0 0 5px 25px;

		margin-top: 10px;

		background: url(../images/icons/photo_big.gif) no-repeat;	

	}	



	div#categories strong

	{

		color: #4c6577;

	}			

	

	div#categories li em

	{

		display: block;

	}	

	

	

/* =Search

---------------------------------------------------*/



ul#searchResults li

{

	list-style: none;

	padding: 0 0 5px 25px;

	margin-top: 10px;

	background: url(../images/icons/search.gif) no-repeat;	

}



	ul#searchResults li#noResults

	{

		background: url(../images/icons/warning.gif) no-repeat;	

	}

/* =Flickr.
---------------------------------------------------*/ 
div#flickr-wrapper
{

}
    div#flickr div
    {
        float: left;

    }
    
    div#flickr div img
    {
        margin: -20px 0 0 -20px;
    		padding: 5px 5px 4px;

		margin: 8px;

		background-color: #fff;

		border-top: 1px solid #999;

		border-left: 1px solid #999;

		border-right: 1px solid #444;

		border-bottom: 1px solid #444;
    }
    
/* =Flickr.
---------------------------------------------------*/ 
div#flickr-wrapper
{

}
    div#flickr-bottom div
    {
        float: left;

    }
    
    div#flickr-bottom div img
    {
	margin: 4px;

					border: 4px solid #fff;
    }