/*Meso Design*/

/*General CSS*/

#page{
margin: 0px auto; 
padding: 0px 0px 0px 0px;
width: 960px;
}

html>body #content {
	height: auto;
	min-height: 580px;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 100%;
	background-color: #000000;
	background-image: url(/);
	background-repeat: repeat;
	background-position: left;

	text-align: centre;
	color: #FFFFFF;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}

a, a:link {
	padding: 1px;
	color: #3399FF;
	text-decoration: none;
}

a:hover {
	color: #999999;
	text-decoration: underline;	
}
#menutxtleft a {
	padding: 0px;
	color: #FFFFFF;
	text-decoration: none;
}

#menutxtleft a:hover {
	padding: 0px;
	color: #3399FF;
	text-decoration: underline;
}
#menutxtright a {
	padding: 0px;
	color: #FFFFFF;
	text-decoration: none;
}

#menutxtright a:hover {
	padding: 0px;
	color: #3399FF;
	text-decoration: underline;
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 150%;
	padding-top: 0px;
	padding-bottom: 3px;
	color:#3399FF;
}
#copy h1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 150%;
	padding-top: 0px;
	padding-bottom: 15px;
	color:#3399FF;
	letter-spacing:-1px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 150%;
	color:#666666;
	padding-top: 0px;
	padding-bottom: 3px;
}
#Bheading h2{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 150%;
	color:#666666;
	padding: 0px 0px 3px 0px;
	margin: 0px;
	}
	
h3 {
	font-family: verdana;
	font-size: 130%;
	color:#999999;
	line-height: 100%;
}


h4 {
	font-size: 105%;
}

p {
	font-size: 80%;
	margin-bottom:15px;
	line-height: 10px;
}

#lnews p {
	font-size: 80%;
	margin-bottom:0px;
	line-height:110%;
}
#copy p {
	font-size: 110%;
	margin-bottom:10px;
	line-height:110%;
}


/*Template specific*/

#headervis{

background:url(images/tbvis.png);
padding-top: 0px;
width:960px;
height:75px;
padding-bottom: 0px;
align:middle;
	
}
#headervis img{
	
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
}

#freshcore {
	text-align: left;
	padding-top: 44px;
	padding-bottom: 0px;
	padding-left : 210px;
	float: left;
	color: #FFFFFF;
}


#phone {
	font family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-top: 25px;
	padding-bottom: 0px;
	padding-right : 10px;
	float: right;
	color:#999999;
}
#social-networking-icons {
	float: right;
	padding: 30px 15px 2px 5px;
	margin:0px;
	z-index: 10;


}


#social-networking-icons img {

filter:alpha(opacity=35);
-moz-opacity:0.35;
-khtml-opacity: 0.35;
opacity: 0.35;
}

#social-networking-icons img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
#social-networking-icons a{margin:0px;
padding:0px;}


#imgcont{ 
width:960px;
height: 385px;
float:left;
text-align:left;
padding:0px 0px 0px 0px;
background-color:#FFFFFF;

}
#overtext {
	position: absolute;
	padding-left: 15px;
	padding-top: 30px;
	z-index:20;
	color:#B4B4B4;
	font-family: Impact;
	font-size:43px;
	text-align:left;
	line-height:120%;
	letter-spacing:4px;
	opacity: 0.7;
}
#s3slider { 
   width: 960px; /* important to be same as image width */ 
   height: 385px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
padding: 0px 0px 0px 0px;
z-index: 12;
}

#s3sliderContent {
   width: 960px; /* important to be same as image width or wider */
   
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0;
   margin-right:0; /* important */
}

.s3sliderImage {
   float: right; /* important */
   position: relative; /* important */
   display: none;
   margin-left: 0;
   margin-right:0; /* important */
}

.s3sliderImage span {
	position:absolute; /* important */
	right: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 4px 10px;
	margin-left: 0;
   margin-right:0;
	width: 960px;
	height:10px;
	background-color: #000000;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	color: #999999;
	display: none; /* important */
	top: 0;   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
clear: both;
}




#newmen{
	position:absolute;
	margin-top: 355px;
	width: 960px;
	height:30px;
	background-color: #000000;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	color: #999999;
	float:left;
}

