/*--------------------------------------------------
| Cascading Style Sheet for vsnet2 template
| Copyright 2006 Don K. Colburn - visiblesoul.net	
+-------------------------------------------------*/

body { 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	/*font-size: 75%;*/ 
	color: #555;	
	margin: 0; 
	padding:0; /* Opera 0 margin */	
	text-align: center; /* center in IE */ 
	background: url('images/bg5.gif') #efefef top center fixed repeat-y
}

#main {
  	/*position: relative;*/ /* needed to position footer in IE 5.01 */
	width: 780px;
	margin: 0 auto;
	padding: 0 0 0 2px;
  	text-align:left /* left-align text in IE */	
  }
	
img {
	border: 0
}


/* text styles
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */	
h1 {
	/*font-family: "Eurostar Regular Extended", Verdana, Arial, Helvetica, sans-serif;*/	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-size-adjust: 0.55;
	font-weight:normal;
	color: #B29166;
	text-align: left
}
h2 {	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-size-adjust: 0.55;
	color: #B29166
}
h3 {	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-size-adjust: 0.55;
	color: #B29166
}
h4 {	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-size-adjust: 0.55;
	color: #555
}

span.pbold, p.pbold {	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-size-adjust: 0.55;
	color: #5782BB;
	font-weight: bold;
	display:inline
}

sup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal
}
	
	
/* link styles
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
/*
a.external {
  background: url('images/icons/external.png') transparent center right no-repeat;
  padding-right: 12px;
}

a:link {
  	color: #489A9B;
	text-decoration: underline
}
	
a:visited {
  	color: #555;
	text-decoration: underline
}
	
a:hover {
  /*color: #BA0000;*//*
	text-decoration: none;
	color:#fff;
	background-color: #A3CCCD
}
/*
a:active {
  color:#fff;
	text-decoration: none
}
*/




/* logostrip
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

div #errors { 
	margin: 5px;
	padding: 2px;
	text-align: center;
	font-size: x-small;
	border: 1px solid #ff0000
}
	
#top {
  	/*height: 71px;*/ /* this is the optimum height for IE6 */
	height: 65px;
	margin: 0;
	padding-top: 5px;
	background: url('images/top_button_bg10.gif') transparent bottom left no-repeat;
	position: relative
}

#top img {
	position: absolute;
	left: 5px;
	top: 10px
}
	
#top h1 {
	margin-top: 0;
	color:#555;
	position: absolute;
	left: 50px;
	top: 11px;
	width:400px
}

#top h2 {
	margin: 0px;
	position: absolute;
	left: 50px;
	top: 34px;
	width:400px;
	font-size: xx-small;
	font-weight: normal
}

	
#top a:link {
  	color: #555;
	text-decoration: none;
	background-color: transparent
}
#top a:visited {
  	color: #555;
	text-decoration: none;
	background-color: transparent
}
#top a:hover {
  	color: #B29166;
	text-decoration: none;
	background-color: transparent
}
#top a:active {
	color: #B29166;
	text-decoration: none;
	background-color: transparent
}

#top form {
	position: absolute;
	right: 5px;
	top: 5px
}

/* top navbar
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
http://www.alistapart.com/articles/taminglists/
http://www.alistapart.com/articles/horizdropdowns/
http://www.alistapart.com/articles/dropdowns/
*/

#topnav {
	position: absolute; 
	right: 0; 
	bottom: 0;		
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size-adjust: 0.55;
	font-weight: bold;
	margin: 0;
  	padding: 0;  	 	
	line-height: 30px;
	height: 30px;
	text-align: center
}

#topnav ul {
  	margin: 0;
  	padding: 0;
  	list-style-type: none;
  	text-align: center
  }

#topnav ul li {
	float: left;
  	position: relative;
  	padding: 0;
  	margin: 0;  	
  	text-align: center;
	width: 90px;
  	display: block;
	border-left: 1px solid #eee;
  	border-right: 1px solid #aaa
  }


#topnav ul li a {
	padding: 0;
	margin: 0;
	text-align: center;
	width: 90px;
	height: 30px;
	color: #555;
	display: block;
	text-decoration: none
}

