/* ***    Begin       *** */
/*    Style Sheet         */

/*    #F5F3E0;   #FBF2E4 pinkish  #eed; greenish  #F7F1E2; midway */

body {
  background-color: #eee;
  font-size: 12px;  
  line-height: 17px;
  /* font-family: Verdana, Arial,  Sans-Serif;*/
  font-family: Verdana, Arial,  Sans-Serif;
  color:#332;  
  padding:0px;
  margin:0px;
}

p { 
font-family: Verdana, Arial,  Sans-Serif;
margin: 0px; color:#221; 
padding: 5px 10px 5px 10px; 
} 


a { 
color: #455;
font-size: 13px;
background-color:transparent;
text-decoration: underline; 
}

a:hover {
	color: #001;
    font-weight: bold;
	text-decoration: underline;
}

#header a:hover {
	background-color:#eee;
	font-weight: bold;
	text-decoration: none;
}

#content a { 
text-decoration: underline; 
}

#content a:hover {
	font-weight: bold;
	text-decoration: underline;
}

.alignright {
margin-top: 0; 
text-align: right;
font-size: 10px;
}

blockquote {
	size:normal;
	margin:13px;
	padding:13px;
	background-color:#fff
  }

strong { 
font-size: 13px;
}

h1, h2, h3, h4{
padding: 2px 3px 2px 5px;
margin: 1px 1px 1px 1px;
background-color: transparent;
	}
	
h1 {
font-family: Verdana, Verdana, Geneva, sans-serif;
font-size:18px;
color: #a22;  line-height:24px;
/*text-transform:capitalize;*/
	}	
 
h2 {
font-size:16px;
padding-top:3px;
/*text-transform:uppercase;*/
color: #a22;
	}
	
h3 {
font-size:14px;
color: #544;
	}
	
h4 {   /*by-line*/
font-size:12px;
color: #332;
font-style: italic;
margin-top:3px;
margin-bottom:4px;
	}	
	
h5 { /* align right for menu bar and tagline */
font-size: 12px;
text-transform:uppercase;
text-align: right;
color: #443;
background-color: #bba;
padding:2px 4px;
margin:0px
}

SAMP { /* align right for menu bar and tagline */
font-size: 12px;
text-transform:uppercase;
text-align:left;
color: #332;
background-color: #ccb;
padding:2px 4px;
margin:0px
}

 /* H6 read the rest */
 /* align right red*/
h6 { 
font-size: 11px;
text-decoration:underline;
text-align: right;
color: #a22;
padding:5px 5px;
margin:0px
} 
 
#right h1, #left h1 {
font-size:15px;
padding: 3px 5px 2px 5px;
margin: 0px 0px 0px 0px;
text-align:center;
text-transform:uppercase;
color: #433;
background-color: #bba;
	}
	
#left h2 {
font-size:14px;
padding: 3px 5px 1px 5px;
margin: 0px 0px 0px 0px;
text-align:center;
text-transform:uppercase;
color: #433;
background-color: transparent;
	}
	
#left h3 {
font-size:12px;
padding: 3px 5px 1px 5px;
margin: 0px 0px 0px 0px;
text-transform:uppercase;
color: #506;
text-align: center;
background-color: transparent;
	}

	
#right h2 {
font-size:14px;
padding-top:5px;
text-transform:uppercase;
color: #433;
background-color: transparent;
	}



/* ----------container to center the layout-------------- */
#container {
width: 1000px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #ffe;
border-left: 2px solid #cbb;
border-right: 2px solid #cbb
}

/* ----------banner for logo-------------- */
#banner {
background-color: #ffe;
text-align: right;
padding: 0px;
margin: 2px;
}


/* -----------------content--------------------- */
#content {
background-color: #eee;
padding: 10px;
margin: 0px 216px 0px 152px;
border-left: 2px solid #cbb;
border-right: 2px solid #cbb
}
div#content { 
min-height:1840px;
height:expression(this.scrollHeight > 1840 ? "auto":"1840px"); 
}

p, pre{
padding: 5px 0px 1px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 150px;
margin: 30;
padding: 30;
}

#right {
float: right;
width: 210px;
margin: 0;
padding: 0;

}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0;
padding: 0;
text-align: right; }

#smallwrapper {width:298px; margin:0 auto; float: left;height:480px;; background:#fff; margin-bottom:5px; overflow:hidden;}
#smallwrapper2 {width:298px; margin:0 auto; float: right;height:480px;; background:#fff; margin-bottom:5px; overflow:hidden;}
#wrapper {width:600px; margin:0 auto; }

.link {cursor:pointer; color:#666}
.link:hover {color:#000}
.slider {position:relative; overflow:hidden; border:2px solid #cbb; height:450px; background:#fff; margin-bottom:20px}
.slidercontent {position:absolute}
.slidercontent .upper {border-bottom:1px solid #9ac1c9}
.section {padding:10px}


#smallwrapper2 img { width:266px; height:266; border:2px solid #cbb; margin:1px; padding:1px}
#wrapper img { border:2px solid #cbb; margin:5px; padding:3px}




</style>
