body {
	font-size: 100%;	
	background-color: #ffffff;
}

a.button {
	position: relative;	
	background-color: rgb(180,40,40);
	color: #fff; 
    display: inline;        
    text-decoration: none;
	border: 1px solid #000;
	margin: 1em 0.2em 1em 0.2em;
	padding: 0.5em;
	line-height: 2.5em;
	font-weight: bold;
	border-style: outset outset outset outset;
	border-width: 2px;
	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-khtml-border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}
/* todo */
a.button:active {
    background-color: rgb(250,40,40);	
	color: #fff;
}

a.button:hover {
    background-color: rgb(250,40,40);	
	color: #fff;
}

/* todo */
a.button_blue:active {
    background-color: rgb(40,40,250);
	color: #fff;
}

a.button_blue:hover {
    background-color: rgb(40,40,250);
	color: #fff;
}


a.button_blue {
	position: relative;	
	background-color: rgb(40,40,180);
	color: #fff; 
    display: inline;        
    text-decoration: none;
	border: 1px solid #000;
	margin: 1em 0.2em 1em 0.2em;
	padding: 0.5em;
	line-height: 2.5em;
	font-weight: bold;
	border-style: outset outset outset outset;
	border-width: 2px;
	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-khtml-border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}


input.button {
	position: relative;	
	background-color: rgb(180,40,40);
	color: #fff; 
    display: inline;        
    text-decoration: none;
	border: 1px solid #000;
	margin: 1em 0.2em 1em 0.2em;
	padding: 0.5em;
	line-height: 2.5em;
	font-weight: bold;
	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-khtml-border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}

/* todo */
input.button:active {
    background-color: rgb(250,40,40);
	color: #fff;
}

input.button:hover {
    background-color: rgb(250,40,40);
	color: #fff;
}

.red_theme_text {
	color: rgb(180,40,40);
}

#header {
	clear: left;
	float: left;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.0em;
}

#header-left {
	right: 79%;
	height: 4.2em;
	margin-top: 0.8em;
	margin-left: 1.5em;
	background-image: url('/images/bitsum-red-logo_65.gif');
	background-repeat: no-repeat;
}
#header-right {
	left: 80%;
	right: 99%;
	width: 19%;
	position: absolute;
}
#header p, #header h1, #header h2 {
	width: 96%;
	margin: 0;
	padding: .2em 2% .1em 2%; /* tab profile adjust - slim */
}
#header h1 {
	font-weight: normal;
	font-size: 48px;
}
#header-right h3 {
	font-size: 70%;
}
#header-right h3 a {
	color: #ffffff;
}

#header ul {
	clear: both;
	float: left;
	width: 80%;
	margin: .7em 0 0 2%;
	padding: 0;
	list-style: none;
}
#header ul li {
	display: inline;		
	border-style: none;
	padding: .2em .5em;
	margin-right: 5px;
	font-size: 110%;
	font-weight: bold;
}
#header ul li a {
	/*background-color: #eee;*/
	background-color: #eadede;	
    /*color: #000000;*/
	color: rgb(220,10,10);
	font-size: 110%;
	font-weight: bold;
	float: left;
	list-style: none;
	padding: .2em .5em;
	text-decoration: none;
	margin-right: 5px;	/* space between tabs */	
	border: 1px solid #000;
	border-style: outset outset outset outset;
	-moz-border-radius: 1em 2em 1em 2em;
	-webkit-border-radius: 1em 2em 1em 2em;
	-khtml-border-radius: 1em 2em 1em 2em;
	border-radius: 1em 2em 1em 2em;
}

#header ul li a:hover {	
	background-color: rgb(250,40,40);	
	color: #ffffff;
	border: 1px solid #000;
	border-style: outset outset outset outset;
	-moz-border-radius: 1em 2em 1em 2em;
	-webkit-border-radius: 1em 2em 1em 2em;
	-khtml-border-radius: 1em 2em 1em 2em;
	border-radius: 1em 2em 1em 2em;
}

