/* ----------------------------------------------
	LWS Style
    v. 06-2-1
------------------------------------------------- */
   
/*  Basic Settings
------------------------------------------------- */
   
html {max-width:1600px;min-width:802px;} 
body {margin:0; padding:0; text-align: center;}
div, span { margin: 0; padding: 0;}
body {
	color:#4b4b4b;
	background: #F7F5F6; /* url("/css/body3.jpg") repeat-y 50% 0 */
	font:12px/1.8em "Lucida Grande", Arial, Helvetica, sans-serif;
}
.clearer {clear:both;}

	
/*  Basic Typography
------------------------------------------------- */

p  {color: #333; }
h1 {font-size: 2em; color: #365565; }
h2 {font-size: 1.4em; color: #433; text-transform: uppercase;  margin: 26px 0 3px 0; padding: 0;}
h3 {font-size: 1.2em; line-height:1.1em;  margin: 2em 0 3px 0; padding: 0; color: #433; }
h4 {font-size: 0.9em; color: #365565; margin: 6px 0 0 0; padding: 0;}
h4 a {display: block; }


	
/* 	Page Structure
------------------------------------------------- */

#outerwrapper {
	width:808px; 
	margin:0 auto;
	text-align:left;
	position: relative; 
	background-color: #000;
	padding: 0 4px 10px 4px;
	}

#container {
	width:800px; 
	margin:0 auto;
	text-align:left;
	position: relative; 
	background: #F7F5F6;
	}
	
  
#content {
	clear: both;
	float:left;
	min-height:200px;
	margin-top: 20px;
	font-size:.93em;
	background: white url(/css/content.gif) repeat-y top right;
	border-top: 2px solid #E5E5E5;
}

#sidecol {
	float: right;
	width: 175px;
}

#maincol {
	float: left;
	width: 623px;
	background: transparent;
}

#footer {
	clear: both;
	border-top:4px solid #eee;
	text-align:right;
	padding: 0 2em;
	font-size: .84em;
	color: #777;
}

#footer a:link, #footer a:visited  {color: #444; border:0;}
#footer a:hover {color:#f00; border:0;}

#outsidefooter {
	margin: 8px 0;
	padding: 8px 0;
	font-size:.84em
}
	
/* 	Header
------------------------------------------------- */	

#header {
	position:relative;
	width: 100%;
	height: 110px;
	background: #111 url("/css/banner_bg.gif") repeat-x 0 0;	
}

#header h1 {display:none;}
#header span {
	height: 100px; width: 700px;
 	display:block;position:absolute; left:0; top:0; z-index:1;margin:0; padding:0;
	background: #333 url(/css/banner.jpg) no-repeat top left;
	color: #fff;
	}



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

#mainnav {
	display:block;position:absolute; left:0;  z-index:100;margin:0; padding:0;
	width: 100%;
	height: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	line-height:1em;
	letter-spacing:1px;
	bottom:0px;
}


#nav {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 10px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #000;
	background: #dedede url(/img/bg_nav.gif) repeat-x top left;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	background:  url(/img/bg_navitem_dark.gif) no-repeat top right;
	}
#nav a {
	float: left;
	padding: 4px 15px;
	text-decoration: none;
	border: none;
	color: #fff;
	}
#nav a:hover, #nav a.active {
	color: #fc0;
	background: #111 url(/img/bg_navH_dark.gif) repeat-x top left;
	}

li#firstnavitem a {
	margin-left: 15px;
	
	}

/* subnav
----------------------------------------------- */

#vertical_nav  { text-align: left; margin: 0 0 20px 0;}
#vertical_nav ul { margin: 0; padding: 0; list-style-type: none; }
#vertical_nav a { 
	font-family:  Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; 
	font-size: 0.84em; color: #365565; text-decoration: none; display: block;
	line-height:1.1em; 
	background-color: #fafafa; 
	/*padding: 3px 4px 3px 16px;  */
	padding: 6px 2px 6px 18px;  
	border-top: 1px solid #fff; border-bottom: 1px solid #aaa; 
	width: 155px !important; width /**/:175px; 
	}