#topnav ul li a:hover {
  	/*color: #AF7C67; */
	color: #555;
	background: url('images/top_button_roll2.gif') transparent repeat-x
}

#topnav ul li.topright a:hover {	
	background: url('images/top_button_roll1.gif') transparent top left no-repeat
}

#topnav li#nobutton {
	border-width: 0 1px 0 0; 
	border-style: solid; 
	border-color: #aaa
}
	

/* colorstrip
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
#colorstrip1 {
	margin: 0;
  	padding: 0;
	height: 110px;
	/*height: 123px;*/
	width: 780px;
	/*background: url('images/colorstrip10.jpg') #9FB0DE top left no-repeat;*/
	background: url('images/colorstrip13.jpg') #9FB0DE top left no-repeat;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	color:#000
}

#colorstrip2 {
	margin: 0;
  	padding: 0;
	/*height: 123px;*/
	height: 110px;
	width: 780px;
	background: url('images/colorstrip2.jpg') #9FB0DE top left no-repeat;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	color:#000
}

/* bottom navbar
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
#navbar {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size-adjust: 0.55;
	font-weight: bold;
	margin: 0;
  	padding: 0;  	
	line-height: 29px;
	height: 52px;
	text-align: center;
	background: url('images/bottom_button_bg10.gif') transparent bottom left no-repeat
}

#navbar ul {
  	margin: 0;
  	padding: 0;
  	list-style-type: none;
  	text-align: center
  }

#navbar ul li {
	float: left;
  	position: relative;
  	width: 100px;
  	height: 30px;
  	padding: 0;
  	margin: 0;  	
  	text-align: center;
  	display: block;
	border-left: 1px solid #eee;
  	border-right: 1px solid #aaa;
	z-index:100; /* dropdowns should be on top of other elements */
  }


#navbar ul li a {
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100px;
	height: 30px;
	color: #555;
	display: block;
	text-decoration: none
}

#navbar ul li a:hover
{
  	/*color: #AF7C67;*/
	background: url('images/bottom_button_roll2.gif') transparent repeat-x; 
	/*background-color: #F0E6D7*/
	height:30px;
	width:100px
}

/* home link rollover */
#navbar ul li.botleft a:hover
{
  	/*color: #AF7C67;*/
	background: url('images/bottom_button_roll1.gif') transparent top left no-repeat; 
	/*background-color: #F0E6D7*/
	height:30px;
	width:100px
}

/* dropdown menu items */	
li ul.subnav {
	width: 106px;
  	display: none;
	position: absolute; 
  	top: 30px; /* IE hack */
  	left: -3px; /* IE hack */
	border-top: 0;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #eee

  /*filter:alpha(opacity=95);*/
/*	opacity: 0.95;
	-moz-opacity:0.95;*/
  
}	

#topnav li ul.subnav {
	width: 96px;
}	

#topnav ul.subnav li,
#navbar ul.subnav li {
	width: 106px;
	height: 32px;
  	background-color: #fff;
    
	color: #555;
	border-width: 1px 0 0 0; 
  	border-style: dotted;
	border-color: #eee
}

#topnav ul.subnav li { 
	width: 96px;
}

#topnav ul.subnav li a,
#navbar ul.subnav li a {
	text-align: left;
	font-weight: normal;
	padding: 1px 3px
}

#topnav ul.subnav li a:hover,
#navbar ul.subnav li a:hover {
  	color: #555;
	background-color: #F9FAFC;
	background-image: none !important
}
	
/* reset top and left properties on all but IE browsers */
#topnav li > ul,
#navbar li > ul {
	top: auto;
	/*left: auto*/
}

#topnav li:hover ul, li.over ul,
#navbar li:hover ul, li.over ul { 
	display: block
}

#topnav li#nobutton2,
#navbar li#nobutton2 {
	 border-width: 0 0 0 1px; 
	 border-style: solid; 
	 border-color: #eee; 
	 height: 27px
 }


/*#navbar ul#nav {} Note: #nav id needed for dropdown menu javascript */