#header ul li a.active {	
	font-weight: bold;	
	background-color: rgb(180,40,40);
	color: #ffffff;
	border: 1px solid #000;		
	border-style: outset outset outset outset;
	-moz-border-radius: 1em 2em 1em 2em;
	-webkit-border-radius: 1em 2em 1em 2em;
	-khtml-border-radius: 1em 2em 1em 2em;
	border-radius: 1em 2em 1em 2em;
}

/* column container */
.colmask {
	color: #000000;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
}

/* common column settings */
.colright, .colmid, .colleft {
	float: left;
	width: 100%;
	position: relative;
}
.col1, .col2, .col3, .col1_alt {
	float: left;
	position: relative;
	padding: .4em;
	overflow: hidden;
}

.footer .rightnotice2 {
	float: right;
	position: relative;
	width: 30%;
	clear: none;
	overflow: hidden;
	margin: 0.7em;
	text-align: center;
	padding: .4em;
	border-style: none;
}

.col1 .rightnotice {
	float: right;
	position: relative;
	width: 30%;
	clear: none;
	overflow: hidden;
	margin: 0.7em;
	text-align: center;
	background-color: #eadede;
	padding: .4em;
	border-style: outset outset outset outset;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	border-width: 4px;
}

.col1 .rightnotice-larger {
	float: right;
	position: relative;
	width: 40%;
	clear: none;
	overflow: hidden;
	margin: 0.7em;
	text-align: center;
	background-color: #eadede;
	padding: .4em;
	border-style: outset outset outset outset;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	border-width: 4px;

}

.colleft ol {
	font-weight: bold;
	font-size: 120%;
	list-style: round outside;
}

.colleft ul {
	font-weight: bold;
	font-size: 110%;
	list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41Ljg3O4BdAAABAUlEQVQoU31SLRPCMAytRCKRSCQGSDGTjJY7LBKJRE7OIZFIfgISHBKJ5IDuKpGTyJFs6Va+1rvddUnee0lehfCOUYO50fKRaJm5z2h44j22QdDwa/M7JldloYJLouQx0XD2CPZvQFKgJLGi0sxnvIV9cOpEXOYMMRMIwV8tYICAjtROg6YXkPYXwMUSBYeS2LWGgW09SEb5fEquhRnDgoetBeE8S67biLuCkH9OtUrYCStFgtbIXmQ08C+gVb2Wq7ET2clrqM9iO9La0aDtA4m08IwMh12ZyxNsJK4/JT+47ZiIiq1B+kkoaP8VY/WMWOF8VcPu35nZyJgIPMWmD3gBAuzJFwK2gmgAAAAASUVORK5CYII=);
	/*url('/images/list_red_circle.png');*/
}

.colleft li {
	font-weight: normal;
	font-size: 100%;
}

.rounded_list {
	list-style: round outside;
	margin-left: 40px;
}

/* leftmenu settings */
.leftmenu {

}
.leftmenu .colleft {
    right: 75%;
}
.leftmenu .col1 {
    width: 71%;
	left: 100%;
}
.leftmenu .col2 {
    width: 19%;
    left: 6%;
}

/* layout: 2 column */
.doublepage {
	background-color: #f4f4f4; /* right column */
}
.doublepage .colleft {
	right: 50%;
}

.doublepage .col1 {
	width: 46%;
	left: 52%;
}
.doublepage .col2 {
	width: 46%;
	left: 56%;
}

/* layout: full-page */
.fullpage {
}
.fullpage .col1 {
	width: 96%; /* page width minus left and right padding */
	left: 2%; /* page left padding */
	background-color: #ede;
}
.fullpage .col1_alt {
	width: 96%; /* page width minus left and right padding */
	left: 2%; /* page left padding */
	background-color: #ccc;
}

/* layout: 3 column */
/* 3 Column settings */
.threecol {
	background-color:#eee;
}
.threecol .colmid {
	right:25%;
}

.threecol .colleft {
	right:50%;
	background-color:#f4f4f4;
}

.threecol .col1 {
	width:46%;
	left:102%;
}
.threecol .col2 {
	width:21%;
	left:31%;
}
.threecol .col3 {
	width:21%;
	left:85%;
}

