/* Primary page containers */

#wrapper {
	background-color:#FFF;
	width:964px;
	margin:0 auto;
	text-align:left;
	padding:14px;
	overflow:hidden;
}
#top {
	height:154px;
	border-top:5px solid #005f6f;
	overflow:hidden;
}
#nav {
	background-color:#000;
	overflow:hidden;
	height:31px;
	overflow:hidden;
	margin-bottom:3px;
}
#content {
	padding:0 0 10px 0;
}
#left {
	float:left;
	width:213px;
}
#right {
	width:743px;
	float:right;
	overflow:hidden;
}
#home-slides {
	float:left;
	width:743px;
	height:165px;
	background-color:#FFF;
	border-bottom:3px solid #FFF;
}
#footer {
	padding:20px 0 0 0;
	border-top:#CCC solid 1px;
	float:left;
	width:100%;
}

#twit {
	float:right;
	width:545px;
	height:63px;
	background:url(../images/twit.jpg) no-repeat bottom right;
	margin: 0 14px 0 10px;
	display:inline;
	position:relative;
        border:1px solid #CCC;
}

#right-one {
	width:532px;
	float:left;
	padding:15px 20px;
	overflow:hidden;
}
#right-two {
	float:right;
	width:165px;
}


/* Banner styles */

.top-left {
	float:left;
	margin:19px 0 0 0;
	display:inline;
}
#top-right {
	float:right;
	width:350px;
	padding:10px 10px 0 0;
}

#search-form {
	width:340px;
	float:right;
	text-align:right;
	padding-top:20px;
}
.search-box {
	border:1px solid #999;
	padding:3px;
	margin:0 0 0 67px;
	float:left;
	color:#666;
	width:210px;
}
.search-btn {
	background-color:#005f6f;
	border:none;
	padding:0;
	margin:0 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-transform:uppercase;
	float:left;
	height:24px;
	cursor:pointer;
	width:50px;
}

/* Nav styles */

#nav ul, #nav li, #footer ul, #footer li, #top-right ul, #top-right li {
	margin:0;
	padding:0;
	list-style:none;
}
#nav li {
	float:left;
}
#nav li a {
	float:left;
	color:#FFF;
	text-decoration:none;
	height:31px;
	display:block;
	font-size:15px;
	text-transform:uppercase;
	padding:7px 10px;
	border-right:1px solid #FFF;
	font-weight:bold;
}
#nav li a:hover {
	background-color:#005f6f;
}

#nav li#active {
	background-color:#005f6f;
}

#footer li {
	display:inline;
	margin: 0 10px;
}
#footer li a, #footer p a {
	color:#999;
	text-decoration:none;
	font-size:12px;
}
#footer li a:hover, #footer p a:hover {
	text-decoration:underline;
}
#footer p {
	float:right;
	padding-right:10px;
	margin:0;
}

#top-right ul {
	float:right;
}

#top-right li {
	display:inline;
	margin-left:15px;
}
#top-right li a {
	color:#666;
	text-decoration:none;
	font-size:12px;
}
#top-right li a:hover {
	color:#000;
	text-decoration:underline;
}
.bp-logo {
	float:right;
	margin:20px 0 0 0;
	display:inline;
	width:180px;
	height:59px;
	background:url(../images/insight-logo.gif) no-repeat top left;
}
.bp-logo span {
	display:none;
}
/*.bp-logo:hover {
	background-position:0 -49px;
}*/


/* side modules */
/* left col*/

#left .sidebox {
	margin-bottom:20px;
	width:213px;
	float:left;
}
#left .sidebox h2, #right .sidebox h2 {
	font-size:14px;
	background-color:#005f6f;
	color:#FFF;
	margin:0;
	border-bottom:2px solid #FFF;
	padding:5px 9px;
	font-weight:bold;
}
#left .sidebox h2 a, #right .sidebox h2 a {
	color:#FFF;
	text-decoration:none;
}
#left .sidebox h2 a:hover, #right .sidebox h2 a:hover {
	color:#FFF;
	text-decoration:underline;
}

#left .sidebox h2.cat-header {
	background-color:#005f6f;
}

