/*	CP Newsletter Style Sheet
-----------------------------------------------------------------------------
version:   1.0
author:    husain hakim
email:     husainhk@gmail.com
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
->	Selectors
-----------------------------------------------------------------------------*/
	*
		{
			margin: 0;
			padding: 0;
			border: none;
		}


	body
		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #666666;
			text-align: center;
		}
/*-----------------------------------------------------------------------------
->	Classes
-----------------------------------------------------------------------------*/

	.floatLeft
		{
			float: left;
		}


	.floatRight
		{
			float: right;
		}


	.clearBoth
		{
			clear: both;
		}


/*-----------------------------------------------------------------------------
->	Layout
-----------------------------------------------------------------------------*/

	#wrapper
		{
			margin: 0 auto;
			width: 770px;
			text-align: justify;
			background-color: #ffffff;
		}


	#mastHead
		{
			height: 135px;
		}
	#mastHead h1
		{
			font-size: 12px;
			font-weight: normal;
			padding: 5px 0 5px 20px;
			border-top: #df2823 2px solid;
			border-bottom: #df2823 1px solid;
		}
	#mastHead h1 strong
		{
			font-size: 14px;
		}

/*-----------------------------------------------------------------------------
->	Main Navigation
-----------------------------------------------------------------------------*/

	#articles
		{
			list-style: none;
			width: 258px;
			margin-left: 20px;
			border-left: #df2823 1px solid;
			border-right: #df2823 1px solid;
			border-bottom: #df2823 1px solid;
			background-color: #f3f3f3;
		}
	#articles li
		{
			padding-bottom: 10px;
			padding-top: 10px;
			border-bottom: #cdcdcd 1px solid;
			width: 258px;
			text-align: left;
			font-weight: bold;
			color: #606060;
		}
	#articles li img
		{
			float: left;
			margin-left: 20px;
			border: #606060 1px solid;
		}
	#articles li p
		{
			width: 155px;
			margin-left: 90px;
			cursor: pointer;
		}
	#articles li a
		{
			display: block;
			text-decoration: none;
			color: #606060;
		}
	#articles li a:hover
		{
			display: block;
			text-decoration: underline;
			color: #df2823;
		}

/*-----------------------------------------------------------------------------
->	Headings
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
->	Main Content
-----------------------------------------------------------------------------*/

	#mainContent
		{
			padding: 20px 20px 0 20px;
		}


	#introText
		{
			float: left;
			width: 770px;
			
			background-color: #f3f3f3;
			
		}
	#introText h2
		{
			height: 35px;
			padding-left: 10px;
			background-color: #606060;
			font-size: 12px;
			line-height: 35px;
			color: #ffffff;
		}
	#introText p
		{
			padding: 20px 20px 0 20px;
			line-height: 15px;
		}
	#introText img
		{
			margin: 20px 20px 0 20px;
			border: #606060 1px solid;
		}

/*-----------------------------------------------------------------------------
->	Sidebar
-----------------------------------------------------------------------------*/

	#sidebar
		{
			float: right;
			width: 280px;
			border-left: #df2823 1px solid;
			margin-bottom: 20px;
			
		}
	#sidebar h2
		{
			width: 250px;
			height: 35px;
			margin-left: 20px;
			padding-left: 10px;
			background-color: #df2823;
			font-size: 12px;
			line-height: 35px;
			color: #ffffff;
		}

/*-----------------------------------------------------------------------------
->	Footer
-----------------------------------------------------------------------------*/

	#footer
		{
			border-top: #df2823 2px solid;
			padding-bottom: 60px;
			margin: 0 auto;
			width: 730px;
		}
	#footer #siteLinks
		{
			float: left;
			list-style: none;
			margin-top: 10px;
		}
	#footer #siteLinks li
		{
			float: left;
			margin-right: 30px;
		}
	#footer #siteLinks li a
		{
			color: #606060;
			text-decoration: none;
		}
	#footer #siteLinks li a:hover
		{
			color: #df2823;
			text-decoration: underline;
		}
		
	#footer #contactLinks
		{
			float: right;
			margin-top: 10px;
			list-style: none;
		}
	#footer #contactLinks li a
		{
			color: #606060;
			text-decoration: none;
		}
	#footer #contactLinks li a:hover
		{
			color: #df2823;
			text-decoration: underline;
		}