/* =-=-=-=-=-=-=-=-=-==-=-==-=-==-=-=
weiboyz02  css file
FileName:    style.css
Created:    081209

COLORS

------------
Actual
----------
ff9900  Brightish Burnt Orange - matches logo and donkey
006699	Logo Header bg darkish #6681aa-blue
4b4b4b	Charcoal
----------
Alternates
----------
6681aa	Muted grey-blue
fdeabb  - pale orange
F8FCD3  Content bg  - very pale [whitish] yellow        
a88200	Delicious orangey-brown
FF7A22	BURNT ORANGE for page links

            FFF475  For accents in nav areas - pale yellow
            was ffd275 Pale burnt orange
6681aa  Gray
            819dba  Grayish Blue
            849bb9  Bluish gray
            9c9c9c  Charcoalish gray
            828282  medium charcoalish gray
            4f4f4f  dark charcoal gray
e5e5e5  Pale silvery gray
009F07  green
9C9C9B	Lightish gray [DARKER #6681aa] 
646262  dark gray
7EA928  olivey green
C5CFDE  Palish color
        bccad1
        FFF576  LIGHT YELLOW - page background
00AAFF  Electric blue like logo
3B9FDC	LIGHT BLUE 
000066	DARK BLUE
0066ff	grayish blue
4f6899	Dark grey-blue
4f7ec6	Bright blue grey-blue
CACCC9	gray for LIGHT BLUE BG
7F807	gray
009F07	GREEN FOR MAIN COL LINKS 
-=-=-=-=-=-=-=-=-=-=-=-=-==-=-==-=-==-=-= */



/* ARTICLE
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */	

body {
    margin: 0;
    padding: 0;
    font-size: 90%;
    line-height: 135%;
    font-family: verdana, geneva, arial, sans-serif;
    font-weight: normal;
    text-transform: none;
    color: #828282; background-color: #fff;    
    text-align: center /* added for IE in quirks mode */;
    }
/*body#white {
	background-color: #fff;
	}*/ 
p, ul {
	margin: 0;  
	}
p {	
    padding-bottom: .6em;
	}
ul, ol  { 
	margin: 0;
	padding: 0; 
	}			
li {
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none; 
	}
a {	
	text-decoration: none;
    outline: none;
	color: #ff9900; background: transparent; 
	}
a:visited {color: #9C9C9B}
a:hover, a:focus { 
        border-bottom: 1px dotted #ff9900;
	}
img {
	margin: 1em 0;
    border: none;
	}			

/* HEADINGS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=*/	
h1 {	
	text-align: center;
    margin: 0 auto 3px;
	color: #006699; 
	font: 900 1.2em/160% tahoma, sans-serif;
	}
h2 { 
	display: inline;
	text-align: center;
    padding: 0 0 .2em;
	color: #828282; background: transparent; 
	font: 900 1.2em/135% tahoma, sans-serif;
	}
h3 {
    text-align: center;
    text-transform: uppercase;
    margin: .5em 0 0;
    padding: 0;
    color: #828282; background: transparent;
    font: 900 1em/125% tahoma, sans-serif;
	}
h4 {
    text-align: left;
    margin: 0;
    padding: .3em 0 0;
    color: #6681aa; background: transparent;
    font: 900 1.2em/135% tahoma, sans-serif;
  	}
h5 {
	text-align: center;
	margin: 2.5em 0 1em 0;
	color: #819dba;
	font-size: 150%; line-height: 90%
	}
h6 {
	text-align: center;
	margin: .8em 0 0 0;
	padding: 0;
	color: #4f6899;
	font-size: 135%; line-height: 90%;
	}
	
/* FRONT PAGE
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */	
#homewrap { 
    overflow: hidden;
    text-align: center;
	margin: 0 5em 2em;
	padding: 0;
	background: transparent;
    }
img#pagegrfx {
	text-align: center;
	margin: 8em auto 1em;
	}

/* FILLING
-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=*/	
#wrap { 
    overflow: hidden;
	margin: 0 auto;
	padding: 4em;
	border: 1px solid #4f6899;
    background: transparent;
    }
#index {
	text-align: center;
	}
#content {
	margin: 0;
	padding: 20px;
	}
#content p, #content ul {
	text-align: left;
	}
#arthead #content {
	margin: 0 5em;
	padding: 40px 0;
	color: #828282 ; background: #fff;
	}
#arthead {
	padding: 2em 0;
	}
li {
	padding-top: 6px;
	}

.byline {
	padding-bottom: 30px;
	color: white;
	font-weight: bold; 
	font-size: .8em; line-height: 1.3; 
	text-align: left;
	}
.bylinesolid {
	margin-top: -3px;
	padding-bottom: 10px;
	color: #666;
	font-weight: bold; 
	text-align: left;  
	}
table {
	margin: 0 auto;
	text-align: center;
	}
th {
	text-align: center;
	margin-bottom: 10px;
	color: #4f6899;
	font-size: 135%; line-height: 120%;
	border-top: 4px solid #92A621;
	border-bottom: 4px solid #92A621;
	}
td {
	text-align: left;
	padding: .5em 2em .5em 0;
	}
#btmnav {
	margin: 60px 155px 0;
	padding: 2px 0 6px; 
	vertical-align: bottom;
	color: white; background: #828282; 
	line-height: 1.7em;
	text-align: center;
	}
#btmnav a { border: none; color: white; background:transparent;  }
#btmnav a:visited { color: #CC6; background: transparent;  }
#btmnav a:hover { color: #CA4E59; background: #fff;
	}
	
	
/* TOOLS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=*/	

.clearall {
	clear: both;
	}
.center {
	text-align: center;
	margin: 0 auto;
	}
img.center {
	text-align: center;
	margin: 1.2em auto;
	}
.left {
	float: left;
	}
img.border {
	margin: 1em 0;
    border: 1em solid #e5e5e5;
	}			
img.left {
	float: left;
	margin: .7em 3em .7em 0;
	}
.offset {
	margin: 1em 4em 0;
	padding-top: 1em;
	border-top: 1px solid #4b4b4b;
	}
.offset p {
	text-align: left;
	}
ul.simple li {
	margin: 0;
	line-height: 100%;
	}
ul.inline li, .inline {
	display: inline;
	}