/* ve.css for ViewEngland.com */

/*******************************************************************
*       ViewEngland.com  CSS Part 1                                *
********************************************************************
Created: 2004-12-18          Last Modification: 2006-03-22
Copyright ViewEngland.com 2004-2006
*******************************************************************/
body, div, p, img, span, a, h1, h2, h3, h4, h5, h6 {margin:0px;padding:0px;border:0px;border-style:solid;background-color:transparent;}
body {width:100%;font-family:Tahoma,Verdana,Arial,sans-serif;font-style:normal;text-decoration:none;font-weight:normal;font-size:11px;}
.noD {display:none;}

/*******************************************************************
*       ViewEngland.com  CSS Part 2                                *
********************************************************************
Created:  2004-12-18           Last Modification: 2006-03-22
Copyright ViewEngland.com 2004-2006
********************************************************************/
#skin_wrap {position:relative;text-align:left;width:890px;margin-left:auto;margin-right:auto;}
#iskin_wrap {position:relative;text-align:left;width:890px;margin-left:auto;margin-right:auto;}

#pagetop   {position:relative;width:890px;height:112px;}
#torso_wrap {position:relative;width:890px;margin-left:auto;margin-right:auto;}
#itorso_wrap {position:relative;width:890px;margin-left:auto;margin-right:auto;margin-bottom:10px;}

/*--- footer -----*/
#foot {position:relative;width:100%;clear:both;margin-bottom:6px;}
#foot_text {display:block;}
#tags {position:absolute;width:100px;float:right;right:20px;top:5px;}

/*--- main navigation -----*/
#navbar_wrap {position:relative;width:890px;height:30px;
/*	width:200px;  vertical bar */
	 /* height:40px; */
	overflow:hidden; /* need this to be the controlling point for height  - was visible */ 
	clear:both; 
}
#n1_list {position:relative;
  float:left;  /*horizontal version only */
/*	width:200px;  /* vertical version only */
	height:19px;  /*not meaningful in vertical version*/
	margin:0;padding:0;
/*	top:2px;/*1px;  controls vertical position of nav text in navbar -relative so messes with normal flow*/
/*	left:25px;*/
	list-style-type:none;
}
#n1_list li {float:left;margin:1px;padding:0;}

/*--- main navigation items -----*/
#n1_list a {  /*  note that this does not specify width so possible overcomes MS problem in horizontal? */
/*  display:block;*/
  display:in-line;
  float:left;
	background:transparent;
	margin:0;
/*  padding: 3px 8px 3px 8px; /* control position of text inside "box" or "button" */
	height:19px;
/*	width:198px;  vertical version only */
	line-height:22px; /* why this if we have a font control ?*/
text-align:center;/*horizontal version*/
	/*	text-align:left;/*vertical version*/
	text-decoration:none;
}
span.n1_item_text{margin: 3px 8px;} /*horizontal work in the vertical version but vert margins collapse?*/
span.n1_active_item_text{margin:3px 8px;}

#n2_wrap {width:540px;margin-left:auto;margin-right:auto;}

/* *** STRUCTURED CONTENT SUBCONTAINERS *** */
#cs10_wrap {width:594px;float:left;margin-top:30px;}
.ics10{width:584px;margin-left:auto;margin-right:auto;}

#cs11_wrap {width:296px;float:right;margin-top:30px;}
.ics11{width:286px;margin-left:auto;margin-right:auto;}

/*  original layout 200:460:230 px  asymetrical 3-col */
#cs10 {} /* full col if needed */
#cs10cL {width:660px;float:left;} /*combo left 2 cols*/
#cs10cR {width:690px;float:right;} /*combo right 2 cols*/

#cs11, div.left {width:200px;float:left;}  /*same as left */
/*div.left {width:200px; float:left; text-align: center;display:inline;}*/
#cs12, div.center {width:460px;float:left;}
#ics12  {width:448px;margin-left:auto;margin-right:auto;}
#cs13, div.right {width:230px;float:right;}  /* same as right */

#cs12_1  {width:448px;margin-left:auto;margin-right:auto;}