#vertical_nav ul li a { 
	background-image:  url("/css/page.gif");
	background-repeat: no-repeat;
	background-position: 4px 50%;
}

#vertical_nav a:hover { background-color: #fff; color: #E8682B; }
#vertical_nav ul li a:hover, #vertical_nav ul li a.active { 
	background-image:  url("/css/page_hover.gif");
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
#vertical_nav ul li.opened{}
#vertical_nav a.active { color: #E8682B; }
#vertical_nav li li a  { font-family:  Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; 
font-size: 0.84em; font-weight: normal; text-align: left; text-decoration: none; color: #365565; 
background: #f1f1f1; display: block; padding: 4px 12px 4px 18px; border: none;width: 145px !important; width /**/:165px; }
#vertical_nav li li a:hover, #vertical_nav li li a.active { 
	color: #E8682B; 
	background: none;
}
#vertical_nav li li a.opened { color: #E8682B; background-color: #dedede;}
#vertical_nav li li li a  { font-family: Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 0.84em; font-weight: normal; text-align: left; text-decoration: none; color: #365565; background-color: #dedede; display: block; padding: 3px 12px 3px 28px; border-bottom: 1px solid #777; width: 135px !important; width /**/:155px; }
#vertical_nav li li a:hover, #vertical_nav li li li a.active { color: #E8682B; }

/* Articles
----------------------------------------------- */

#content div.article {
	padding: 0 40px 10px 20px;
	
	border-bottom: 4px solid #F7F5F6;
	margin-bottom: 10px;
}


div.article ul, div.article dl {
	margin: 4px 20px 10px 10px;
	padding: 0;
	list-style: none;
	}
div.article li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 13px;
	line-height: 1.4em;
	background:  url(/img/arrows.gif) no-repeat 0 5px;
	}

#content div.last {border-bottom: 0;}
#content div.preview h2 {color:red;}

div.articlefootnote {
	margin-top: 20px;
	
	width: 80%;
	text-align: left;
	border-top: 1px dotted #ccc;
	margin: 8px 0;
	padding: 8px 0;
}

#content div.show_comment_link {
	width: 49%;
	float: right;
	}

#content span.articledetails, #content p.articledetails {

	margin-top: 2px; padding-top: 0;
	color: #777; 
	line-height:1em;
}

#commentform {width: 99%; /* IE love */ }
#content div.comment { background-color:#fafafa; padding: 10px; margin: 10px 0; border: 1px solid #ddd; }
#content div.specialcomment { background-color:#FBFBEC; padding: 10px; margin: 10px 0; border:1px solid #ddd;}
#content div.comment p.commentdate, #content div.specialcomment p.commentdate {
	margin-top: 4px;
	padding-top: 4px;
	text-align: right;
	font-size: .9em;
	color: #aaa;
	}
#content div.previewcomment { background-color:#fafafa; padding: 10px; margin: 10px 0; border:1px solid #f00;}
#content span.more { }
a.morelink {border: 0; padding: 0; margin: 0px; white-space: nowrap; background-color: transparent;}
#comment_html {
	border-top: 1px solid #abc;
	border-bottom: 1px solid #abc;
	padding: 10px 0;
	margin: 5px 0;
	background-color:#ECFFF0
}




/* Side Box
----------------------------------------------- */

div.sideBox {
	padding: 10px;
	font-size: .93em;
	border-top: 4px solid #eee;
}

div.sideBox h3 { margin: .4em 0 3px 0; padding: 0;}

div.sideBox ul, div.sideBox dl {
	margin: 4px 0px 10px 0px;
	padding: 0;
	list-style: none;
	}
