body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000066; background-attachment: scroll; background-repeat: no-repeat; list-style-type: disc; background-position: center 0px; font-variant: normal; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin}
table {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-repeat: no-repeat; border: thin #666666}
.box {  background-color: #84BCDD; border:1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#ffffff; border-color: #0099FF; border-radius:4px; padding:4px}
.nostyle {  }

h1 {font-family:Arial, Helvetica, sans-serif; font-size:22px; color: #FF6600; text-shadow:#6699FF}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#006699; text-shadow:#6699FF; text-transform:uppercase; line-height:1.3em; margin-bottom:5px}

.adminhead { background-image:url(../images/admin-back.jpg); background-position:0px 4px ;margin:0px; background-repeat:no-repeat; padding:4px; line-height:1.2em; width:145px; color: #003366}

/*This is modifying the btn-primary colors but you could create your own .btn-something class as well*/

form b {font-family:"Roboto"; font-size:14px !important; font-weight:300; vertical-align:middle !important}	
form  span {font-family:"Roboto"; font-size:14px !important; vertical-align:middle !Important}