body {
background: #ffffff url('images/body.jpg') repeat;
color: #343434;
text-align:center;
}


a {color: #379BCD;}
a {hover: #379BCD;}
a {text-decoration: none;}


#container {
font:70% Verdana,Tahoma,Arial,sans-serif;
width:900px;
background:  url('images/mid.png') repeat-y;
color: #343434;
margin:0px auto;
text-align:left;

}

#header {
width:890px;
height:149px;
background: url('images/head2.png');
color: #343434;
margin: 5px auto;
}



#nav {
padding-top: 115px;
margin: 0px auto;

}

#nav a {
color: #ffffff;
text-decoration: none;
margin-right: 15px;
font:12px Verdana,Tahoma,Arial,sans-serif;
}

#nav a:hover {
color: #ffffff;
font:12px Verdana,Tahoma,Arial,sans-serif;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #7fb20d;
margin-right: 15px;
}




#top {
width:900px;
height:159px;
background: url('images/top.png');
margin:0px auto;
}

h1 {
font-size:20px;
margin-left:10px;
margin-top:0px;
padding-top:20px;
color: #343434;
}

h2 {
font-size:14px;
margin-left:50px;
color: #ffffff;
}

h3 {
font-size:18px;
  font-weight: bold;
margin-left:70px;
color: #3399CC;
}

h4 {
font-size:18px;
  font-weight: bold;
margin-left:20px;
color: #3399CC;
}

h5 {
font-size:18px;
  font-weight: bold;
margin-left:20px;
color: #3399CC;
}

#left {
float:left;
width:660px;
margin: 0 15px 0 15px;
}

#left p{
margin-bottom:5px;
}

#left img{
margin-left: 0px;
}

#right {
float:right;
width:180px;
margin:0 8px 0 4px;
margin-bottom:10px;
padding:3px;
}

#right p{
border: 0px solid;
color: #ffffff;
background: #444444;
margin: 0;
padding-left: 8px;
padding-bottom: 5px;
}

#right a{
text-decoration:none;
border:0px;
}

#right a:hover{
text-decoration:none;
border:0px;
}

#right img{
border:0px;
}

#sidetop {
width:180px;
height:12px;
background: url('images/sidetop.png');

}

#bottom {
width:180px;
height:12px;
background: url('images/bottom.png');

}


#right2 {
float:right;
width:180px;
margin:0 8px 0 4px;
margin-bottom:10px;
padding:3px;
}

#right2 p{
border: 0px solid;
color: #ffffff;
background: #444444;
margin: 0;
padding-left: 8px;
padding-bottom: 5px;
}

#right2 a{
text-decoration:none;
border:0px;
}

#right2 a:hover{
text-decoration:none;
border:0px;
}

#right2 img{
border:0px;
}

#sidetop2 {
width:180px;
height:12px;
background: url('images/sidetop.png');

}

#bottom2 {
width:180px;
height:12px;
background: url('images/bottom.png');

}

#clear {
clear: both;
}

#footer {
clear: both;
width:900px;
height: 24px;
background: url('images/footer.png');
margin: auto;
}

#foot {
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 11px;
color: #ffffff;
margin-top:5px;
}

#foot a{
color: #379BCD;
}

.video_item {
  font:normal 14px "veranda", Helvetica, sans-serif;
  line-height: 10px;
}

.video_item h3{	
	font:normal 18px "veranda", Helvetica, sans-serif;
	color:#379BCD; 
  padding:0; 
  margin: 0px 0 10px 0; 
}

.video_item h3 a{	
  font-weight: normal;
  font-size: 18px;
  color: #379BCD;
  text-decoration: none;
}

.video_item p {
  margin: 0;
  line-height: 20px;
  margin: 0 0 10px 0;

}

.video_item p span {
  font-weight: bold;
}

.video_item li span {
  font-weight: bold;
}

.video_item img {
  margin: 0 10px 10px 10px;
  border: solid #000000 2px;
  float: left;
}

.video_item ul {
  list-style: none;
}
.video_item li {
  margin: 0 0 13px 0;
}

.video_item p a {
  color: #FA0583;
  text-decoration: none;
  padding: 0 3px 0 3px;
}

.video_item p a:hover {
  color: #fff;
  background-color: #379BCD;
  text-decoration: none;
}

.next_page a{
  float: right;
  padding: 5px;
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000;
  margin-top: 10px;
}

.next_page a:hover{
  border: 0px solid #000000;
}

.prev_page a{
  float: left;
  padding: 5px;
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000;
  margin-top: 27px;
}


.prev_page2 a{
  float: left;
  padding: 5px;
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000;
  margin-top: 12px;
}


.prev_page a:hover{
  border: 0px solid #000000;
}

.curr_page {
  margin-top: 50px;
}

.clear {
  clear: both;
}

#detail_stat {
  background: #F7F6F6;
  padding: 10px 10px 10px 10px;
  margin: 20px 10px 20px 10px;
  border: solid 2px #BFBFBF;
}

#detail_stat p {
  font:normal 12px/14px "veranda", Helvetica, sans-serif;
  line-height: 1.5em;
}

#detail_stat p span {
  font-weight: bold;
}

#detail_stat a {
  color: #FA0583;
  text-decoration: underline;

}

#detail_stat a:hover {
  color: #379BCD;
  text-decoration: none;
}

.comment_alt_1 {
  background-color: #fff;
  border: dotted 1px #C0C0C0;
  padding: 10px 10px 10px 10px;
  margin: 0 10px 15px 10px;
}

.comment_alt_2 {
  background-color: #EEEEEE;
  border: dotted 1px #C0C0C0;
  padding: 10px 10px 10px 10px;
  margin-bottom: 15px;
  margin: 0 10px 15px 10px;
}


.detail_comment {
  margin: 0 0 10px 0;
}

.detail_comment p {
  font:normal 12px/14px "veranda", Helvetica, sans-serif;
  line-height: 1.5em;
}

.detail_comment span {
  font-weight: bold;
}

#video_player {
  margin: 40px 10px 10px 10px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 190px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 12px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #379BCD;
//background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 120%;
}

.arrowlistmenu ul li a:visited{
color: #379BCD;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FA0583;
background-color: #F3F3F3;
}

#w3c {
  margin: 10px 0 0 0;
}

#w3c img {
  border: 0px;
}


#profile {
  background: #F7F6F6;
  padding: 10px 10px 10px 10px;
  margin: 20px 10px 20px 10px;
  border: solid 2px #BFBFBF;
}

#profile p {
  font:normal 12px/14px "veranda", Helvetica, sans-serif;
  line-height: 1.5em;
}

#profile p span {
  font-weight: bold;
}

#profile a {
  color: #379BCD;
  text-decoration: none;
  padding: 0 3px 0 3px;
}

#profile a:hover {
  color: #fff;
  background-color: #379BCD;
  text-decoration: none;
}

#profile img {
  float: left;
  border: 1px solid #000;
  margin: 0 20px 20px 0;
}

#profile_c1 {
  float: left;
}
#profile_c2 {
  float: left;
}

#user_menu {
  margin: 10px 0 0 10px;
  padding: 0;
    font-weight: bold;
}

#user_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#user_menu li {
  display: inline;
  margin: 0 10px 0 0;
}

#user_menu a {
  text-decoration: none;
  color: #FA0583;
  padding: 3px;
}
#user_menu a:hover {
  text-decoration: none;
  background: #379BCD;
  color: #fff;
}