#homedesicon{
padding-left:15px;
padding-top:5px;
padding-right:10px;
float:left;}
#menutxtleft {
padding-left: 5px;
padding-top:10px;
font-size:12px;
color:#FFFFFF;
float : left;

}
#menutxtright {
padding-right: 10px;
padding-top:10px;
font-size:12px;
color:#FFFFFF;
float : right;

}


#bottom {
	height: auto;
	background-color: #000000;
	width:960px;
	float:left;
	padding: 0px;
	margin: 0px;
	
}

#bottomleft{
float:left;
width:350px;
margin:0px;
padding:0px;
display:inline;}

#Bheading {
	float: left;
	width: 300px;
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-align: left;
	margin:30px 0px 0px 50px;
	padding:0px;
	display:inline;
	


}
#lnews{
	width: 275px;
	height:auto;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 100%;
	float: left;
	margin: 20px 0px 0px 50px;
	padding:0px;
	display:inline;
	
}
#bottomright{
	float:right;
	width:608px;
	margin: 30px 0px 0px 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	height: auto;
	padding: 0px;
	display:inline;
}

#copy{
	width:500px;
	height:auto;
	padding: 0px 0px 0px 20px;
	text-align:left;
	margin:0px;
	
}

#bottom2{
width:960px;
height:25px;
float:left;
margin:0px;
padding:0px;}





#viscont{
	width:965px;
	height:725px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #070707;
	float:left;
	text-align:left;
}

#viscont a {
margin: 0px; 
padding: 0px;
	text-align:left;
}



#viscont img{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity:1;
}
#viscont img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;

}
#visover {
	width:960px;
	height: 15px;
	position: absolute;
	padding:0px;
	margin:0px;
	display:block;
	background-color:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index:5000;
}


#a1, #a2, #a3 {
width:315px;
height:315px;
position: absolute;
padding:0px;
display:block;
background-color:#3399FF;}


#b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8 {
width:155px;
height:155px;
position: absolute;
padding:0px;
display:block;
background-color:#999999;}

#c1, #c2, #c3, #c4, #c5, #c5, #c6, #c7, #c8, #c9, #c10, #c11, #c12, #c13, #c14, #c15, #c16, #c17, #c18, #c19, #c20, #c21, #c22, #c23, #c24, #c25, #c26, #c27, #c28  {
width:75px;
height:75px;
position: absolute;
padding:0px;
display:block;
background-color:#333333;}

#c25{
		
	margin:5px 5px 5px 5px;
	color:#660099;
	
}
#c26{
		
	margin:5px 5px 5px 85px;
	background-color:#999999;
	
}
#c27{
		
	margin:5px 5px 5px 165px;
	
}
#c3{
	margin:5px 5px 5px 245px;
}

#a2{
margin:5px 5px 5px 325px;}

#c16{
margin:5px 5px 5px 645px;}


#b8{
	margin:5px 5px 5px 805px;
}

#c1{ 
margin:85px 5px 5px 5px;}

#c2{
	margin:165px 5px 5px 5px;
}
#b1{
	margin:85px 5px 5px 85px;
}

#c4{
	margin:85px 5px 5px 245px;
	background-color: #999999;
}

#c5{
margin:165px 5px 5px 245px;}

#a1{
	margin:245px 5px 5px 5px;
}
#b2{
	margin:565px 5px 5px 5px;
}
#c6{
	margin:565px 5px 5px 165px;
}

#c7{
	margin:645px 5px 5px 165px;
}
#c8{
	margin:565px 5px 5px 245px;
}
#c9{
	margin:645px 5px 5px 245px;
	background-color: #333333;
}

#b3{
	margin:325px 5px 5px 325px;
}

#b4{
	margin:565px 5px 5px 325px;
}
#b6{
	margin:245px 5px 5px 725px;
}
#c10{
	margin:485px 5px 5px 325px;
}
#c11{
	margin:485px 5px 5px 405px;
}

#a3{
	margin:405px 5px 5px 485px;
}
#b5{
	margin:85px 5px 5px 645px;
}

#c12{
	margin:325px 5px 5px 485px;
}
#c13{
	margin:325px 5px 5px 565px;
	background-color: #666666;
}
#c14{
	margin:325px 5px 5px 645px;
}

