/***** CSS RESET *****/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }

:focus { outline:0; }

body {color: #000; line-height:1px; background:#FFF; }

ol, ul { list-style:none; }

table { border-collapse:separate; border-spacing:0; }

caption, th, td { text-align:left; font-weight:normal; }

blockquote:before, blockquote:after, q:before, q:after { content:""; }

blockquote, q { quotes:"" ""; }

/*********** Global *************/

body { text-align: center; line-height: 14pt; }

#centering { margin: 0px auto; width:1000px; }

#leftPanel, #rightPanel { width:100px; height:1000px; float:left; }

#leftPanel { background: url(images/leftPanel.png); }

#container {  top: 0px; left:100px; height: 1000px; width: 800px; float:left; }

#rightPanel { background: url(images/rightPanel.png); }

#footer {
	text-align: center;
	position: relative;
	top: 57px;
	left: -4px;
}

ul { list-style: circle; list-style-position: inside; }

.uppercase a { text-transform: uppercase; color: #666666; }

.bord { border: thin solid;  }

/********** Nav Bar*************/

#logo { width: 151px; height: 150px; background: url(images/logo.png); }

#header, #navbar, #textNavBar { width: 800px; height: 78px; }

#header { background-color: #1f4183; left: 200px;}

#navBar { background: url(images/centerShadow.png); top: 150px; left: 200px;}

#textNavBar { background: url(images/text-nav-bar.png); position: relative;}

/********* Nav Bar Buttons **********/

#textNavBar a { height: 78px; display:block; top: 0px; position: absolute; } 

#home { width: 100px; left:0px; }

#product { width: 256px;  left: 101px; }

#about { width: 131px; left: 355px; }

#order { width:147px; left: 484px; }

#distro { width: 170px; left: 630px; }

/*********** Content ************/

#content { padding: 20px; width: 760px; height:675px; overflow-y: auto; text-align:left; line-height: 15pt;  }

.block { padding: 0 30px 30px 20px; }

h1, h2, h3, h4, h5 { font-family: sans-serif; text-align: center;  }

h2 { font-size: x-large; padding: 10px; }

h3 { font-size: large;  }

h6 { font-size: small; }

.one { color: #990000; }

.two { color: #003399; }

.nodec { list-style: none; }

ul ul li { list-style: none; padding: 0 0 0 30px;}

.blockLeft { clear: both; padding: 30px 0; }

.blockLeft dl { float: left; }

.blockLeft dt { }

.blockLeft dd { }

.blockLeft dt img, .blockLeft dt object, .blockLeft dt embed { float: left; margin: 10px; }


.blockRight { clear: both; padding: 30px 0; }

.blockRight dl { float: right; }

.blockRight dt { }

.blockRight dd { }

.blockRight dt img, .blockRight dt object, .blockRight dt embed { float: right; margin: 10px; }

.blockLeft h3, .blockRight h3 { padding: 30px 0 0 10px; }

.picfloat img { margin: 2px; }

.top { padding: 30px 0 0 0; clear: both; }

.textcenter { text-align: center; }

form { width: 400px; margin: auto; }

.formLabel { float: left; }

label .formLabel { clear: both; }

label .textField { clear: both; }

.textField { float: right; }

#submitForm { clear:both; float: right; }

.movie { margin: 0px auto; width: 720px; }