/*BIG STUFF*/
* {margin:0;padding:0}
body {
 padding: 0 0 20px;
 background: #fff url("images/background-4000h.gif") repeat-y top left;
 color:#333;
 font:83%/1.5 verdana, arial,"helvetica sans-serif";
}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer} 
a:link {color:#c00} 
a:visited {color:#c00} 
a:hover,a:active {color:#000;} 

/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0;}
fieldset {margin: 10px 20px 10px 20px;}
label {width: 120px; font-weight:bold; color:#fff;}
label br {clear:left;}

/* TYPOGRAPHY */
p, ul, ol {margin: 5px 20px 5px 20px;}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;color:#000;}
h1 {font-size: 196%;margin-top:10px; margin-left:130px; margin-bottom: 8px;border-bottom: 1px solid #eee;}
h2 {font-size: 136%; margin-left:130px;margin-bottom: 2px; padding-bottom: 10px;}
h3 {font-size: 126%; margin: 20px 20px 0 20px;padding: 0;}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
.right {text-align:right;}
small {font-size:11px}

/* LISTS */
ul {margin: 20px 0 20px 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;padding-right:25px;}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}
li.title {font-size:100%;font-weight:bold;padding-top:5px;}
li.desc {font-size:95%;padding-left:45px;padding-bottom:5px;}
li.note {font-size:92%;padding-top:8px;}

dl {margin: 10px 20px 10px 20px}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}
dl img{vertical-align: middle;}

/* GENERAL */
img {border:none;} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
legend {font-weight:bold;}

/* LAYOUT - HEADER */
#header {margin: 20px auto 0;padding: 0; width: 100%;text-align: left; height: 150px;}
#headerpic {height: 150px; width: 150px; margin: -11px 0 0 -7px;position: absolute; top:0; left:0; background: url(images/snaps-logo-22jan07.gif) no-repeat;}
#headerpic span{visibility:hidden;}
#pageheader {height: 61px; width: auto; border: 1px solid #fff; background: url(images/yellow-bar.gif) 0 0 no-repeat;}
#subheader {float: left; width: 100%; margin: 20px 0 0 0; border: 1px solid #fff; background: #6e6e6e url(images/yellow-bar.gif) 0 0 no-repeat;}


/* LAYOUT - main body of page */
#wrap {min-width:770px;max-width:1200px;margin: 0 20px 0 20px;position:relative}
#content-wrap {position:relative;width:100%}
  #content-wrap iframe{height: 500px; width:100%;}
#rightcol {position:absolute;top:0;left:25px;width:160px;border-top: 5px solid #e9e9e9;border-bottom: 5px solid #e9e9e9;padding-bottom: 10px;left:auto;right:0;}
#navigation {position:absolute;top:0;right:25px;width:20%; padding-top: 1px;padding-bottom: 40px;right:auto;left:0;}
#content {margin: 0 200px 0 17%; min-height:485px; padding: 0;border-left: 5px solid #000;border-right: 5px outset #747474;border-bottom: 5px outset #747474;border-top: 5px outset #747474;background: #e5e5e5 url(images/lens-bar.gif) no-repeat top left;}
#contentdata {margin: 0; min-height:453px; padding: 0;border-left: 5px solid #000;border-right: 5px outset #747474;border-bottom: 5px outset #747474;border-top: 5px outset #747474;background: #e5e5e5 url(images/lens-bar.gif) no-repeat top left;} 
	/* TABLES */
	#table1 {border: none;width:100%;}
		#table1 td {padding:3px;border: 1px solid #fff; vertical-align: top;}
		#table1 th {text-align:left;border: 1px solid #fff}
		#table1 thead th {font-size:125%;}
		#table1 tbody th {font-size:105%;padding: 6px;}
		#table1 tbody th.sub {font-size:100%;color:#000;padding: 6px}
		#table1 td.alignright {text-align: right;}
		#table1 td.split {border-top: 2px solid #E17000;}
		#table1 td.bolded {font-weight:bold; font-style:italics; color:#cc0000}

	#table2 {border: none;width:95%;}
	    #table2 td {padding:1px;border:1px solid #fff;vertical-align: top;font-size:95%;}
	    #table2 th {text-align:left;border: 1px solid #fff;font-size:95%;}
		#table2 thead th {font-size:100%;}
		#table2 tbody th {font-size:98%;padding: 6px;}
		#table2 tbody th.sub {font-size:95%;color:#000;padding: 6px}
		#table2 td.alignright {text-align: right;}

	#table3 {border: none;width:95%;}
	    #table3 td {padding:1px; vertical-align: top;font-size:95%;}
	    #table3 th {text-align:left;font-size:95%;}
		#table3 thead th {font-size:100%;}
		#table3 tbody th {font-size:98%;padding: 6px;}
		#table3 tbody th.sub {font-size:95%;color:#000;padding: 6px}
		#table3 td.alignright {text-align: right;}

	/* SPACER */
	#spaced {margin:30px 0 10px 0; padding:0;}

/* MAIN NAVIGATION */
#box1 ul{padding: 0; margin: 0; list-style: none;}
#box2 ul{padding: 0; margin: 0; list-style: none;}
#box1 li {float: left; width: 140px; margin: 0 0 5px 0; padding: 0; font-size: .9em;border: 1px solid #fff;background: #8e8e8e url(images/sidelinkred.gif) no-repeat top left;}
#box2 li {float: left;width: 140px;margin: 0 0 5px 0;padding: 0; font-size: .9em;border: 1.5px solid #fff;background: #8e8e8e url(images/sidelinkyel.gif) no-repeat top left; }
#box1 a {float: left;display: block;margin: 0;padding: 5px 2px 5px 8px;color: #fff;font-weight: bold;text-decoration: none;background: #8e8e8e url(images/sidelinkred.gif) no-repeat top left; }
#box1 a.subdued {float: left;display: block;margin: 0;padding: 5px 2px 5px 8px;color: #c0c0c0;font-weight: bold;text-decoration: none;background: #8e8e8e url(images/sidelinkred.gif) no-repeat top left; }
#box2 a {float: left;display: block;margin: 0;padding: 5px 2px 5px 8px;color: #000;font-weight: bold;text-decoration: none;background: #8e8e8e url(images/sidelinkyel.gif) no-repeat top left; }
#box2 a.subdued {float: left;display: block;margin: 0;padding: 5px 2px 5px 8px;color: #c0c0c0;font-weight: bold;text-decoration: none;background: #8e8e8e url(images/sidelinkyel.gif) no-repeat top left; }
#box1 a:hover{width: 130px;margin: 0;padding: 5px 2px 5px 8px;background: url(images/sidelinkredl.jpg) repeat-x top left;}
#box2 a:hover{width: 130px;margin: 0;padding: 5px 2px 5px 8px;background: url(images/sidelinkyell.jpg) repeat-x top left;}
#box1 a:active{background: url(images/sidelinkredl.jpg) repeat-x top left;}
#box2 a:active{background: url(images/sidelinkyell.jpg) repeat-x top left;}


/* RIGHT COL BOX */
#comment-box{margin:0; padding:0; list-style: none;}
#comment-box li.first{font-size: 126%;font-weight: bold;color:#000;text-align: center;margin: 10px 6px 5px 6px;padding:0;}
#comment-box li.last{font-size: 126%;font-weight: bold;text-align: center;margin: 0 6px 10px 6px;padding:0;}
#comment-box li{text-align: center;margin: 0 6px 10px 6px;padding:0; font-weight:bold;}
		
/* LAYOUT - FOOTER */
#footer {clear:both; float: left; width: 100%;padding: 10px 0 0 0;font-size:86%;color:#999;}
	#footline{float: left; width: 100%; margin: 0; padding: 0 0 0 10px; list-style: none;background: #777;}
	#footline li {float: left;margin: 0;padding: 0;}
	#footline a{float: left;display: block;margin: 0 4px 0 0; padding: 4px 8px;color: #eee;}	
#copyright {padding: 0; margin: 0;font-size:86%;color:#999}
	#copyline{float: right; width:100%;margin:0; padding:0 10px 0 0; list-style: none;}
	#copyline li{float: right; margin: 0; padding: 0;}
	#copyline a{display: block; margin: 0 0 0 4px; padding: 4px 8px;color: #eee;}