#c15{
	margin:245px 5px 5px 645px;
}
#c17{
	margin:5px 5px 5px 725px;
}
#c18{
	margin:165px 5px 5px 805px;
}
#c19{
	margin:405px 5px 5px 805px;
	background-color: #999999;
}
#c20{
	margin:645px 5px 5px 805px;
}
#c21{
	margin:245px 5px 5px 885px;
}
#c22{
	margin:325px 5px 5px 885px;
}
#c23{
	margin:405px 5px 5px 885px;
}
#c24{
	margin:645px 5px 5px 885px;
	
}

#c28{
	margin:165px 5px 5px 885px;
	background-color:#999999;
	
	
}
#b7{
	margin:485px 5px 5px 805px;
}

#a1 img, #a2 img, #a3 img{
width:315px;
height:315px;
position: absolute;
padding:0px;
display:block;
margin: 0px;}

#b1 img, #b2 img, #b3 img, #b4 img, #b5 img, #b6 img, #b7 img, #b8 img {
width:155px;
height:155px;
position: absolute;
padding:0px;
display:block;
margin: 0px;}

#c1 img, #c2 img, #c3 img, #c4 img, #c5 img, #c5 img, #c6 img, #c7 img, #c8 img, #c9 img, #c10 img, #c11 img, #c12 img, #c13 img, #c14 img, #c15 img, #c16 img, #c17 img, #c18 img, #c19 img, #c20 img, #c21 img, #c22 img, #c23 img, #c24 img, #c25 img, #c26 img, #c27 img, #c28 img {
width:75px;
height:75px;
position: absolute;
padding:0px;
display:block;
margin: 0px;}

#newmenvis{
	position:absolute;
	margin-top:690px;
	width: 960px;
	height:30px;
	background-color: #000000;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	color: #999999;
	float:left;
}







.item {
	padding: 10px;
	background-color: #000000;
	background-image: url(images/bg_overlay.png); 
	background-repeat: repeat;
	text-align:left;
	border: 0px #E8E813;
	margin-bottom: 1em;
	
	
}

.item ul {
	list-style-type: disc;
	padding-left: 15px;
	margin-left: 10px;
	font-size: 80%;
}


.item ol{
	list-style-type: decimal;
	padding-left: 15px;
	margin-left: 10px;
	font-size: 80%;
}

.itemhead{
	padding-top: 5px;
	padding-bottom: 5px;
}


.chronodata {
	display: inline;
	text-align: right;
	margin-left: 2em;
	font-size: 80%;
}


.itemhead h3{
	display: inline;
}


input{
	font-size: 150%;
}

.metadata{
	line-height: 190%;
	font-size: 75%;
}

.metadata a:link, .metadata a:hover, .metadata a:visited{
	color: #999999;
}

.tags, .catagory {

	display: block;

}

.commentlist p {
	clear: both;
	font-size: 95%;
}


cite{
	font-size: 95%;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.commentmetadata {
	font-size: 80%;
	float: right;

}
.commentlist {
	margin-top: 5px;
}
.commentlist li {
	padding: 2px;
	border-top: 1px solid #E8E813;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
}

.navigation a:link, .navigation a:hover, .navigation a:visited{
	color: #FFFFFF;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}


#secondary, #third{
	background-color:  ;
	background-image: url(/); 
	background-repeat: repeat;
	text-align:left;
	padding: 0px;
	border: 0px #E8E813;
	SP_GRADIENT
}

#secondary h4, #third h4{
	color: #3399FF;
	font-family: Trebuchet MS, arial, sans-serif;
	margin-top: 5px;
	padding: 3px;

}

#secondary p, #third p{
		padding: 3px;
		font-size: 70%;
}

#searchform {
	clear: both;
	margin-bottom: 5px;
	margin-left: 2px;
	padding: 3px;
}

#third {
	margin-left: 9px;
}

#menu {padding:0; border:0px solid #fff }
#menu ul {list-style:none; margin:0; padding:0; font-size:85%; }
#menu ul li { padding:0; margin:0; border-bottom:1px dotted #FFFFFF; }
#menu ul li a { display:block; padding:4px 4px 4px 10px; text-decoration:none; color: #FFFFFF; }
#menu ul li a:hover { color:myheadttcolor; background: #0099DD; }