#cs12_1L {width:220px;float:left;background-color:blue;}
#cs12_1R {width:220px;float:right;background-color:blue;}

div.racel {width:218px;background-color:white;margin:1px;}
div.racer {width:218px;background-color:white;margin:1px;}

div.rinner {width:210px;margin-left:auto;margin-right:auto;padding-bottom:4px;}
 
/* 2/3 : 1/3   21, 22 */
#cs20 { }/* full col if needed */
#cs21 {width:594px;float:left;} 
#cs22 {width:296px;float:right;}

/* 1/3 : 2/3   31, 32 */
#cs30 { }/* full col if needed */
#cs31 {width:296px;float:left;} 
#cs32 {width:594px;float:right;}

/* *** PAGETOP COMPONENTS *** */
#main_graphic {position:absolute;top:0px;left:0px;width:890px;height:112px;}
#logo {position:absolute;top:10px;left:610px;width:100px;height:24px;}
/*--- caption (as text or background image) ----*/
#tagline {position:absolute;top:35px;left:5px;width:230px;}
div.just-l { text-align: left; float:left; } 
div.just-r { text-align: right; } 
div.just {width:890px;height:80px;}
.just span l {float:left;text-align:left;display:inline;}
.just span r {float:right;text-align:right;display:inline;}

/*  Misc stuff still being integrated */
div.bluebox {width:228px;} /*orange text on blue background*/
div.news {width:220px;margin-left:4px;margin-right:4px;}
div.newspad {width:228px;float:right;margin-bottom:1px;}

.news h4 {margin-top:4px;margin-bottom:4px;}

div.picnewsleft {
 /* margin-right:5px; */
 border-style: solid;border-width: 1px;
 border-color: red;
 margin-right:10px;
 margin-bottom:10px;
 float:left;
 width:100px;
 }   
/*.picnewsleft img {margin-right:20px;}*/

/* Test area for sophisticated news pic structure */
div.figure {
 background-color: RGB(230,230,230);
 float:left;
 width:40%;
 border: 1px red solid;
 margin:0;
 padding: 0.2em;
 margin-right:10px;
 margin-bottom:10px;
 margin-top:4px;
 }
 
#cs0_wrap div.figure p, #cs0_wrap div.largefigure p {text-align:center;
/* font-style:italic;*/
 font-size:13px;
 text-indent:0;
 } 
img.scaled {width:100%;} 
img.large { border-color: yellow;border-width: 4px; }
 
div.figure h6, div.largefigure h6 {
 text-align:right;
 font-weight: normal;
/* font-style:italic;*/
 font-size:10px;
 margin:0px;padding:0px;
 text-indent:0;
 } 
 
div.largefigure {
 background-color: RGB(230,230,230);
/* float:left;*/
/* width:60%; */
 border: 1px red solid;
/* margin:0;*/
 padding: 0.2em;
/* margin-right:auto;
 margin-left:auto; */
 margin-bottom:10px;
 margin-top:10px;
/*	text-align:center;*/
 } 