/* breadcrumb 
#navbar li#bc {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size-adjust: 0.55;
	font-weight: normal;
	float: right; 
	border: 0;	
	text-align: right;
	margin-top: 10px;
	margin-right: 10px; 
	width: 250px
}

#navbar li#bc a {
	background: none !important;
	color: #B29166;	
	display: inline;
	text-decoration: none
}

#navbar li#bc a:hover {
	background: none !important;
	color: #aa0000;
	display: inline;
	text-decoration: none
}
*/

#navbar div#bc {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size-adjust: 0.55;
	font-weight: normal;
	float: right; 
	border: 0;	
	text-align: right;
	margin-top: 10px;
	margin-right: 10px; 
	width: 250px
}

#navbar div#bc a {
	background: none !important;
	color: #B29166;	
	display: inline;
	text-decoration: none
}

#navbar div#bc a:hover {
	background: none !important;
	color: #aa0000;
	display: inline;
	text-decoration: none
}

#navbar div#bc a.attn {
	background: none !important;
	color: #aa0000;
	display: inline;
	text-decoration: none;
	font-weight: bold
}


/* preload rollover images */
.preload1 { background-image:url('images/top_button_roll1.gif') }
.preload2 { background-image:url('images/top_button_roll2.gif') }
.preload3 { background-image:url('images/bottom_button_roll1.gif') }
.preload4 { background-image:url('images/bottom_button_roll2.gif') }
  
/* content
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

#contentwrapper {
	padding: 0;
	margin: 0;
	text-align: justify
}
	
#content1 {
	float:left; 
	
	padding: 0 30px 20px 30px;
	width:780px; /* width in IE */
	/*w\idth:720px;*/ 
}

#content1 {
	w\idth:720px; /* reset width in all other browsers */ 
}
	
#content2 {
	float:left;

	padding: 0 20px 20px 20px;
	
	width:598px; /* max width for IE5.5 */
	
	/*w\idth:550px;*/	
}

#content2 {	
	w\idth:550px; /* reset width in all other browsers */ 
}

/*
ul.toc {
 	list-style-image: url(images/icons/arrow_right.png);
	list-style-type: circle
}

ul.toc li {
	line-height: 1.2em
}
*/

	 
ul.toc {
	list-style-type: none;
	margin-left:23px;
	/*margin: 10px; */
	padding: 0
}
ul.toc li { 
    
    padding: 0;
    text-align: left;
}

ul.toc img { 
	vertical-align: middle;
	margin-right:5px;
}

ul.txtlist li {
  	margin-bottom: 1em;
}

#column {
	float:right;
	padding-right: 10px;
	
	width:180px; /* width in IE */
	/*w\idth:170px;*/
	
	font-family: Verdana, Arial, Helvetica, sans-serif 
}

#column {
	w\idth:170px; /* reset width in all other browsers */ 
}
/*
#column a {
  	color: #489A9B;
	text-decoration: none;
	font-weight: normal;}	
#column a:visited {
  	color: #489A9B;
	text-decoration: none; }	
#column a:hover {
  	color: #BA0000;
	text-decoration: none;
	color:#489A9B }
#column a:active {
  	color:#489A9B;
	text-decoration: none; }
*/


#column h4 {
	margin:0;
	padding: 5px;
	color: #5782BB;
	background-color: #E6ECF5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}
/*
#column h4 a {
	margin:0;
	padding: 5px;
	color: #5782BB;
	background-color: #E6ECF5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
  text-decoration: none
}
*/

/*
#column {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size-adjust: 0.55;
	font-weight: bold;
	margin: 0;
  	padding: 0;  	
	line-height: 20px;
	height: 52px;
	text-align: center;
	background: url('images/bottom_button_bg10.gif') transparent bottom left no-repeat }
*/

	
#column ul {
  	margin: 0;
  	padding: 0;
	border-bottom: 1px solid #ddd;
  	list-style-type: none
  }

#column ul li {
  	margin: 0;
  	text-align: left;
  	display: block;
  	border-top: 1px solid #ddd
  }

#column ul li.topcat {
	margin:0;
	padding: 2px 0;
	color: #5782BB;
	background-color: #E6ECF5;
  font-weight: bold;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

#column ul li.topcat a {
	margin:0;
	color: #5782BB;
	background-color: #E6ECF5;
  text-decoration: none
}

