body {	
	font-size: 100%;
}
#header {      
	clear: left;
	float: left;
	width: 100%;
	overflow: hidden;		
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.0em;
}
#header-left {
	right: 69%;
	height: 4.2em;
	margin-top: 0.8em;
	margin-left: 1.5em;		
	background-image: url(/images/bitsum_logo.gif);
	background-repeat: no-repeat;	
}
#header-right {		
	left: 80%;
	position: absolute;	
}
#header p, #header h1, #header h2 {
	width: 96%;
	margin: 0;
	padding: .4em 2% .1em 2%;
}
#header h1 {	
	font-weight: normal;
	font-size: 48px;
}
#header-right h3 {
	font-size: 70%;
}
#header-right h3 a {
	color: #ffffff;
}

#header ul {
	clear: left;
	float: left;
	width: 80%;
	margin: .7em 0 0 2%;
	padding: 0;  
	list-style: none;
}
#header ul li {
	display: inline;
}
#header ul li a {
	font-size: 110%;  
	float: left;
	list-style: none;
	padding: .2em .5em;
	text-decoration: none;
	margin-right: 10px;
	border: 1px solid #000;	
	font-weight: bold;	
	background-color: rgb(92,177,221); /*#3b5998;   /* green #989983;*/
    color: #ffffff; 		
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;      
	-khtml-border-radius: 10px;
	border-radius: 10px;		
}

#header ul li a:hover {
	background-color: #bcf998;   	
  color: #000000;
	border: 1px solid #000;
}

#header ul li a.active {
	font-weight: bold;
	background-color: #bcf998; 
	color: #000000;
	border: 1px solid #000;
	font-size: 110%;	
}

/* 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;	
	padding: .4em;
	border-style: none;
}

.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(/images/style_right_arrow.png);
}
.colleft li {  
	font-weight: normal;
	font-size: 100%;
}

/* 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 */
}
.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; 
}

/* */
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%;		
}