* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

a {
	color: #5A8809;
	text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}

p {
	line-height: 1.4em;
	margin: 0 0 12px;
	color: #000;
}

.clear{
	clear:both;
}

/* Main site layout
==============================================================================*/
body {
	font-family: Verdana, Sans-serif;
	font-size: 0.7em;
	text-align: center; /* for IE */
	background: #E3F1C8 url("../images/bg.gif") repeat-x bottom;
}

#container {
	margin: 0px auto;
	width: 715px;
	text-align: left; /* for IE */
	margin-bottom: 10px;
	min-height: 470px;
	background:  #F6FDE7 url("../images/bg_top.gif") top no-repeat;
}

.container_top {
	padding: 42px 0 0 15px;
	}
	* html .container_top {
		height: 470px;	
	}

#left {
	width: 225px;
	float: left;
}

#right {
	float: left;
	width: 396px;
	}
	#right h1 {
		color:#666666; 
		margin: 15px 0 0 0;
		clear: both;
		font-size:24px;
		font-weight:300;
		font-family: Tahoma, Verdana, sans-serif;
	}

#advertising {
	width: 715px;
	padding: 10px 0 0 0;
	position: relative;
	text-align: center; /* for IE */
}
	#advertising hr {
	color:#000066;
	background-color: #000066;
	height: 1px;
	width: 605px;
	margin-left:55px;
	margin-right:55px;
	margin-bottom:10px;
}
	

#footer {
	background:url(../images/bg_bottom.gif) left bottom no-repeat;
	height: 209px;
	position: relative;
	}
	#footer p {
		text-align: center;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 1em;
		position: absolute;
		bottom: 15px;
		color: #fefefe;		
		width: 100%;
	}
	#footer a {
		color: #fefefe;
	}
	
#bg_background {
	background-color:#568508;
	width: 100%;
	margin:0;
	padding:0;
	height:100%;
	bottom:5px;
}

/* Site Headings
==============================================================================*/
a.logo {
	text-indent: -9999px;
	background: url("../images/voi_logo.gif") no-repeat;
	width: 169px;
	height: 108px;
	margin-bottom: 8px;
	display: block;
}

/* Site Content section
==============================================================================*/
.whiteWindow {
	border: 3px solid #D2D2D2;
	height:auto;
}

#content {
	padding: 6px;
	height:auto;
	}
	* html #content {
		height: 340px;
	}
	#content ul {
		margin: 0 0 12px 0px;
	}
	#content li {
		line-height: 1.4em;
		list-style: none;
		/*background: url("../images/bullet.gif") 0 7px no-repeat;
		padding-left: 11px;*/
	}
	#content label {
		width: 120px;
		float: left;
		line-height: 24px;
	}
	#content input.text, #content textarea.textarea, #content select.select {
		width: 240px;
		
		border-top: 1px solid #7c7c7c;
		border-left: 1px solid #c3c3c3;
		border-right: 1px solid #c3c3c3;
		border-bottom: 1px solid #ddd;
		background: #fff url('../images/fieldbg.gif') repeat-x top;
		color: #333;
		font-size: 1.2em;
		font-family: Tahoma;
		padding: 2px 0;
	}
	#content .submit, #content .submit {
		margin-left: 120px;
		display: block;
	}

/* Left Menu
==============================================================================*/
#nav {
	list-style: none;
	font-size: 1.0em;
	height: 320px;
	}
	#nav a {
		line-height: 22px;
		color: #333333;
		text-transform: uppercase;
		text-decoration: none;
		}
		
/* Product Menu
==============================================================================*/

#prodmenu li{
	
	list-style: none;
	}
	#prodmenu a{
		line-height: 22px;
		font-size: 12px;
		font-weight: bold;
		color: #5A8809;
		text-transform: uppercase;
		text-decoration: none;
		text-align: left;
	}