#cat-list, #cat-list li {
	margin:0;
	padding:0;
	list-style:none;
}
#cat-list li {
	border-bottom:1px solid #DEDEDE;
	width:193px;
	padding:5px 10px;
}


#cat-list li a {
	padding:5px 0;
	color:#333;
	text-decoration:none;
	font-size:12px;
}
#cat-list li a:hover {
	color:#000;
	text-decoration:underline;
}

#cat-list li#active a {
	font-weight:bold;
}
#cat-list li div {
	float:right;
}
#cat-list li div a {
	float:left;
	width:14px;
	height:14px;
	padding:0;
	border:none;
}
.vid {
	padding:10px 0 10px 9px;
	margin:0 0 0 0;
	font-size:13px;
        text-align:center;
        border-bottom:1px solid #CCC;
        position:relative;
}
.vid img {
	margin: 0 0 0 0;
        
}
.vid p {
    clear:both;
    padding-top:5px;
    margin-bottom:0;
}
.vid a {
	color:#333;
	text-decoration:none;
}
.vid div {
    width:113px;
    height:75px;
    overflow:hidden;
    border:5px solid #000;
    border-bottom:20px solid #000;
    margin:0 auto;
}
.play-btn-home {
    position:absolute;
    left:55px;
    top:95px;
    border:none;
}

#right .sidebox {
	border-bottom:1px solid #CCC;
	margin-bottom:20px;
	width:165px;
	float:left;
}
#right .sidebox img {
	margin-bottom:10px;
	float:left;
}
#right .sidebox p {
	margin-bottom:10px;
}

#right .imgbox {
	border-bottom:none;
}

#twit div.tweet {
	float:right;
	width:520px;
	padding: 7px 20px 0 0;
}
#twit div.tweet p {
	font-style:italic;
        font-size:13px;
}
#twit .follow {
	position:absolute;
	right:50px;
	bottom:3px;
}

/* Main content area styles */


.article-summary {
	width:530px;
	overflow:hidden;
	border-bottom:1px solid #CCC;
	margin-bottom:20px;
	padding-bottom:10px;
	position:relative;
}
.article-summary h3 {
	margin-bottom:4px;
	font-weight:bold;
}
.article-summary h3 a:link , .article-summary h3 a:visited, .article-summary h3 a:hover, .article-summary h3 a:active {
	color:#333;
}
.rss-icon {
	position:absolute;
	top:0;
	right:0;
}
.main {
	overflow:hidden;
	clear:both;
}
.main-img {
	float:left;
	border:1px solid #CCC;
	padding:1px;
	width:113px;
	margin: 0 0 10px 0;
	display:inline;
	overflow:hidden;
}
.main-summary {
	float:right;
	width:400px;
}
.other-news {
	float:right;
	width:400px;
	margin-left:20px;
	display:inline;
}
.other-news ul, .othernews li {
	margin:0;
	padding:0;
	list-style:url(../images/listitem.gif);
}

.other-news li {
	margin-bottom:5px;
	margin-left:15px;
}
#contact_form {
padding: 15px 10px 15px 10px;
width: 95%;
font-size:12px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
margin-bottom:15px;
}
#contact_form .box {

	padding:3px;
	font-size:11px;
	width:45%;
	border:1px solid #CCC;
}
#contact_form p {
	font-size:12px;
}
.fieldset {

border: solid #CCC 1px;
padding: 10px;
}
.email-box {
	display:none;
}
legend span {
display: block;
font-weight: bold;
color: #666;
font-size: 11px;
padding-bottom: 10px;
}
#contact_form p {
	padding:0 10px 0 10px;
}
#contact_form select.long {
	width:75%;
}

label {
display: block;
}
label span {
width: 11em;
margin-left: 10px;
float: left;
}
label input, label textarea {
width: 120px;
font-family: inherit;
}
#submit {
font-family: inherit;
}

h4.form-path {
	font-weight:normal;
	color:#666;
}
h4.form-path span {
	font-weight:bold;
	color:#000;
}

