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

/* -----------------------------------
simple reset
----------------------------------- */

html, body, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

fieldset, img { border: 0; }
legend { color: #000; }

input, textarea, select, button
{
	font-size: 110%;
	line-height: 1.1;
	font-family: arial, helvetica, sans-serif;
}

button
{
	width: auto;
	overflow: visible;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}



abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

pre, code
{
	font-family: "Courier New", monospace, serif;
	font-size: 100%;
	line-height: 1.2;
}

/* -----------------------------------
elements
----------------------------------- */

body {
  font-family: Arial, helvetica, Sans-Serif;
	font-size: 100%;

}


/* -----------------------------------
Links
----------------------------------- */
a:link {
    color: #0000FF;
    text-decoration: none;
}
a:visited {
    color: #0000FF;
    text-decoration: none;
}
a:hover {
    background-color: #CCCCFF;
    color: Black;
    text-decoration: underline;
}
a:active {
    color: #0000FF;
    text-decoration: none;
}


/* -----------------------------------
home page layout
----------------------------------- */

#container {width: 1000px;
  margin:0 auto;
  padding-top:5px;
  margin-top:5px;
overflow:hidden;
}

#header {width: 1000px;
  margin:0 auto;
padding: 5px 0px 5px 0px;
overflow:hidden;
}

/*
-----------------------------------
menu
----------------------------------- */
#menu {
width:1000px;
background-color:#000;
height:40px;}

#menu1 {
width:610px;
padding: 12px 5px 5px 5px;
background-color:#000;
margin-top:0;
margin-bottom:7px;
float:left;

}

#men2 { width:260px;

padding: 9px 5px 5px 5px;
height:26px;
float:left;
background-color:#BBBFC2;
}

#men3 { width:100px;
float:right;
padding-top:3px;
height:37px;
background-color:#BBBFC2;
padding-left:10px;
}

#men3 img { text-align:left;
}




#navlist
{
	margin: 0;
	padding:0;
	list-style:none;
	clear:both;
	text-align:left;

}	

#navlist li
{
display: inline;
list-style-type: none;
	font: 100%  Arial, Helvetica, Geneva, sans-serif;
	background-color:  ;
        margin-left: 0;
	
        padding-left: 0;
        padding: 0;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
	color: #fff;
	background-color:;
	text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #000;
text-decoration: none;

}

/*
-----------------------------------
columns
----------------------------------- */

#col1 {
width:620px;

float:left;
margin-top:10px;

}




#col2 {
width:340px;
float:right;

margin-top:10px;

}


/*
-----------------------------------
boxes
----------------------------------- */

.con2 {
	float:left;
	width:620px;
	background-color:#D2E9D5;
	padding-bottom: 0px;
	}
	
	

.con3 {
	float:left;
	width:620px;
	background-color:#F7ED8D;
	padding-bottom:0px;}
	
	.con4 {
	float:left;
	width:620px;
	background-color:#F1AD66;
	padding-bottom:0px;}
	
.con5 {
	float:left;
	width:620px;
	background-color:#D4D0C7;
	padding-bottom:0px;}
	
	.con6 {
	float:left;
	width:620px;
	background-color:#E7CDD6;
	padding-bottom:0px;}

.con7 {
	float:left;
	width:620px;
	background-color:#D2E9D5;
	padding-bottom:0px;}

.box22b {
	float:left;
	width:600px;
	background-color:#D2E9D5;
	padding:8px;}


#box1 {
width:590px;
padding: 0px 0px 0px 25px;
background-color:#EAD283;
float:left;
margin-bottom:10px;

}

#box2a {
width:290px;
background-color:#BCC9D1;
padding:10px 25px 10px 25px;
margin-bottom:20px;
}

#box2b {
width:290px;
background-color:#CDD0BB;
padding:10px 25px 10px 25px;
margin-top:20px;
}

#box2b p {line-height: 90%;}
#box2b li {padding-bottom:12px;

}

#box2b ul {list-style-position: inherit;

padding-left: 14px;
}

#box22 {
width:280px;
padding:0px 0px 10px 10px;
margin-top:0px;
float: left;	
}