li .categories, li .linkcat, li .pagenav {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.yui-nav{
	margin-bottom: -1px;
}

.yui-navset .yui-nav a:hover {
	background-color: #0099DD;
	color: #FFFFFF;
}

.yui-navset .yui-nav li a {
    background-color: #000000;
	background-image: url(images/bg_overlay.png); 
	background-repeat: repeat;
	border-bottom: 0px;
	color: #FFFFFF;
	padding: .3em .7em .3em .7em;
	text-decoration:none;
	font-size: 85%;
}



#wp-calendar {
	empty-cells: show;
	font-size: 90%;
	margin: 0;
	width: 90%;
	padding: 3px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}


#wp-calendar td {
	color: #FFFFFF;
	font-size: 70%;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}


#wp-calendar #today {
	background: ;
	color: #0099DD;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

#ft {
	width:960px;
	height:90px;
}

#ft a:link, #ft a:hover, #ft a:visited{
	color: #FFFFFF;
}

#ftleft {
	float:left;
padding-left:10px;
padding-top:45px;
text-align:left;
color:#666666;
}
#add {

float:right;
padding-right:10px;
padding-top:5px;
text-align:right;
color:#666666;}





/*******************

*	PAGECONTENT		   *

********************/

#content {

	float: left;

	width: 960px;

	margin: 0;

	padding: 0;

	color: #666666;

}



#content h3 {

	font-size: 16px;

	font-weight: bold;

	margin: 15px 0 0 0;

	padding: 10px 0 10px 0;

}



.browse {

	margin: 15px 0 0 0;

	padding: 10px;

	color: #DCE128;

	line-height: 18px;

}



.browse a {

	color: #333;

}



.postmeta {

	margin: 0;

	padding: 0 0 5px 0;

	border-bottom: 1px solid #ddd;

}



.postmeta a {

	color: #000;

}



/*******************

*	ENTRY		   *

********************/

.entry {

	line-height: 18px;

	margin: 10px 0 0 0;

	padding: 0;

}



.entry  p {

	padding-bottom: 10px;

	}

	

.entry strong {

	font-weight: bold;

	}

	

.entry h1 {

	font-size: 20px;

	font-weight: bold;

	padding: 0px 0px 7px 0px;

	}

	

.entry h2 {

	font-size: 18px;

	font-weight: bold;

	margin: 0px 0px 0px 0px !important;

	padding: 0px 0px 7px 0px !important;

	}

	

.entry h3 {

	font-size: 16px;

	font-weight: bold;

	padding: 0px 0px 7px 0px;

	}

	

.entry h4 {

	font-size: 14px;

	font-weight: bold;

	padding: 0px 0px 7px 0px;

	}

	

.entry h5 {

	font-size: 13px;

	font-weight: bold;

	padding: 0px 0px 7px 0px;

	}

	

.entry h6 {

	font-size: 12px;

	font-weight: bold;

	padding: 0px 0px 7px 0px;

	}

	

.entry a {

	color: #DCE128;

	}

	

.entry a:hover {

	text-decoration: underline;

	}

	

.entry a img {

	border: none;

	}

	

.entry ul {

	padding-bottom: 10px;

	list-style: square inside;

	}



.entry ol {

	padding-bottom: 10px;

	list-style: decimal inside;

	}

	

.entry li {

	padding: 2px 0px 2px 10px;

	font-size: 12px;

	line-height: 15px;

	color: #4C4C4C;

	}

	

.entry li a {

	color: #333333;

	}



.entry li ul {

	margin: 0px;

	padding: 0px;

}



blockquote {

	background: #F6F5F5;

	margin: 0px 0px 10px 0px;

	padding: 2px 10px 2px 10px;

	color: #333333;

	clear: both;

	border-left: 3px solid #BFBBBB;

	}

	

code {

	color: #444444;

	font: 11px/17px tahoma, arial, sans-serif;

	display: block;

	}

	

blockquote p {

	margin: 5px 0px;

	padding: 5px 0px;

	font-size: 11px;

	line-height: 15px;

	}

	

blockquote li {

	padding: 2px 0px 2px 10px;

	font-size: 11px;

	line-height: 15px;

	color: #369;

	}

	

blockquote a {

	color: #0080CA;

	text-decoration: underline;

	}

	

blockquote a:hover {

	color: #003399;

	}





.tag {

	padding: 10px;

	line-height: 15px;

}