/* Events Calendar */

	.calendar {
		width:99%;
	}
	.calendar td, .calendar th {
		border:1px solid #CCC;
		width:33%;
		margin:0 5px 5px 0;
		vertical-align:top;
		text-align:center;
	}
	.calendar td {
		font-size:12px;
	}
	.calendar th {
		background-color:#f6f6f6;
		padding:1px;
		font-size:15px;
	}
	.calendar h2 a {
		background-color:#f6f6f6;
		text-decoration:underline;
	}
	.calendar h2 {
		margin:0;
		padding:2px 0;
		background-color:#f6f6f6;
		font-size:12px;
		border-bottom:1px solid #CCC;
	}
	.calendar ul, .calendar li {
		margin:0;
		padding:0;
		text-align:left;
		list-style:none;
	}
	.calendar ul {
		margin: 10px;
	}
	.calendar li {
		border-bottom:1px solid #CCC;
		padding:3px 0;
	}
	.min {
		float:left;
		height:140px;
		width:0px;
		overflow:hidden;
	}
	#event_table {
		width:48%;
		font-size:12px;
		margin-bottom:15px;
	}
	#event_table td {
		padding:5px;
		
	}
	td.field {
		width:20%;
		background-color:#f6f6f6;
		font-weight:bold;
	}
	
	.check-div {
		float:left;
		width:40%;
		margin:0 20px 0 0;
		display:inline;
	}
	.check-group {
		float:left;
		padding-left:20px;
	}
	.small {
		width:30px;
	}

/* ------ News Section ------ */

	.news_img {
		float:right;
		margin:0 0 10px 20px;
		display:inline;
		border:1px solid #CCC;
		padding:1px;
	}
	#sub_news {
		width:576px;

		overflow:hidden;
		margin-bottom:10px;
		clear:both;
	}
	#sub_news div {
		width:259px;
		float:left;
		margin:0 7px 0 0;
		display:inline;
		padding:0 15px 0 0;
	}
	p.add-this {
		padding:0 0 0 0;
		text-align:right;
	}
	
	#article-base div {
		padding-bottom:10px;
		float:left;
		width:230px;
		margin-right:10px;
		display:inline;

	}
	#article-base p {
		margin:0;
		font-size:11px;
	}
	.comment {
		border:1px dotted #CCC;
		padding:15px 15px 0 15px;
		margin-bottom:15px;
		position:relative;
	}
	.post-no {
		float:right;
		display:inline;
		color:#666;
		font-size:12px;
	}
	#submit-comment {
		width:400px;
	}
	#submit-comment .box {
		width:100%;
	}
	
	p.error-msg {
		font-weight:bold;
		color:red;
	}
	p.success-msg {
		font-weight:bold;
		color:green;
	}
	.project-container {
		border-bottom:1px solid #CCC;
		margin-bottom:15px;
	}
	
	#event-details {
		float:right;
		width:230px;
		padding:10px;
		border:1px solid #CCC;
		margin:0 0 10px 10px;
		display:inline;
	}
	#event-details table {
		width:230px;
	}
	#event-details th, #event-details td {
		padding:5px;
	}
	#event-details th {
		width:75px;
		vertical-align:top;
	}
	.enhanced-advert {
		width:500px;
		border:1px solid #000;
		height:100px;
		clear:both;
		padding:10px;
	}
	#downloads, #downloads li {
		margin:0;
		padding:0;
	}
	#downloads {
		margin-left:15px;
	}

/* Opinions section */

	.opinion-top {
		border:1px solid #666;
		float:left;
		width:250px;
		display:inline;
		margin-right:20px;
		height:300px;
		margin-bottom:20px;
		overflow:hidden;
	}
	.opinion-top-top {
		padding:10px;
		background-color:#666;
		color:#FFF;
		font-size:13px;
		overflow:hidden;
		height:78px;
	}
	.opinion-top-top img {
		float:right;
		margin:0 0 0 10px;
		display:inline;
		border:1px solid #FFF;
	}
	.opinion-top-bottom {
		padding:10px;
	}
	.clear-div {
		clear:both;
	}
	.op-comment {
		font-size:10px;
		color:#999;
	}
	
	/*remove the list style and make it just a normal list of items*/  

  
