html
{
background-color: #aaaaaa;
border-top: 10px solid #0c3f90;
font: normal 12px Georgia, Verdana, Sans-Serif;
}
/* Links */
a { font-weight: normal; }
a:link { color: #5588aa; text-decoration: none; border-bottom-color: #5588aa; }
#indo {text-align: left; font: normal 13px "Trebuchet MS", Georgia, Verdana, Sans-Serif; color: #000000; }
#blog {text-align: left; font: normal 13px "Trebuchet MS", Georgia, Verdana, Sans-Serif; color: #000000; width: 850px; margin: 0px; }
#indo p {text-align: left; font: normal 13px "Trebuchet MS", Georgia, Verdana, Sans-Serif; color: #000000;}
a:visited { color: #5588aa; text-decoration: none; border-bottom-color: #5588aa; }
a:hover, a:active { color: #5588aa;}
/* Html Elements */
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 3px 0 10px; padding: 0; }
#indo h6{
color: #5588aa; font-weight:bolder; text-decoration: none; font-size:20px;
}
h3 {
color:#5588aa; font: normal 20px Georgia, Verdana, Sans-Serif; font-weight:bolder;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
font-weight: normal;
border-bottom-width: 0;
}
h1 { font-size: 28px; }
h2 { font-size: 12px;
font-style: italic;}
h3 a{ font-size: 24px; }
h4 { font: 18px Georgia, Verdana, Sans-Serif; color: #000000}
h5 { font: 16px Georgia, Verdana, Sans-Serif;}
h6 {font: italic 20px Georgia; color:#0C3F90;
}
ul, ol, blockquote, pre
{
color: #000000;
padding: 10px 30px;
line-height: 1.8em;
}
#image{
text-align: center;
}
blockquote, pre { background-color: #eeeeee; border: 1px solid #bbccdd; }
ins { text-decoration: none; color: #466b85; }
del { color: #555555; }
/* Structure */
body
{
padding: 0;
width: 1000px;
margin: 0 auto;
background-repeat: repeat-y;
background-position: center;
background-image: url(bglarger.jpg);
/**/
}
#container
{
width: 910px;
margin: 0px auto;
}
#header { float: left; width: 100%; clear: both; margin-top: 10px;
background-image: url(colbg2.png);
}
#navigation { float: left; width: 100%; clear: both; margin-bottom: 15px}
#page-header { margin-bottom: 20px; float: left; }
#wrapper { text-align: center; float: left;}
#footer
{
clear: both;
color: #666666;
padding: 20px 0 15px;
text-align: center;
width:auto;
height:auto;
}
#contactdiv
{
margin: 0px auto;
clear: both;
color: #666666;
text-align: center;
width:425px;
}
#number{
font: bold 18px Georgia; color:red;
}
#contactdivleft {
float:left;
}
#contactdivright {
float:right;
}
/* Header */
#header h1
{
padding: 0px;
float: left;
width: 490px;
margin: 0px 0px 0px;
color: #D80000;
font: bold 25px Georgia;
}
#header h1 a:hover,
#header h1 a:active
{
}
#header h2
{
width: 330px;
font-size: 12px;
line-height: 2.5em;
color: #1F1C19;
}
#header h3
{
float: right;
font-size: 12px;
margin: -30px 0px;
color: #D80000;
}
#header #search
{
float: right;
}
#header #search input
{
padding: 5px;
border: 1px solid #999999;
background-color: #f5f5f5;
}
#header #search input:hover
{
background-color: #e5e5e5;
border: 1px solid #777777;
}
/* Navigation */
#navigation ul
{
padding: 0;
width: 908px;
float: left;
margin: 0 0 0px;
list-style-type: none;
background-color: #466E9B;
background-image: url(menubg.png);
background-repeat: repeat-x;
border: #466E9B 1px solid;
}
#navigation li { float: left;}
#navigation a:link,
#navigation a:visited
{
float: left;
display: block;
color: #ffffff;
padding: 10px 10px;
text-transform: uppercase;
font: bold 14px Georgia, Verdana, Sans-Serif;
}
#navigation a:hover,
#navigation a:active
{
color: #D80000;
background-image: url(menubg.png);
background-repeat: repeat-x;
}
body#bmission li#active a
{
color: #D80000;
background-image: url(menubg.png);
background-repeat: repeat-x;
}
/* Page-Header */
#page-header ul
{
bottom: -8px;
right: 10px;
margin: 0;
padding: 0;
float: left;
position: absolute;
list-style-type: none;
}
#page-header li { float: left; }
#page-header li a:link,
#page-header li a:visited
{
float: left;
display: block;
margin: 0 10px;
padding: 5px 20px;
color: #ffffff;
border-bottom-width: 0;
background-image: url(menu.png);
background-repeat: repeat-x;
}
#page-header li a:hover,
#page-header li a:active
{
background-image: url(menu_hover.png);
}
div#rotator {
border: 1px solid #ffffff;
width: 500px;
float: left;
height: 250px;
overflow: hidden;
margin-top: 3px;
}
/* Wrapper */
.col {
height:190px;
width: 293px;
float: left;
margin: 0px 5px;
text-align: left;
background-image: url(colbg.png);
background-repeat: no-repeat;
}
.col a {
color: #ffffff;
font: bold 13px "Trebuchet MS", Verdana, Sans-Serif;
}
.col ul {
margin: 0 0 0 25px;
padding: 0;
line-height: 1.5em;
}
.col li {
padding-bottom: 5px;
margin: 0px 5px;
}
.col h3 {
text-align: left;
padding: 5px 15px;
font: bold 13px "Trebuchet MS", Georgia, Verdana, Sans-Serif;
color: #ffffff;
background-image: url(menubg.png);
background-repeat: repeat-x;
border: #466E9B 1px solid;
}
.col h3 a {
text-transform: uppercase;
font: bold 13px Georgia, Verdana, Sans-Serif;
}
#links h3 a
{
text-transform: uppercase;
font: bold 13px Georgia, Verdana, Sans-Serif;
}
#content h3
{
background-color: #466E9B ; text-transform: uppercase;
font: bold 13px Georgia, Verdana, Sans-Serif;
}
#sidebar h3
{
background-color: #466E9B ; text-transform: uppercase;
font: bold 13px Georgia, Verdana, Sans-Serif;
}
#about h3
{
background-color: #466E9B ; text-transform: uppercase;
font: bold 13px Georgia, Verdana, Sans-Serif;
}
#about2 h3 {
background-color: #466E9B ;
text-transform: uppercase;
font: bold 13px Georgia, Verdana, Sans-Serif;
}
#about3 h3 {
background-color: #466E9B ;
background-image: url(menubg.png);
background-repeat: repeat-x;
color: #fff;
font: bold 14px Georgia, Verdana, Sans-Serif;
padding:5px;
border: #466E9B 1px solid;
}
#about2 p {
font: normal 14px Georgia, Verdana, Sans-Serif;
}
#column {
float: left;
width: 100%;
}
#column-left {
float: left;
}
#column-right {
float: right;
text-align: left;
}
#column2-left {
float: left;
}
#column2-right {
float: right;
}
div#contact-left {
float: left;
margin-top: 15px;
}
div#contact-right {
width: 190px;
background: #eee;
margin-top: 0;
padding: 5px 5px;
border: 1px solid #dedede;
}
div#contact-right input, div#contact-right textarea {
background:#FFF;
border:1px solid #959595;
font-size:1em;
padding:3px;
width:130px;
}
div#contact-right textarea {
width:170px;
height: 90px;
font-family:tahoma,verdana,sans-serif;
}
div#contact-right input:focus, div#contact-right textarea:focus {
border:1px solid #4D494A;
}
div#contact-right input.submit {
width: 70px;
background:#4D494A;
border:1px solid #676364;
color:#CBCBCB;
font-size:1em;
padding:3px;
}
.col2 { width: 390px; height: 253px; float: right; text-align: left; /*border-bottom:1px #666666 solid;*/ /* padding-bottom: 10px; */}
.col2 p { color: #000000; margin: 0px 2px 0px 2px; padding: 0px 2px; font: normal 14px "Trebuchet MS", Georgia;
}
.col2 a { color: #000000; margin: 0px 0px 0px 2px; padding: 0px 2px; line-height: 1.5em;
}
.col2 li { }
.col2 h3 { text-align: center; padding: 5px 15px; border-bottom:1px #062044 solid;
background-image: url(menubg.png); background-repeat: repeat-x; border: #466E9B 1px solid;
color: #ffffff;
text-transform: uppercase;
font: bold 13px Georgia, Verdana, Sans-Serif;
}
#content a:link { color: #ffffff; border-bottom-color: #ffffff; }
#content a:visited { color: #ffffff; border-bottom-color: #ffffff; }
#sidebar a:link { color: #ffffff; border-bottom-color: #ffffff; }
/* Footer */
#footer {border-bottom: 10px solid #0c3f90; width: 950px; margin: 0 auto; background-image: url(colbg2.png);}
#footer a:link { color: #D80000; border-bottom-color: #666666; }
#footer a:visited { color: #77bbdd; border-bottom-color: #77bbdd; }
#footer a:hover, #footer a:active { color: #666666; border-bottom-color: #D80000; }
#footer p { margin: 5px 0; }
/* set millions of background images */
.rbroundbox { background: #d02c2c url('main.jpg') no-repeat; }
.rbtop div { background: url('tl.gif') no-repeat top left; }
.rbtop { background: url('tr.gif') no-repeat top right; }
.rbbot div { background: url('bl.gif') no-repeat bottom left; }
.rbbot { background: url('br.gif') no-repeat bottom right; clear: both; }
/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0px 0px; }
.rbroundbox { width: 100%; margin: 0 auto; color: #fff; margin-bottom: 20px;}
.rbroundbox a { color: #fff; }
.rbroundbox a:hover { text-decoration: underline; }