

body {
	background-color: white;
	color: #444;
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 100%;
	min-width: 960px;
	background-image: url('img/banner-left.png');
	background-repeat: no-repeat;
	background-position: top left;
	
}

.main {
   margin-left: auto;
   margin-right: auto;
   width: 960px;
}


a:link {
 color: #06C;
 
}

a:hover {
 text-decoration: underline;
}

a:visited {
 text-decoration: none;
}

p,dl {
 
 margin-top: 10px;
 margin-bottom: 5px;
}

dt{
 margin-top: 1em;
 margin-bottom: 0.25em;
}
dd {
 margin-top: 0.25em;
 margin-bottom: 0.5em;
}

ul { 
     list-style-type: circle;     
     background: inherit;	
}

h1, h2, h3, h4, h5, h6 {
   margin: 0 0 0 0 ;
   padding: 0 0 0 0;
   font-family: arial, verdana, sans-serif;
}

li h1, li h2, li h3, li h4, li h5, li h6 {
   border: none;
}


h1 {
 margin-bottom: 2px;
 padding-bottom: 2px;
}

h2 {
 color: #429fb6;
  
 
 padding: 2px;
 margin-bottom: 0px;
 margin-top: 0px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 
 font-size: 110%;

}

strong {
  color: black;
  background: inherit;
} 

label {
	display: block;
	width: 12em;
	float:left;
}
input,select {
	margin: 1px;
	margin-bottom: 5px;
}

samp {
  font-size: 110%;
  color: black;
}

dt {
 font-weight: bold;
}

fieldset{
	border: 1px solid #AAAABB;
	padding: 1em;
	margin: 1em;
}
img {
	  border: 0px;	  
}

#langs {
  float: right;
  text-align: right;
  font-size: 80%;
}

#langs a{
  text-decoration: none;
}

#header {  
  padding-bottom: 0.5em;;
  margin-bottom: 0px;
 
}


#banner {
 text-align: left;
}

#header h1 {
 font-size: 12px;
 padding-top: 10px;
 margin-bottom: 0px;
 padding-bottom: 0px;
}
#header strong {
 font-size: 16px;
}

#contents {  
     margin-left: auto;
     margin-right: auto;
     width: 960px;
     min-height: 400px;
     margin-top: 10px;	
	/*border: 1px solid black;*/
}
#c-big{
 float: left;
 width: 79%;
}

#t-c {
 }
 
#c-l {
  width: 355px;
  float: left;
  padding-right: 10px;
}
#c-r {
 float: left;
 width: 350px;
}

#c-small {
 float: left;
 width: 20%;

}

#bottom {
	font-size: 80%;
	text-align: center;
	bottom: 0px;
	padding-top: 10px;
	width: 100%;
	background: transparent;
	color: #555566;
	border-top: 1px dotted #077e92;
}

#bottom h2{
	font-size: 90%;
}

#bottom a {
 font-weight: bold;
}
#bottom  a:link {
  font-weight: bold;
}
#bottom a:hover {
 text-decoration: underline;
}
#bottom a:visited {
 text-decoration: none;
}

.uctt {
  font-size: 120%;
  font-weight: bold;
}

.center {
    text-align: center;
}

.red {
    color: #e71616;
   background: inherit;
}

.yel {
   color: #dedb16;
   background: inherit;
}
.blu {
    color: blue;
    background: inherit;
}

.blut{
 color: #85e2f9;
}

.gre {
 color: #999;
}

.text{
      display: block;
      padding: 2px;	    
      margin: 2px;
      
}
  
.hide {
    display: none;
}

.e-msg {
    color: red;
    font-weight: bolder;
    font-size: 60%;
}
.alert {
    margin-right: 3px;
    margin: 0 0 0.1em 0;
    font-weight: bold;
    border: 1px dashed #DD8888;
    color: #AA5555;
    padding: 1em;
}

/*Submit button*/
.sb{
  margin-left: 8.5em;
  margin-top:20px;
  font-size:140%;
}
/* form left*/
#f-l {
  min-width: 325px;
  float: left;
  width: 72%;
  /*border: 1px solid black;*/

}
/* form right */
#f-r {
 float: left;
 width: 25%;
 margin-left: 2%;
 /*border: 1px solid black;*/
}
/*form-hint*/
.f-hint {
 font-size: 60%;
 color: #999;
}

/* hilight terms of service */
#hi-tos {
	padding-left: 12em;
}
#hi-follo {
	padding-left: 12em;
}

/*highlight error*/
.hi-e {
	background-color: #FFDDDD;
	color: #AA0000;
	font-weight: bold;
}


/* twitter_update_list */
#twitter_update_list {
 	list-style-type: none;
	padding: 0;
	margin: 0;
	
}

#twitter_update_list li {
   display: block;
   float: left;
   width: 200px;
   list-style: none;
   padding-bottom: 3px;
   padding-top: 3px;
   padding-right:2em;
   font-size: 70%;
   color: grey;
}

/*user form*/
.u-f{
  padding-left: 5px;
}

.ok {
  border: 1px solid green;
  padding: 5px;
  color: #446644;
  background: #CCFFCC;
}

.warn {
  border: 1px solid red;
  padding: 5px;
  color: #884444;
  background: #FFDDDD;
  font-size: 80%;
}

.hint {
  border: 1px solid yellow;
  padding: 5px;
  color: #99714;
  background: #fafbbd;;
  font-size: 80%;
}


h3.h3b {
  border: 1px solid #077e92;
  padding: 10px;
  margin: 1em;
  text-align: center;
}
