@charset "UTF-8";
/* CSS Document */

* {
	margin:0; padding:0;
}

html, body { background:#e1e1e1; background-image: url(images/bg.jpg); background-repeat: repeat-y; background-position:top; background-attachment:fixed; font-family: Arial, sans-serif; font-size:14px; }
a img { border:0;}
.clear  { clear:both;}
.text {padding: 10px 25px;}
a { color:#bf5113; text-decoration:none;}
a:hover { color:#9e430f; text-decoration:underline;}

h1 { font-size: 26px;}

a.button_gray { background: url('images/button_right_gray.gif') no-repeat scroll top right; display: block; height: 31px; margin-right: 20px; margin-left: 20px; padding-right: 15px; text-decoration: none; color:#FFFFFF; font-size:18px; }
a.button_gray span { background: url('images/button_left_gray.gif') no-repeat; display: block; line-height: 20px; padding: 7px 0 3px 16px;}
a.button_orange { background: url('images/button_right_orange.gif') no-repeat scroll top right; display: block; height: 31px; margin-right: 20px; margin-left: 20px; padding-right: 15px; text-decoration: none; color:#FFFFFF; font-size:18px; }
a.button_orange span { background: url('images/button_left_orange.gif') no-repeat; display: block; line-height: 20px; padding: 7px 0 3px 16px;} 
a.button:hover span{ text-decoration:underline; }

#top {height: 30px; background-image:url(images/top.jpg); background-repeat:repeat-x; width: 100%;}

#container { width:765px; margin-left: auto; margin-right: auto; margin-top: 0; min-height: 100%; text-align: left; background-color:#FFFFFF; }
* html #container { height: 100%; }
#header {height: 90px; text-align: center;}
.logo { width: 100%; }

#menu {margin: 0 auto;}
#menu ul li {width: 84px; float: left; font-size:12px; text-transform:uppercase; display:block; text-align: center; list-style: none; }
#menu a { color:#333333; display:block; padding:8px 0 5px 0; text-decoration: none;}
#menu li a:hover { text-decoration:underline;}

.column1, .column2, .column3, .indent_column, .col1, .col2, .col3, .ind_col {float:left;}

#main {height: 268px;  background: #FFFFFF; background-image:url(images/main.jpg); background-repeat: repeat-x; width: 100%;}
#main .column1 { padding-top: 25px; width: 190px; text-align: center; color:#FFFFFF; } 
#main .column2 { width:375px;}
#main .column3 { padding-top: 25px; width: 190px; text-align: center; color:#FFFFFF} 
#main h1 { font-weight: normal;}

#content {width: 100%; overflow: auto; padding-bottom: 25px;}
#content .col1 .padding{padding:10px 13px 3px 25px;}
#content .col2 .padding{padding:10px 13px 3px 15px;}
#content .col3 .padding{padding:10px 13px 3px 15px;}
#content img { padding: 10px 0 0; }
#content .p1 {padding:10px 0px 7px 0px;}
#content .col1 {width:245px;}
#content .col2 {width:250px;}
#content .col3 {width:245px;}
#content .indent_column {width:10px;}
#content h2 { color:#c35d23; text-transform:uppercase; font-size: 14px;}
#content h3 { color:#333333; text-transform:uppercase; font-size: 18px;}

#profile { padding: 21px 0 0 0; width: 760px; }
#profile .padding {padding:14px 21px 0 17px;}
#profile .p1 {padding: 8px 0 10px 0; }
#profile .title {color:#CC3300; float: right; font-weight: bold;}
 
#infobox { float: left; padding-top: 35px; width:100%; background-image:url(images/infobox.jpg); background-repeat: repeat-x; background-color:#FFFFFF; }
#infobox h1 { color:#333333; font-size: 22px; }  
#infobox h2 {font-size: 20px; }

#article {width: 450px;}
#links {width: 300px; padding-right: 10px; float: right; }

body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#footer { margin-left: auto; margin-right: auto; height:25px; margin-top: -25px; padding-top: 5px; background-color:#666666; color: #FFFFFF; text-align: center; font-size: 10px; width: 765px; position: relative; clear:both;}
#footer a { color:#FFFFFF; font-weight: bold; }
#footer a:hover { text-decoration: underline; }