body a,
body a:link,
body a:visited {
   text-decoration: none;
}

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

/* layout */
body {
   font-family: Helvetica;
   font-size: 83%;
   line-height: 125%;
   margin: 0;
   padding: 0;
   min-width: 700px;      
}

#page {
   margin: 0 auto;
   width: 95%;
   padding-top: 10px;
   padding-bottom: 10px;
}

body.bothsidebars,
body.leftsidebar,
body.rightsidebar,
body.nosidebars {
}

#middlecontainer {
  margin: 0 auto;
}

.regions {
display: block;
float: none;
}

#maincontent {
  float: left;
  width: 100%;
}

body.bothsidebars #maincontent {
  margin: 0 -210px;
}

body.leftsidebar #maincontent{
  margin-left: -210px;
}

body.rightsidebar #maincontent{
  margin-right: -210px;
}

#squeeze {
  position: relative;
  padding-top: 10px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 10px;
}

body.leftsidebar #squeeze {
  margin-left: 210px;
}

body.rightsidebar #squeeze {
  margin-right: 210px;
}

body.bothsidebars #squeeze {
  margin: 0 210px;
}

#middlecontainer .sidebar {
  margin: 0 0 5em;
  width: 210px;
  float: left;
  z-index: 2;
  position: relative;
}

.regions {
	width: 100%;
}

#topregion {
	width: 100%;
}

#footer {
  float: none;
  clear: both;
}

/* override Drupal */
tbody {
  border: none;
}

tbody th {
  border: none;
}

/* spacing */

p {
  margin-top: 10px;
  margin-bottom: 15px;
}

h1, h2, h3, h4, h4 {
	padding-bottom: 5px;
	margin: 10px 0;
}

h1 {
	font-size: 160%;
}

h2 {
	font-size: 125%;
}

h3 { 
   font-size: 110%;
}

h4 {
	font-size:  100%;
}

div#header {
  clear: both;
}

div#header,
div#header p,
div#header p.img {
   display: inline;
}

#leftsidebar .block, #rightsidebar .block {
  padding-top: 10px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 10px;
}

#middlecontainer {
  padding:0px 10px 10px 10px;
}

#footer {
  text-align: center;
  margin:0;
  font-size: 75%;
  padding: 1em;
}
  
#footer a {
  font-weight:bold;
}
  
#footer a:hover {
}

div#breadcrumb {
  padding-left:14px;
  clear: both;
  font-size: 75%;
}

/* topregion */
div#topregion .region {
  padding-top: 10px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 10px;
}

/* bottomregion */
div#bottomregion.region {
  padding-top: 10px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 10px;
}

div#user1 {
float: left;
}

div#user2 {
display: inline;
}

div#user3 {
float: right;
}

/* Primary and Secondary links */

#primary {
  line-height: 30px;
}

#primary ul {
  padding:0;
  margin:0;
  list-style:none;
}

#primary li {
  display:inline;
}

#primary a {
  font-weight:bold;
  display:block;
  float:left;
  padding:0px 14px 0px 14px;
  margin: 0px 1px 0px 0px;
  font-size: 95%;
}

#primary a {
  background-position:0% 0px;
}

#primary a:hover {
  text-decoration: none;
  background-position:0% -42px;
}

#primary a.active {
  background-position: 0% -84px;
}

#secondary {
}

#secondary ul {
  margin:0;
  padding:0;
  list-style:none;
}
#secondary li {
  margin:0;
  padding:0;
  display:inline;
}

#secondary li a {
  float:left;
  display:block;
  font-size: 90%;
  padding:0px 14px 0px 14px;
}

#secondary a:hover {
  text-decoration: none;
}

#secondary a.active {
  font-weight:bold;
}

a.readon,
a:hover.readon {
	margin-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;

	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

/* utility stuff */

.clear-block {
  display: block;
}

/* clearing & floating */
.clearingfix:after {
	content: "."; 
	display: block; 
	line-height: 0px;
	clear: both; 
	visibility: hidden;
}
	
.floatbox { overflow: hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width25 { width: 24.999%; }
.width33 { width: 33.333%; }
.width50 { width: 49.999%; }
.width66 { width: 66.666%; }
.width75 { width: 74.999%; }
.width100 { width: 100%; }


#masthead {
  float: none;
  clear: both;
  line-height: normal;
}

#logo-title {
  display:inline;
}



#name-and-slogan {
  display: inline;
}

#site-name {
  display: inline;
}

#site-name a, #site-name a:hover {
  font-weight: normal;
  color: white;
  font-size: 140%;
  margin: 0;
  padding: 0;
}

#site-slogan {
  color: #aaa; 
  margin: 0;
  font-size: 85%;
  display: inline;
}

#logo-title {
  margin: 10px 0px 0 10px;
  position: relative;
}

#logo{
  vertical-align: baseline;
}

img#logo {
  width: 250px;
  height: 100px;
}

img#roopletheme {
  width: 100px;
  height: 20px;
}

#search {
  padding-top: 25px;
  padding-right: 20px;
  float: right;
}

#mission {
  font-weight:bold;
  padding: 2em;
  margin-top:20px;
  margin-bottom:20px;
  font-size: 85%;
  border: solid 1px #B5C9D8;
}


/* demo content */
#downloadjazz {
    width: 100px;
	height: 100px;
	float:  right;
	position: relative;
    display: inline;
	margin-top: -20px;
}

#configscreen {
    width: 200px;
	height: 177px;
	float:  right;
	position: relative;
    display: inline;
	margin-top: -40px;
}

#configmagglass {
    width: 200px;
	height: 239px;
	float:  right;
	position: relative;
    display: inline;
	margin-top: -40px;
}

/* table stuff */

table.regions {
	width: 100%;
}

td.region {
	padding: 0px 10px;
}

div#topregion {
  }

div#topregion td.region {
	padding-top: 10px;
	padding-bottom: 15px;
      padding-left: 20px;
      padding-right: 10px;
}

div#bottomregion {
  }

div#bottomregion td.region {
	padding-top: 10px;
	padding-bottom: 15px;
      padding-left: 20px;
      padding-right: 10px;
}