/* Footer style */
#footer {
	clear: both;
	padding: 1em 2%;
	border-top: 1px solid #ccc;
	font-size: 85%;
	color: #999;
}

/* misc new styles */

.bigpurple {
	font-size: 120%;
	color: #330066;
	font-weight: bold;
}

.activelistitem {
	list-style: square outside;
	font-size: 110%;
}

.activelistitem_highlight {
	list-style: square outside;
	color: red;
}
.highlight {
	font-size: 100%;
	color: red;
	font-weight: normal;
}
.highlight a {
	font-size: 100%;
	color: red;
	font-weight: normal;
	text-decoration: none;
}
.redcolor {
	color: red;
}

/* */
.strikethrough {
	font-size: 100%;
	font-weight: normal;
	text-decoration: line-through;
}

/* */
.news ul {
	list-style: round outside;
}

.links ul {
	list-style: round outside;
}

/* */
.smalltext {
	font-size: 75%;
}
.mediumtext {
	font-size: 90%;
}
.largetext {
	font-size: 110%;
	font-weight: bold;
}
.superlargetext {
	font-size: 150%;
	font-weight: bold;
}
.betaversiontext {
	font-size: 85%;
}
.boldtext {
	font-weight: bold;
}

/* silly no underline class */

.link_nounderline {
	position: relative;
	text-decoration: none;
}

.link_nounderline a {
	text-decoration: none;
}

.link_nounderline_black {
	text-decoration: none;
	color: #000;
}

.link_nounderline_black a {
	text-decoration: none;
}

/* */
table.centered {
  table-layout: automatic;
	border-width: 0px 0px 0px 0px;
	border-spacing: 4px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
}
table.centered th {
	background-color: #eadede;
	border-width: 2px 2px 2px 2px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
}
table.centered td {
	border-width: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
    text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}

table.centered th {
  font-size: 120%;
  font-weight: bold;
}

.mediumlargetext {
  font-size: 110%;
  font-weight: bold;
}

.yellow-highlight {
  font-size: 90%;
}

ul.stared-list {
	list-style: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAScwAAEnMBjCK5BwAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAAFgSURBVDhPjZO/agJBEMbPS9AgMYV4TWwMQkgVSBOSwjSCFj5BWhstAikCISBWCdhapBJfQFLa5RFEBAufQXwBCws/59vLqhvOGw8G5mZnfvNnZz1P+QBkRe6sm+iJQyFxZ9sYOiFLJq6OClArXC5/4XlAt0voweo0jjkXwAOaTRhgKkXgd1ygmlAcvgzMymgkqj70+/9kMzfgDYPBDkZoucwqg7/q6WPlSfQTkRsPk0kYlMkA+bwL2K/O6glhWD0IgFwu/G+1mOyZczrDev2JUkmHRSVIJoHplLAXZximxdkMSKePB/d6BP2I3EZeiBh9ZkKnEw9lN8C7eqvb16ABi0UCT7ULt7vnO6sSNTfaFgu2ehELNWswHrvt1uusBuj3XTsXHjjXgZVKGFitAquV/Jj9olyKNNBu78DAtQb0zV7N58z+ETV0sRXMWa0GDIf0i3/fpm3gURu4+Lzu+1jwBny5tPkWEEQtAAAAAElFTkSuQmCC);
}

/* for lightbox */

div.BeginArray 
{			
	padding: 15px;
	*margin-top: -9px;
}

ul.HorizontalArray
{ 
	width: 100%;
	display: inline;
}

ul.HorizontalArray   li 
{ 
	display: inline;
	display: block;
	list-style: none;	
	list-style-image: none;
}
ul.HorizontalArray  a 
{  
  padding: 6px 10px;
  text-decoration: none;  
  /*border-bottom: 1px solid;*/
}

ul.HorizontalArray  a.selected 
{    
  font-weight: bold;  
  cursor: default; /* needed?*/
}

ul.HorizontalArray a:hover 
{
  
}