/* Big Square Floaty Menu
==============================================================================*/
#navSquare {
	list-style: none;
	position: relative;
	height: 90px;
	margin-top: 15px;
	margin-bottom: 12px;
	}
	#navSquare li {
		position: absolute;
	}
	#navSquare a {
		display: block;
		width: 90px;
		height: 90px;
		background-repeat: no-repeat;
		text-indent: -9999px;
		background:url(../images/nav.gif);
		text-decoration: none;
	}

#navSquare .free-quran a {}

#navSquare .program-schedules {
	left: 102px;
	}
	#navSquare .program-schedules a {
		background-position: 0 -180px;
	}
	
#navSquare .donation {
	left: 204px;
	
	}
	#navSquare .donation a {
		background-position: 0 -90px;
	}
	
#navSquare .video {
	right: 0;
	}
	#navSquare .video a {
		background-position: 0 -270px;
	}

#navSquare .about {
	top: 102px;
	left: -102px;
	}
	#navSquare .about a {
		background-position: 0 -360px;
	}

#navSquare .contact {
	top: 204px;
	left: -102px;
	}
	#navSquare .contact a {
		background-position: 0 -450px;
	}
	
#navSquare .products {
	top: 306px;
	left: -102px;
	}
	#navSquare .products a {
		background-position: 0 -540px;
	}


/* VOI Frontpage
==============================================================================*/
#imageFader {
	margin-bottom: 12px;
	height: 186px;	
}

#myGallery {
	width: 390px;
	height: 186px;
	border: none;
	font-family: Tahoma, Verdana, Segoe,sans-serif;
	}
	#myGallery h2 {
		font-size: 1.0em;
	}
	#myGallery p {
		font-size: 0.8em;
	}


/* Video page
==============================================================================*/
#mini-video-table tr { }
	#mini-video-table a {
		text-decoration: underline;
		color: blue;	
	}
	#mini-video-table img {
		border: 1px solid #AAA;
	}

.mini-video-desc {
	margin-top: 8px;
	font-size: 0.8em;
	}
	.mini-video-desc span {
		color: #856685;
	}
	
.mini-video-entry {
	margin-bottom: 10px;
	width: 115px;
}
.back-link {
	text-align: right;
	margin-top: 15px;
	font-size: 0.9em;
}
	
	
/* About Us page
==============================================================================*/
.voimember {
	border-bottom: 1px solid #D2D2D2;
	padding: 8px 0;
	}
	.first {
		padding-top: 0;
	}
	.last {
		border-bottom: none;
		padding-bottom: 0;
	}

.voimember table .info {
	width: 300px;
	vertical-align: top;
}
.voimember table .image {
	text-align: right;
	width: 108px;
	vertical-align: top;
}

/* Links page
==============================================================================*/
.linkblock {
	clear:left;
	/*margin-bottom: 20px;
	height: 75px;*/
	padding: 6px;
	}
	.linkblock div.thumb {
		float: left;
		border: 1px solid #DDD;
	}
	.linkblock div.details {
		padding-bottom: 0.5em;
		padding-left: 9em;
		}
		.linkblock div.details a {
			font-size: 1.4em;
			letter-spacing: -0.8pt;
		}
		.linkblock div.details p {
			color: #7d7d7d;	
		}
	
	.linkblock div.nothumb {
		padding-left: 0;
	}
	
.focused {
	background: url("../images/bg_link.gif") repeat-x;
}

/* Screening Times
==============================================================================*/
table#screentimes {
	border: 1px solid #BBBBBB;
	}
	table#screentimes tr {
		height: 30px;
	}
	table#screentimes thead td {
		background-color: #F5F5F5;
		font-weight: bold;
		padding-right: 1em;
		text-align: center;
		height: 40px;
	}
	table#screentimes td {
		border-right: 1px solid #DEDEDE;
		padding: 0.3em 0.5em;
		width: 33%;
	}
	table#screentimes tbody td {
		border-top: 1px solid #CCCCCC;
	}