/*this lines each of the li's up next to one another and spaces them out niecly*/  
 
 
#tagcloud {
	text-align:center;
}
#tagcloud a  
{  
    display:inline;
	font-size:11px;
	margin:0 10px 0 0;
	line-height:1.5em;
}  
  
/*the following are how each of the classes generated by the PHP are presented to the user  
through CSS, just increasing the text a little each time*/  
#tagcloud .cloud-10  
{  
    font-size:130%;  
}  

#tagcloud .cloud-20 
{  
    font-size:140%;  
}  
  
#tagcloud .cloud-30  
{  
    font-size:150%;  
}  
  
#tagcloud .cloud-40  
{  
    font-size:160%;  
}
#tagcloud .cloud-50  
{  
    font-size:170%;  
}
#tagcloud .cloud-60  
{  
    font-size:180%;  
}
#tagcloud .cloud-70  
{  
    font-size:190%;  
}
#tagcloud .cloud-80  
{  
    font-size:2000%;  
}
  
#tagcloud .cloud-90 
{  
    font-size:210%;  
}  
  
#tagcloud .cloud-100 
{  
    font-size:220%; 
}

/* Search styles */

.isearch-title {
	font-size:12px;
	font-weight:bold;
}
.isearch-description {
	font-size:12px;
}
.isearch-url {
	margin-bottom:10px;
	display:block;
}
.isearch-head {
	font-weight:bold;
	text-align:center;
}

.enhanced-lists {
	border:1px solid #CCC;
	padding:7px;
	margin-bottom:15px;
}

.opinion-list {
	float:left;
	overflow:hidden;
	width:99%;
	margin-bottom:10px;
	margin-top:10px;
	display:inline;
}
.opinion-list img {
	float:right;
	margin:0 0 10px 10px;
	display:inline;
	border:1px solid #CCC;
	padding:1px;
}
.info {
	color:#666;
	font-size:10px;
}
#previous-issues {
	clear:both;
}
.mag {
	float:left;
	text-align:center;
	width:113px;
	margin:0 20px 10px 0;
	display:inline;
}
.mag img {
	width:113px;
	height:147px;
	margin-bottom:5px;
	border:1px solid #CCC;
	padding:1px;
}
.mag a {
	display:block;
	color:#666;
	font-size:13px;
}
.mag a:hover {
	text-decoration:none;
	color:#000;
}

.main-vid-container {
    border-bottom:1px solid #CCC;
    padding-bottom:10px;
    overflow:hidden;
    margin-bottom:15px;
    height:195px;
}
.main-vid {
    width:241px;
    height:192px;
    float:left;
    margin:0 10px 10px 0;
    display:inline;
    padding-left:15px;
    position:relative;
    overflow:hidden;
}
.main-vid img {
    border:8px solid #000;
    border-bottom:26px solid #000;
}
.vid-details-main {
    float:left;
    margin:0 0 15px 10px;
    display:inline;
}

.related-vid {
    float:left;
    width:150px;
    padding:10px;
    font-size:12px;
    text-align:center;
    margin:0 10px 10px 0;
    display:inline;
    position:relative;
}
.related-vid img {
    margin:0 0 10px 0;
    display:inline;

}
.related-vid span {
    font-weight:bold;
    display:block;
}
.related-vid a {
    text-decoration:none;
    color:#333;
}
.related-vid a:hover {
    text-decoration:none;
    color:#000;
}
.clear-vid {
    clear:both;
    height:0;
    overflow:hidden;
}
.related-vid div {
    width:113px;
    height:75px;
    margin:0 auto;
    overflow:hidden;
    border:5px solid #000;
    border-bottom:20px solid #000;
    position:relative;
    background-color:#000;
}
.play-btn {
    position:absolute;
    top:95px;
    left:28px;
    z-index:999;
}
.play-btn1 {
    position:absolute;
    bottom:5px;
    left:23px;
    border:none
}
.isearch-suggest-title, .isearch-suggest {
    font-size:12px;
    display:block;
    margin-bottom:15px;
}
.isearch-suggest-title {
    margin-bottom:5px;
}
.isearch-suggest {
    font-weight:bold;
}