/* End of test area*/ 
div.ontop   { position: absolute;top:20px;left:6px;width:620px;height: 425px;overflow:hidden; 
              background-color:#fff8e3;text-align:left;background-image:url(../../php/img/lpbg.png);background-repeat:repeat;}
div.shadow  { position:absolute; top:28px;left:14px; width: 620px; height: 425px;overflow:hidden;
              background-color:black;text-align:left} /*background-color: #e0e0e0;*/
div.cover   { position: absolute;top:20px;left:6px;width:620px;height:425px;overflow:hidden; 
              background-color:transparent;text-align:left;background-image:url(../../php/img/trans1.gif);background-repeat:repeat;}
#wcontrol   { position: absolute;top:0px;left:0px;width:200px;height:50px;overflow:hidden; 
              background-color:#fff8e3;text-align:center;}
				
/*******************************************************************
*       ViewEngland.com  CSS Part 3                                *
********************************************************************
Created:  2004-12-18           Last Modification: 2006-03-21
Copyright ViewEngland.com 2004-2006
********************************************************************/
body {color:RGB(0,200,0);background: RGB(255,255,255) url(/php/img/pgbk.gif) repeat-x;}

#skin_wrap {background: url(feather1B.png) repeat-y top right;}
#torso_wrap {background-color:RGB(255,255,255);}

#foot {background-color:RGB(240,240,240);} 

#text_caption {color:#ffffff;}
#foot_text {color:rgb(153,187,153);}
#tagline {color:RGB(245,245,245);}
/*--- main navigation ---------------------------*/
#n1_list	{ }
#n1_container, #navbar_wrap {background:RGB(192,192,192) url(nav1.png) repeat-x;}
/*--- main navigation items ---------------------*/
#n1_list a.n1_item {color:RGB(0,0,0);background:RGB(255,255,255)} /*#e7de8f;*/
#n1_list a.n1_item:hover {color:RGB(255,255,255);}
#n1_list a.n1_active_item {color:RGB(255,255,255);}

/*--- content ------------------------------*/
div.bluebox {color:RGB(255,102,0);background-color:RGB(0,200,0);} /*orange text on blue background*/
.bluebox h2 {color:RGB(255,102,0);background-color:RGB(0,200,0);}
div.newspad {background-color:RGB(227,228,255)}/*RGB(207,208,255)*/
p.news2 {color:black;}

/*******************************************************************
*       ViewEngland.com  CSS Part 4                                *
********************************************************************
Created:  2004-12-18           Last Modification: 2006-03-22
Copyright ViewEngland.com 2004-2006
********************************************************************/
#main_graphic {background:url(../../php/img/VE1.png) no-repeat;}
#logo         {background: url(/php/img/x.png) no-repeat top right;}
#tagline      {font-weight:bold;font-size:20px;} /* tagline or slogan */
#pagetop      {background:url(/php/img/main_graphic.png) no-repeat;}

#n1_list a.n1_item {background:url(../../php/img/n1.png) repeat-x;font-size:14px;font-weight:normal;}
#n1_list a.n1_item:hover {background:url(../../php/img/n1hover.png) repeat-x;font-size:14px;font-weight:bold;background-position:top right;}
#n1_list a.n1_active_item {background:url(../../php/img/n1active.png) repeat-x;font-size:14px;font-weight:bold;background-position: top right;}/* url(/php/img/n1activeitem.gif) no-repeat;*/
	
#torso_wrap h1 {font-size:26px;font-style:italic;font-weight:bold;text-decoration:none;}
#torso_wrap h2 {font-size:19px;font-style:italic;font-weight:bold;text-decoration:none;}
#torso_wrap h3 {font-size:14px;font-weight:bold;text-decoration:none;margin:0px;padding:0px;margin-top:6px;margin-bottom:3px;}
#torso_wrap, #torso_wrap p {font-size:11px;}

#foot_text {padding: 8px 0 4px 0;margin: 0 30px 0 30px;text-align:center;font-size:11px;font-family:Tahoma,Verdana,Arial,sans-serif;}

#foot a:link {font-size:12px;color:RGB(0,200,0);text-decoration:none;}
#foot a:visited {font-size:12px;text-decoration:none;}
#foot a:hover {font-size:12px;color:RGB(255,255,255);background-color:RGB(0,200,0);}/*#993333*/
#foot a:active {font-size:12px;text-decoration:none;color:#cc0000;}

p.small {font-size:12px;}
.bluebox h2 {line-height:1.9;}
#torso_wrap p.news2 {font-size:11px;}
/* p.newshead, .news h4 {color:red;font-size:14px;font-weight:bold;font-family:Ariel,Helvetica,sans-serif;} */
.news h4 {font-size:12px;}

#torso_wrap div.news a               {color:black;text-decoration:none;}
#torso_wrap div.news a:link          {color:black;} 
#torso_wrap div.news a:active        {color:black;}
#torso_wrap div.news a:visited       {color:green;}
#torso_wrap div.news a:hover         {color:white;background-color: RGB(0,200,0);}

#torso_wrap p.leadtitle {font-size:15px;color:red;}
#torso_wrap p.leadbody {font-size:13px;color:green;}