#column ul li.topcat a:hover {
	margin:0;
	color: #5782BB;
	background-color: #E6ECF5;
  text-decoration: none
}

#column ul li.urhere {
  	/*height: 20px;
	line-height: 20px;
  	margin: 0;  	
  	text-align: left;
  	display: block;
  	border-bottom: 1px solid #ddd*/	
	margin: 0;
	/*padding: 2px 10px;*/
	color: #489A9B;
	background-color: #E2EFEF;
	/*height: 20px;*/
	/*color: #489A9B;
	background-color: #F9FAFC;*/
	font-weight: bold
}

#column ul li.urhere a {
	color: #489A9B;
	/*background-color: #E2EFEF;*/
  background-color: #E2EFEF;
}

#column ul li.urhere a:hover {
	color: #489A9B;
	/*background-color: #E2EFEF;*/
  background-color: #E2EFEF;
}


#column ul li.collapse {
  	/*height: 20px;
	line-height: 20px;
  	margin: 0;  	
  	text-align: left;
  	display: block;
  	border-bottom: 1px solid #ddd*/	
	margin: 0;
	/*padding: 2px 10px;*/
	color: #489A9B;
	background-color: #E2EFEF;
	/*height: 20px;*/
	/*color: #489A9B;
	background-color: #F9FAFC;*/
	font-weight: bold
}

#column ul li.collapse a {
	color: #489A9B;
	/*background-color: #E2EFEF;*/
  background: #E2EFEF url('images/icons/minus.gif') no-repeat center right;
}

#column ul li.collapse a:hover {
	color: #489A9B;
	/*background-color: #E2EFEF;*/
  background: #E2EFEF url('images/icons/minus.gif') no-repeat center right;
}
  
/*
#column ul li.urhere img {
  vertical-align: middle;
  float: right;
}
*/
/*
#column ul li img {
  vertical-align: middle;
  float: right;
}
*/
#column ul li a {
	padding: 2px 10px;
	margin: 0;
	/*height: 20px;*/
	color: #489A9B;
  background-color: #fff;
	display: block;
	text-decoration: none;
}

#column ul li a:hover {
  	color: #489A9B;
	background-color: #F9FAFC;
	background-image: none;
	/*height: 20px*/
}

#column ul li.expand a {
  background: #fff url('images/icons/plus.gif') no-repeat center right;
}


#column ul li.expand a:hover {
  background: #F9FAFC url('images/icons/plus.gif') no-repeat center right;
}

	
#column ul.subnavcol {
	border: 0;
}

#column ul.subnavcol li {
	background-color: #fff;
	font-weight: normal;
	border-top: 1px solid #ddd;
	border-bottom:0;
	margin: 0;
	padding:0;
  	list-style-type: none
}

#column ul.subnavcol li a {
	padding: 2px 2px 2px 20px;
	background-color: #F6FAFA;
	margin: 0;
	color: #888;
}

#column ul.subnavcol li a:hover {
	background-color: #F9FAFC;
	margin: 0;
	color: #489A9B;
}
/*
#column span {
	padding: 2px 10px;
}
*/
#column ul.colmenu {
	border-bottom: 1px solid #ddd;
}


	



/*.block {
	padding: 10px;	
	text-align: justify;
	border: 2px groove #f9f9f9;
	background-color: #fcfcfc
}*/

/* 4 borders */
div.block {
	float: left; 
	margin: 3px;		
	padding: 5px;	
	/*text-align: justify;*/
  text-align: left;
	/*border: 2px groove #f9f9f9;*/
	border: 1px solid #ddd;
	background-color: #FBFBFB
}

div.block h1 {
	text-align: center;
  color: #aa0000;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.3em;
  margin:0;
  padding:0 0 0.2em 0
}

div.block h2 {
	color: #5782BB
}

/* top & bottom borders */
div.block2 {
	margin: 0;		
	padding: 0;
	width: 550px;
	text-align: justify;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #fff
}

table.tcells {
  text-align: left;
	border: 0;
	background-color: #fff
}

