/* @override 
	http://www.sempapower.com/media/stylesheets/web.css
*/

/* TODO: change px to em */

/* @group Colors */

body {
    background: #F4F4F4 url(images/disc_bg.jpg) repeat-x scroll center top ;
    color: rgb(0,0,0);
}

h1 {
    color: #222;
}

h2 {
    color: rgb(120,193,86);
}

h3 {
    color: rgb(0,128,0);
}

a,
.newsbar .more-news a {
	color: rgb(58,96,173);
}

a img {
    border: 0;
}

a.button {
    background-color: rgb(141,193,51);
    color: rgb(0,0,0);
}

#mainmenu {
    background-color: #4b5b3e;
}

.verticalseparator {
    background-color: rgb(0,0,0);
}

#sidemenu {
    background-color: #cacac8;
}

#footer {
	border-top: .1em solid rgb(0,0,0);
	color:  rgb(179,179,179);
}

#footer .rowmenu a {
	color: rgb(51,51,51);
}

th {
    background-color: rgb(9,68,34);
    color: rgb(255,255,255);
}

.rowmenu a {
	color: rgb(0,0,0);
}

.pullout {
	color: rgb(9,68,34);
}

.sidebar-title {
	border-bottom: .1em dotted rgb(141,193,51);	
}

.leftsidebar .sidebarmenu > ul > li {
	border-bottom: .1em solid rgb(141,193,51);
}

.sidebarmenu a,
#sidebarcontact a {
	color: rgb(102,102,102);
}

.sidebarmenu a.current {
	color: rgb(0,0,0);
}

.newsbar .sidebar-title {
	border-bottom: .1em solid rgb(192,192,192);
}

.newsbar .sidebar-title a {
	color: rgb(0,0,0);
}

.newsbar ul > li > ul {
	color:  rgb(77,77,77);
}

.newsbar .date {
	color:  rgb(239,113,35);
}

.newsbar .more-news {
	color: rgb(0,0,0);
}

.fileinfo {
	color: rgb(77,77,77);
}

.even {
}

.odd {
    background-color: rgb(222,222,222);
}

/* @end */

/* @group Fonts */

body {
    font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

body {
    font-size: .8em;
}

#header, h1 {
	font-family: "Century Gothic", Helvetica, Arial, Geneva, sans-serif;
}

h1 {
    font-size: 1.6em;
}

h2 {
    font-size: 1.3em;
}

h3 {
	font-size:  1.1em;
	font-weight: normal;
}

dt {
    font-weight: bold;
}


th {
    text-align: left;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#header .rowmenu {
	font-size: .84em;
}

#footer .leftsidebar li { /* use li to prevent from resizing body and screwing with widths in ems*/
	font-size: .85em;
}

#footer .maincontent .copyright { /* use span to prevent from resizing body and screwing with idths in em*/
	font-size: .8em;
}

.rowmenu a,
.leftsidebar a {
    text-decoration: none;
}

.pullout {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2em;
}

.columnmenu {
	font-size: .9em;
}

.newsbar .sidebar-title {
	font-weight: bold;
}

.newsbar .date {
	font-weight: bold;
}

.newsbar ul > li > ul {
	font-size: .85em;
}

.newsbar .more-news {
	font-weight: bold;
	font-size: 1.1em;
}

#sidebarcontact {
	font-size: .85em;
	color: rgb(102,102,102);
}

.name-title {
	font-size: .82em;
	font-weight: normal;
}

.fileinfo {
	font-size: .8em;
}

/* @end */

/* @group Box Properties */

body {
    margin-top: 2.19em;
    margin-bottom:  2.19em;
    margin-left: 5.1em;
}

h1 {
    margin-bottom: 0;
}

h2 {
	margin-top: 1.5em;
    margin-bottom: -.3em;
}

h3 {
	margin-top:  1.4em;
    margin-bottom: -.5em;
}

table {
    border-collapse: collapse;
    empty-cells: show;
}

th,
td {
    padding: .2em 1em .2em 1em;
}

#maincontent .maincontent li {
	list-style-image: url(/images/bullet.sempaarrow.png);
	margin-bottom: .3em;
}

#header {
    position: relative;
    margin-bottom: 5.8em;
    zoom: 1; /* IE6 workaround for absolute/relative positioning bug; used to have width: 100% */
}

#header .rowmenu ul {
	padding: .85em 0 0 0;
	margin-top: .1em;
}

#mainmenu {
    position: absolute;
    bottom: .7em;
    left: 20.4em;
    height: 2.7em;
    width: 45em; /* needs to be enough to cover the possible gap between this and #sidemenu*/
    padding-left: 2em;
}

#mainmenu a {
	color: #fff;
}

#mainmenu a:hover {
	color: #000;
}
.verticalseparator {
    position: absolute;
    left: 56.3em;
    width: .1em;
}

#header .verticalseparator {
	bottom: .1em;
    height: 2.8em;
}

#footer .verticalseparator {
	top: -0.75em;
    height: 1em;
}

#sidemenu {
    position: absolute;
    bottom: .7em;
    left: 67em;
    height: 2.7em;
    width: 22em;
    padding-left: 2.9em;
}

/* content header. includes heading and pullout */
#contenthead {
	margin-bottom: 3.5em;
}

.leftsidebar {
    float: left;
    width: 15.7em;
}

.rightsidebar {
	float: right;
	width: 19.3em;
	margin-left: 0em;
	margin-right: .75em;
}

.maincontent {
    margin-left: 17.2em;
    margin-right:  22.4em;
    width: auto; /* 37.45em; */
    position:  relative;
    padding-right: .8em;
}

#maincontent .leftsidebar {
	margin-top: .4em;
}

#footer {
	clear:  both;
	margin-top: 3em;
	padding-top:  .5em;
}

#footer .rowmenu li:last-child,
#sidemenu.rowmenu ul li:last-child {
	margin-right:  0;
}

#footer .rowmenu li {
	margin-right: 1.3em;
}

#threetrees {
	position: absolute;
	margin-top: -4.37em;
	right: 0;
	clear: both;
}

.rowmenu ul,
.columnmenu ul,
.newsbar ul {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0;
}

.rowmenu li {
    float: left;
    display: block;
    margin-right: 1.8em;
}

.sidebarmenu .sidebar-title {
	padding-bottom: .2em;
	margin-bottom: .6em;
}

.sidebarmenu > ul > li {
	padding-bottom: .5em;
	margin-bottom: 3em;
}

.sidebarmenu > ul > li li,
.columnmenu li,
.newsbar li {
	margin-bottom: .2em;
}

.newsbar .sidebar-title {
	padding-bottom: .2em;
	margin-bottom: .6em;
}

.newsbar .more-news {
	margin-top: .5em;
}

/* a vertical row of content. leftsidebar and other elements may use absolute positioning, so we need to set the relative position here to contain the positioning withing the row */
.content-container {
	position: relative;
	width: 77.4em;
	clear: both;
}

.ul-no-left-indent {
	padding-left: 1.6em;
}

.inline {
    display: inline;
}

.clear {
	clear:  both;
}

/* @end */