#box22r {
width:280px;
padding:0px 20px 10px 0px;
margin-right:20px;
float: right;
}

.boxvid1 {
width:190px;
height:65px;
margin:5px 0px 15px 5px;
padding:0px 5px 0px 5px;
float:left;
font-size: 100%;
line-height:1.6;
}

.boxvid1 a {text-decoration:none;
color:#333;}

.boxvid1 p {
	font-size: 0.9em;
	margin: 5px 0 10px 0;

}

.boxvid1 img {
float: left;
	margin: 0px 8px 0px 0px;
}

.boxvid2 {
width:180px;
height:120px;
background-color:#EAD283;
margin:20px 0px 0px 0px;
padding:0px 5px 0px 5px;
float:left;
font-size: 100%;
line-height:1;
}

.boxvid2 img {
float: right;
	margin: 0 5px 5px 0px;
}

.boxvid2 p {
	font-size: 0.9em;
	margin: 5px 0 10px 0;

}


.boxvid2 a {text-decoration:none;
color:#333;}

.boxvid2 a hover {color:#fff;}

.boxvid3 {
width:180px;
height:120px;
background-color:#EAD283;
margin:20px 0px 0px 25px;
padding:0px 5px 0px 5px;
float:left;
font-size: 100%;
line-height:1;
}

.boxvid3 img {
float: right;
	margin: 0 5px 7px 0px;
}


.boxvid3 p {
	font-size: 0.9em;
	margin: 5px 0 10px 0;

}

.boxvid3 a {text-decoration:none;
color:#333;}

.vid img {
float: right;
	margin: 0 5px 5px 0px;
}


.vid { 
margin-top:40px;}

.sub-m {font-size: 0.9em;}

.vid2 { 
margin-top:15px;}

.sub-m {font-size: 0.9em;}

.vid2 img {
float: right;
	margin: 0 5px 5px 0px;
}



.textbox1 {
	-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-webkit-box-shadow: 10px 10px 5px 0px rgba(102,102,102,1);
-moz-box-shadow: 10px 10px 5px 0px rgba(102,102,102,1);
box-shadow: 10px 10px 5px 0px rgba(102,102,102,1);
background-color:#BBBFC2;
color:#FFF;
padding:1px;
text-align:center;

}

.textbox1 a { color:#FFF;}

.storybox {
width:600px;
border-bottom:thin #000 solid;
margin-bottom:24px;
}

/*
-----------------------------------
Image
----------------------------------- */
.imgLeft img {
  float: left;
	margin: 0 10px 5px 0;
	/*display: block;*/
}
.imgRight img {
  float: right;
	margin: 0 0 5px 10px;
}
.imgLeft p, .imgRight p {
  
	clear: none;
}

/*
-----------------------------------
Text
----------------------------------- */

.head1 {
	font: 220%  Arial, Helvetica, Geneva, sans-serif;
	font-weight:bold; }
	
.colhead {
	font: 156%  Arial, Helvetica, Geneva, sans-serif;
	font-weight:bold; }
	
.head2 {
	font: 180%  Arial, Helvetica, Geneva, sans-serif;
	font-weight:bold; color:#999;}	
.head3 {
	font: 70%  Arial, Helvetica, Geneva, sans-serif;
	font-weight:bold; color:#666;}	
	
.sub1 { 
font: 140%  Arial, Helvetica, Geneva, sans-serif;}

.sub2 { 
font: 120%  Arial, Helvetica, Geneva, sans-serif;
font-weight:bold;}
.sub3 { 
font: 175%  Arial Black, Arial, Helvetica, Geneva, sans-serif;
color:#949494;}

.sub4 { 
font: 150%  Arial Black, Arial, Helvetica, Geneva, sans-serif;
color:#949494;}

.search {font-size:80%;
height:20px;}

.heighttext{

 height:24px;

 }
 
 .heighttext2 input{

 height:10px;

 }
 
 .storycol { 

color:#fff;}

#footer {
width: 980px;
  margin:0 auto;
  padding: 10px;
overflow:hidden;
background-color:#EAD283;
margin-top:15px;

}

.center {text-align:center;}

.list1 li {padding-bottom:5px;}