table.tcells td {
	padding: 7px;
  text-align: left;
	border: 1px solid #ddd;
	background-color: #FBFBFB
}

table.tcells h3 {
  text-align: center
}



/* bottom border */
/*div.block1 {
	margin: 3px;		
	padding: 5px;*/
	/*heigh\t: 100%;*/ /* IE hack to contain div content inside div */
	/*text-align: justify;*/
	/*border-bottom: 1px solid #ddd;*/
	/*background-color: #fff
}*/

div.divider {
	height: 1px;
	margin: 0;		
	padding: 0;
	border-bottom: 1px solid #ddd;
	clear: both
}

/* Mozilla hack to contain div content inside div */
/*div.block1:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility:hidden
}*/


table.tformat {
  width: 100%;
  text-align: left;
	/*border: 1px solid #999;*/
	background-color: #999
}

table.tformat th {
	padding: 3px;
  text-align: left;
	background-color: #f6f6f6
}

table.tformat th.theading {
	color: #5782BB;
	background-color: #E6ECF5;
}

table.tformat td {
	padding: 3px;	
	/*text-align: justify;*/
  text-align: left;
	/*border: 2px groove #f9f9f9;*/
	background-color: #fff
}

/*form styles
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
form, select, option {
	margin: 0; /* for Opera */
	font-size: 10px
}

/* footer
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
#footer {
	position: relative;
	background: url('images/creditstrip3.gif') transparent top center no-repeat;
	/*background-color: #9FB0DE;*/
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-size-adjust: 0.58;
	color: #f7f7f7;
	padding: 2px 5px 2px 5px;
	margin: 0;
	height: 88px;
	clear: both
}
	
#footer a {
  color: #f7f7f7;
	text-decoration: none;
	background-color: transparent !important
}
	/*
#footer a:visited {
  	color: #f1f1f1;
	text-decoration: none }
#footer a:hover {
  	color: #f1f1f1;
	text-decoration: none }
#footer a:active {
  	color: #f1f1f1;
	text-decoration: none }
*/
	
#footer #updated {
	line-height: 1.1em;
	position: absolute;
	left: 5px;
	top: 44px
}
	
#footer #links {
	line-height: 1.1em;
	position: absolute;
	left: 5px;
	top: 30px
}
	
#footer #copyright {
	line-height: 1.1em;
	position: absolute;
	right: 5px;
	top: 30px
}

#footer #validate {
	color:#aaa;
	line-height: 1em;
	position: absolute;
	right: 5px;
	bottom: 5px
}

#footer #validate a {
	color:#aaa;
	background: none
}
/* Tutorial Styles */
.next {
	font-size:10px; text-align: right
}
p.code {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:12px;
	text-align: left;
	border: 1px solid #999;
	background-color: #f1f1f1;
	padding: 3px
}


/* portfolio styles
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
div.shadow {
	position: relative;
	/*top: 4px; left: 4px;*/
	height: 59px;
	width: 98px;
	border-width: 0 4px 4px 0;
	border-style: solid;
	border-color: #eee;
}
div.shadow img {
	display: block;
	position: relative;
	top: -4px; left: -4px;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #ccc #ccc #ddd;
	/*padding: 0 -4px -4px 0;*/
	margin: 0 -4px -4px 0;
}
div.shadow a {
	text-decoration: none !important;
	background-color: transparent !important;
	margin: 0 4px 4px 0; /* IE weirdness */
}
div.shadow a:hover img {
	border: 2px solid #E6ECF5;
	margin: 0 4px 4px 0; /* IE weirdness */
}

/* ###################################################
ul {
  margin-left: 0;
  padding-left: 1em;
}
li {
  list-style-type: disc;
  list-style-image: url(down.png);
}
li.file {
  list-style-type: square;
  list-style-image: url(right.png);
}
a:link,
a:active,
a:visited {
  color: #000; 
  font-family: Verdana;
  font-size: 13px;
  text-decoration: none;
  background-color: #FFF;
  display: block;
  width: 125px;
  border: 1px solid #CCC;
}
a:hover {
  background-color: #CCC;
}
a:link.live,
a:active.live,
a:visited.live,
a:hover.live {
  border: 1px dotted #808080;
}
*/