/* Global Style Sheet */

@import "reset.css";

/* ----- general styles ----- */

/* -- basics -- */
body {background:#3B0000 url(/images/background.jpg) repeat; color:#FFF; margin:0; padding:0; font:normal .9em/1.5em Arial, Helvetica, sans-serif;}
h1 {font-size:1.5em; line-height:2em; margin:-10px 0 0; padding:0;}
h2 {font-size:1.3em; line-height:1.8em; margin:-8px 0 0; padding:0;}
h3 {font-size:1.1em; line-height:1.6em; margin:1.5em 0 0; padding:0; color:#F68A19; background:transparent;}
p {margin:0 0 1.2em 0;}
#home p {margin:0;}
blockquote {font-style:italic; margin:0 2em 1.2em;}
br {margin:0;padding:0;height:1%;display:inline;line-height:0;}

/* -- links -- */
a {color:#FFF; background:inherit; text-decoration:none;}
a:link, a:visited {border-bottom:1px dotted #fff;}
a:hover, a:active {border-bottom:1px solid #fff;}

/* -- lists -- */
ul, ul ul, ol, ol ol, ul ol, ol ul {margin:0 0 1.2em 15px; padding:0; list-style-type:circle;}
ol {list-style-type:decimal;}
ul ul, ol ul {list-style-type:disc; margin-left:30px;}

/* -- bucket -- */
#bckt {width:750px; margin:10px auto 0; border:1px solid #F68A19; position:relative;}

/* -- masthead -- */
#masthead {width:750px; height:66px; margin:0; padding:0; background:transparent url(/images/masthead.jpg) no-repeat; color:inherit; position:relative;}
#home #masthead {background-image:url(/images/masthead-home.jpg);}
#masthead #logo {margin:0; position:absolute; top: 10px; left:3px;}
#masthead h1 {position:absolute; left:-1000px;}
#masthead #motto-head {margin:0; position:absolute; right:10px; top:10px;}
#breadcrumb {list-style:none; padding:0; margin:0; position:absolute; right:10px; bottom:5px;}
#breadcrumb li {display:inline; padding:0; margin:0 0 0 5px; float:left;}
#breadcrumb li:after {content: " >"; margin-left:2px;}
#breadcrumb li:last-child:after {content: "";}
#breadcrumb li {padding-top:30px;}
#breadcrumb li a {color:#fff;background:inherit;text-decoration:none;}
#breadcrumb li a:link, #breadcrumb li a:visited {border:none;}
#breadcrumb li a:hover, #breadcrumb li a:active {border-bottom:1px solid #fff;}

/* -- platform -- */
#pltfrm {width:750px; min-height:434px; margin:0; padding:0; background:#3B0000; color:inherit; position:relative;}

/* -- menu -- */
#menu, #menu-alt {float:left; width:157px; min-height:434px; margin:0; padding:0; background:#3B0000 url(/images/home-menu-bg.jpg) 0% 0% no-repeat; color:inherit;}
#menu-alt {background:#3B0000 url(/images/menu-bg.jpg) 0% 0% no-repeat;}
#menu ul, #menu-alt ul {margin:10px auto 0; padding:0; list-style-type:none; width:135px;}
#menu li a, #menu-alt li a {width:135px; height:25px; margin:.2em 0; font-weight:bold; padding:0; text-align:center; line-height:25px;}
#menu li li a, #menu-alt li li a {width:114px; margin:.2em 0; border-right:1px solid #F68A19;}
#menu ul ul, #menu-alt ul ul {margin:0 0 0 20px;}
#menu a, #menu-alt a {text-decoration:none; color:#FFF; background:transparent url(/images/menu-button.png) no-repeat; display:block; border:none;}
#menu li a:hover, #menu-alt li a:hover,
#menu li li a:hover, #menu-alt li li a:hover,
#menu li a#active, #menu-alt li a#active,
#menu li li a#subactive, #menu-alt li li a#subactive {color:#F68A19; background:transparent url(/images/menu-button-on.png) no-repeat;}

/* -- content -- */
#cntnt {float:right; width:593px; min-height:434px; margin:0; padding:0; background:#3B0000 url(/images/home-cntnt-bg.jpg) 100% 0% no-repeat; color:inherit;}
#cntntbox {width:560px; margin:5px auto; border:1px solid #F68A19; background:url(/images/cntntblck-bg.png) repeat; color:#fff; padding:10px; position:absolute; bottom:5px; font-size:.9em; text-align:right; display:block; cursor:pointer;}
#cntntbox #motto {background:url(/images/closebutton.gif) left top no-repeat; margin:-5px -5px -2px; padding:0;}
#notice {width:auto; margin:5px auto; border:1px solid #F68A19; background:transparent url(/images/content-fade.png) repeat-x; color:#fff; padding:3px; position:absolute; bottom:5px; right:11px; font-size:.9em; text-align:right; display:block; cursor:pointer;}

/* -- alternate content -- */
#cntnt-alt {float:right; width:593px; min-height:434px; margin:0; padding:0; background:#3B0000 url(/images/cntnt-bg.jpg) 100% 0% no-repeat; color:inherit;}
#cntntbox-alt {width:560px; margin:10px auto 10px 0; border:1px solid #F68A19; background:transparent url(/images/cntntblck-bg.png) repeat; color:#FBFBF9; padding:10px; font-size:.9em; display:block; cursor:default;}
#cntntbox-alt p img {float:right; margin:0 0 10px 25px;}
#cntntbox-alt #sub-info {margin:0 30px;}
#cntntbox-alt #sub-info h3 img {float:right; margin:0 0 10px 15px; border:1px solid #F68A19; display:block;}
#cntntbox-alt ul, #cntntbox-alt ul ul {margin:0 0 0 15px;}
#cntntbox-alt ul a:link,#cntntbox-alt ul a:visited {text-decoration:none;border-bottom:1px dotted #000;}
#cntntbox-alt ul a:hover,#cntntbox-alt ul a:active {text-decoration:none;border-bottom:1px solid #000;}

/* -- table elements -- */
table,tr,th,td {margin:0; padding:0; width:100%; border-collapse:collapse;}

/* -- form elements -- */
form {margin:0; padding:0;}
input, select, textarea {margin:0 0 3px; overflow:hidden; padding-left:4px; width:98%;}
select {width:101%; padding-left:0;}
.submit {width:auto; float:right;}
#links .shortDD {width:auto;}
#links {width:50%; margin:0 auto;}

/* -- definition lists -- */
dl {width:500px; padding:5px; margin:0 auto;}
dt,dd {margin:0;}
dl,dt {display:block; clear:both;}
dt {font-weight:bold; width:100%; font-size:1.1em; color:#F68A19; background:inherit;}
dd {float:left;}
dd img {display:block; float:left; margin:5px 5px 0 0; border:1px solid #F68A19; width:38px; height:38px;}
dd.year {width:50px;}
dd.month {width:65px;}
dd.content {margin-bottom:1em; width:385px;} /* width needs to be adjusted to the containing element so it won't warp */
dd.award {width:100%; clear:both;}
dl.truncate dt {padding:10px 0 0; font-weight:normal;}
dl.truncate dt a {text-decoration:none; color:#F68A19; background:transparent; border:none;}
dl.truncate dt a:hover {color:#FFF;background:transparent;}
dl.truncate dd {margin-left:15px;}
dl#vendors dt, dl#vendors dd, dl#distributors dt, dl#distributors dd {float:left; margin-top:1em; padding-top:.5em; border-top:1px solid #F68A19; clear;left;}
dl#vendors dt, dl#distributors dt {width:40%;padding-right:5%;}
dl#vendors dd, dl#distributors dd {margin-top:1.1em;width:55%;}
#link h3.pad {display:block;clear:both; padding-top:2em;}

/* -- image menus -- */
ul.img-menu {list-style-type:none; margin:0 auto; width:540px;}
ul.img-menu li {display:inline; list-style-type:none;}
ul.img-menu li div {display:block; width:122px; height:150px; float:left; margin:0 6px;}
ul.img-menu li div a {border:none; display:block;}
ul.img-menu li div a:link,
ul.img-menu li div a:active,
ul.img-menu li div a:visited {font-weight:bold; color:#F68A19; background-color:transparent; border:none;}
ul.img-menu li div a:hover {font-weight:bold; color:#FFF; background-color:transparent; border:none!important;}
ul.img-menu li div a img {border:1px solid #F68A19; display:block;}
ul.img-menu li div a:hover img {border:1px solid #FFF;}

/* -- back to top links -- */
.btt {display:inline; float:right; text-align:right; font-size:smaller; margin:-2em 0 0 0;}

/* -- shadows -- */
/* the shadow image */
img.shade{width:135px; height:40px; display:block; position:absolute; z-index:-1; left:0px; bottom:0px;}
img.shade-menu{width:135px; height:35px; display:block; position:absolute; z-index:-1; left:0px; bottom:0px;}
/* the content; should be slightly smaller than the image */
div.shade{width:124px; height:37px; position:relative; z-index:1;	background-color:transparent; padding:12px 10px;}
div.shade-menu{width:135px; height:25px; position:relative; z-index:1; background-color:transparent; padding:12px 0 12px 10px;}

/* -- sub-foot -- */
#sub-foot {width:750px; margin:0 auto; padding:0; font-size:smaller; color:#f68A19; background:transparent;}
#sub-foot p {margin:3px 0 0; padding:0; line-height:1.3em;}
#sub-foot a {text-decoration:none; color:#f68A19; background:transparent;}
#sub-foot a:link, #sub-foot a:visited {border:none;}
#sub-foot a:hover {border-bottom:1px solid #f68A19;}

/* -- sub-foot: fat erik's pipelist -- */
#sub-menu {list-style:none; padding:0; margin:0; float:right;}
#sub-menu li {display:inline; padding:0; margin:0 0 0 5px; float:right;}
#sub-menu li:after {content: " |"; margin-left:2px;}
#sub-menu li:first-child:after {content: "";}
/*ie workaround*/
/*all ie browsers*/
* html #sub-menu li {padding:0 0.4em 0 0.4em; margin:0 0.4em 0 -0.4em;}
/*win ie browsers - hide from mac ie\*/
* html #sub-menu {height: 1%; margin-right:-1em;}
* html #sub-menu li {display:block; float:left;}
/*end hide*/
/*mac ie 5*/
* html #sub-menu li:first-child {border-left:0;}

/* ----- hacks and overrides ----- */
.aa {position:absolute; left:-1000px;}
.left-half  {text-align:left;  float:left;  width:45%; padding:0 3% 0 0;}
.right-half {text-align:right; float:right; width:46%; padding:0 1% 0 4%; border-left:1px solid #F68A19;}
#sub-foot div.left-half {width:58%;padding:0;border:none;}
#sub-foot div.right-half {width:38%;padding:0;border:none;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.fl-left {float:left;}
.fl-right {float:right;}
.errors {font-weight:bold; color:#fccc00;}
.sm {font-size:smaller;}
#home #cntntbox {text-align:justify;}
#home #cntntbox #motto {text-align:right;}

/*-- clear floats without structural markup --*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:block;}
/* hides from ie-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* end hide from ie-mac */