div.sideBox li {
	
	margin: 0 0 .5em 0;
	padding: 0 0 0 13px;
	line-height: 1.4em;
	background:  url(/img/arrows.gif) no-repeat 0 5px;
	}

/* Search
----------------------------------------------- */

div.searchBox {
	padding: 10px;
	font-size: .93em;
	
}


/* Images
----------------------------------------------- */

img { border: 0; }
img.f_left { float: left; border: 1px solid #333; margin: 5px 10px 15px 0px;}
img.fright { float: right; margin: 5px 0px 15px 10px;}
img.f_right { float: right; border: 1px solid #333; margin: 5px 0px 15px 10px;}
img.f_across{ float: none; border: 1px solid #333; margin: 5px 0;}

p.figureacross { float: none;  font: .84em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-style: italic;}
p.figureacross img { margin: 5px 10px 15px 0px; border: 1px solid #333; } 
p.figureacross img.captioned { clear: both; margin: 5px 10px 0px 0px; border: 1px solid #333; }
span.figureacross p { display: block; text-align: left; 	font-style: italic;} 

p.figureleft { float: left; font: .84em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-style: italic; }
p.figureleft img { margin: 5px 10px 15px 0px; border: 1px solid #333; } 
p.figureleft img.captioned { clear: both; margin: 5px 10px 0px 0px; border: 1px solid #333; }
span.figureleft p { display: block; text-align: left; } 

p.figureright { margin: 0 0 0 10px; float: right;  font: .84em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-style: italic;}
p.figureright img { margin: 5px 0px 15px 10px; border: 1px solid #333; } 
p.figureright img.captioned { clear: both; margin: 5px 0px 0px 0px; border: 1px solid #333; }
span.figureright p { display: block; text-align: left;}

a img {border: none;}

/* Links
----------------------------------------------- */

a:link, a:visited {
  color:#600;
  text-decoration:none;
  border-bottom:1px solid #f1f1f1;
  }
a:visited {
  color:#600;
  border-color:#f1f1f1;
  }
a:hover {
  color:#f00;
  border-color:#c00;
  background-color: #FBFBEC;
  }
a:link img, a:visited img {border-width:0;}


/* General Typography
----------------------------------------------- */

span.caption, p.caption { margin: 0px 10px 15px 0px; color: #aaa; font-size: 10px;}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.1em;
	color: #777;
	}

code {
	color: #444;
	font-size: 11px;
	line-height: 1.2em;
	text-align: left;
	}
code strong {
	color: #000;
	}
abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
strike, del {
	text-decoration: line-through;
	}
ins {
	text-decoration: none;
	font-style: italic;
	}
blockquote.special {
	padding: 0 0 10px 23px;
	border-bottom: 1px solid #eee;
	}
pre {
	padding: 8px 5px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #eee;
	border-right: 1px solid #ddd;
	background-color: #fafafa;
}

/* Generic Forms */
form {
	padding: 0;
	margin: 0;
	padding-bottom: 1px;
}
fieldset {
	margin: 0;
	padding: 8px; 
	border:0;
}

input, select {
	font-family: "MS Sans Serif", Verdana, Arial;
	font-size: 10px;
}

textarea{
	font-family: "MS Sans Serif", Verdana, Arial;
	font-size: 10px;
	width: 100%;
	overflow:auto;
}
label {padding-top: 8px; font-weight: normal; color:#444}



/*
 News & Links 
----------------------------------------------- */
 
 h3.newstitle {font-size: 1.2em; margin: 8px 0 2px 0; padding: 4px 0 0 0; line-height:1em;}
 p.newsdate {margin-top: 2px; padding-top: 0; color: #aaa; line-height:1em;}
 .linkdetails {color: #aaa}

 

/*
 Others
----------------------------------------------- */
 
 .formerrmsg2 {color: red}
 .tinynote {font-size:.9em; color: #669999}
 .matchedtext {color: #000; background-color:#ffd;}
.blueboy {color: blue;}