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

#pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:982px; font-size:1.1em; padding:0px;}
.separator {clear:both;}

#pageback {position:relative; top:0px; left:0px; width:956px; background-color:#ffffff; padding:12px; border:1px solid #b7b0a7;}

/* ------------------------------------------------------- 
 top of page                                    
------------------------------------------------------- */


#toppage {position:relative; top:0px; left:0px; height:189px; width:956px; background-image:url(../images/header.jpg); background-position:left top; background-repeat:repeat-x;}
#toppage a {text-decoration:none;}

#searchbox {position:absolute; top:155px; left:790px; width:154px; height:23px; background-image:url(../images/search_back.gif); background-position:left top; background-repeat:no-repeat;}
#searchtitle {position:absolute; top:-20px; left:0px;}
#searchbox label {color:#c51c1e;}
#inputfield {position:absolute; top:3px; left:5px;}
#inputfield input {width:110px; height:17px; border:0px; padding:0px;}
#searchbutton {position:absolute; top:1px; left:127px;}
#searchbutton input {width:26px; height:21px; padding:0px; border:0px;}

#logo {position:absolute; top:29px; left:24px; height:68px; width:318px;}
#twitter {position:absolute; top:117px; left:21px; height:72px; width:87px;}
#facebook {position:absolute; top:117px; left:108px; height:72px; width:76px;}
#wordpress {position:absolute; top:117px; left:184px; height:72px; width:73px;}

#bannerback {position:absolute; top:14px; left:430px; width:245px; background-color:#ffffff; padding:8px;}

.bannerimage {position:relative; top:0px; left:0px; width:245px;}
.bannertext {position:relative; top:0px; left:0px; width:245px; margin-top:3px; color:#6b1527; font-size:0.9em;}
.bannertext a {text-decoration:underline;}

/* ------------------------------------------------------- 
 ToolBar                                    
------------------------------------------------------- */

#toolbar {position:relative; left:0px; top:0px; width:956px; height:35px; font-family:Arial, Verdana, Helvetica, sans-serif; background-color:#d14663;}
#barpos {position:absolute; left:10px; top:6px; font-size:1.0em;}
#toolbar a {color:#f1bdc8; font-weight:normal;}
.tool {float:left; padding-top:8px; padding-bottom:10px; padding-left:18px; padding-right:18px;}
.toolselected {float:left; height:29px; padding-top:8px; padding-bottom:0px; padding-left:18px; padding-right:18px; margin-right:0px; background-color:#ffffff;}
#toolbar .toolselected a {color:#af2340;}



/* ------------------------------------------------------- 
  Page container elements   	                                    
------------------------------------------------------- */

#innerbox {position:relative; top:0px; left:0px; width:956px; padding:20px 0px 20px 0px;}

#leftcol {float:left; position:relative; top:0px; left:0px; width:240px; padding:0px 40px 0px 0px;}
#rightcol {float:left; position:relative; top:0px; left:0px; width:676px; padding:0px 0px 0px 0px;}

#whitebox {position:relative; top:0px; left:0px; width:633px; padding:0px; background-color:#ffffff;}

.separator {clear:both;}

#promo1 {position:relative; top:0px; left:0px; width:200px; padding:18px; background-color:#ffffff; border:1px solid #d8d8d8; margin-bottom:15px;}

.photo {}
.photoleft {margin:0px 15px 10px 0px;}
.photoright {margin:0px 0px 10px 15px;}

.photo2 {}
.photoborder {border:1px solid #dddddd;}

/* ------------------------------------------------------- 
breadcrumb and fontsize                            
------------------------------------------------------- */

#breadcrumb {position:relative; z-index:100; top:0px; left:0px; font-size:0.9em; width:600px; margin-top:4px; margin-bottom:20px; margin-left:0px; text-align:left; text-decoration:none; color:#4279a8; font-family:Arial, Helvetica, Verdana, sans-serif;}
#breadtext {position:relative; top:0px; left:0px; margin-top:10px; padding:0px 0px 5px 0px; font-size:1.0em; width:530px; color:#4279a8; font-family:Arial, Helvetica, Verdana, sans-serif;}
#breadtext a {color:#4279a8; padding-right:0px; text-decoration:underline; padding:3px; font-weight:normal;}
#breadtext a:hover {color:#4279a8; text-decoration:underline; padding:3px;}

/* ------------------------------------------------------- 
   page 
------------------------------------------------------- */

#copybox {position:relative; top:0px; left:0px; width:620px; line-height:1.4em; margin-top:15px;}
#copyboxleft {float:left; width:300px; margin-right:25px;}
#copyboxright {float:left; width:300px; }

#copyboxleft a {text-decoration:underline;}
#copyboxright a {text-decoration:underline;}
#copyboxsingle a {text-decoration:underline;}

/* ------------------------------------------------------- 
  Level 2 naviagtion
------------------------------------------------------- */

.menubox {position:relative; top:0px; left:0px; width:240px; padding:18px; background-color:#ffffff; margin-bottom:15px;}

#menutitle {position:relative; left:0px; top:0px; width:200px; text-align:left; color:#aba29a; font-size:1.6em; font-weight:bold; font-family:Arial, Helvetica, Verdana, sans-serif;}

#level2 {position:relative; left:0px; top:0px; margin-top:20px; width:200px; padding:0px;}
#level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level2 li {display:block; width:200px; font-size:1.1em; font-family:Arial, Verdana, Helvetica, sans-serif;}
#level2 a {color:#978f88; display:block; padding:10px 0px 10px 0px; text-decoration:none; margin:0px; width:200px; font-weight:normal; border-top:solid 1px #d3d3d3;}
#level2 a:hover {color:#978f88; text-decoration:underline; width:200px;}
#level2 .noborder a {border-top:none;}
#menu2 {}
#menu2 a {color:#6c665e; padding:10px 0px 10px 0px; margin:0px; width:200px; font-weight:bold;}
#menu2 a:hover {color:#6c665e; text-decoration:none; width:200px;}


/* ------------------------------------------------------- 
  Level 3 naviagtion
------------------------------------------------------- */

#level3 {position:relative; left:0px; top:0px; width:210px; margin-top:0px; margin-bottom:25px;}
#level3 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level3 li {display:block; width:210px; font-size:0.9em; font-family:Arial, Verdana, Helvetica, sans-serif;}
#level3 a {color:#978f88; display:block; padding:2px 0px 2px 10px; text-decoration:none; margin:0px; width:180px; border-top:none;}
#level3 a:hover {color:#978f88; text-decoration:underline; width:180px;}

#menu3 {}
#menu3 a {color:#6c665e; padding:5px 0px 5px 10px; margin:0px; width:180px;}
#menu3 a:hover {color:#6c665e; text-decoration:underline;}



#level22 {position:relative; left:0px; top:0px; margin-bottom:0px; width:298px; padding:0px;}
#level22 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level22 li {display:block; width:298px;}
#level22 a {color:#ea791f; display:block; padding:8px 22px 8px 16px; text-decoration:none; margin:0px; width:260px; font-weight:normal; border-top:dotted 1px #f3b375; background-image:url(../images/menu1.gif); background-position:right top; background-repeat:no-repeat;}
#level22 a:hover {color:#ea791f; text-decoration:underline; width:260px; background-color:#fbdba6;}


/* ------------------------------------------------------- 
  Related
------------------------------------------------------- */

#linkstitle {position:relative; left:0px; top:0px; color:#9d9c9c; font-size:1.6em; font-weight:bold; font-family:Arial, Helvetica, Verdana, sans-serif;}

#related {position:relative; left:0px; top:0px; width:600px; padding:15px 0px 15px 0px;}
#related ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#related li {display:block; width:600px; list-style:none;}
#related li a {color:#8f8e8e; display:block; padding:10px 0px 10px 0px; text-decoration:none; margin:0px; width:600px; font-weight:normal;}
#related li a:hover {color:#8f8e8e; text-decoration:underline; width:600px;}

#related li.nonorder a {border-top:none;}


/* ------------------------------------------------------- 
   news
------------------------------------------------------- */

#news {position:relative; top:0px; left:0px; color:#9c9c9c; margin-top:30px; width:145px; padding-left:11px;}

.newsitem {position:relative; top:0px; left:0px; width:620px; border-top:1px dashed #978f88; padding:20px 0px 20px 0px;}
.newsitem2 {position:relative; top:0px; left:0px; width:620px; padding:10px 0px 20px 0px;}
.newsleft {float:left; position:relative; top:0px; left:0px; width:138px;}
.newsright {float:left; position:relative; top:0px; left:0px; width:480px;}

.newstitle {color:#2474a4; font-size:1.4em; font-weight:bold; font-family: Arial, Helvetica, Verdana, sans-serif;}
.newstitle a {text-decoration:none; color:#2474a4; font-weight:bold;}
.newstitle a:hover {text-decoration:underline;}

.newsdate {font-size:0.9em; color:#2474a4;}

.newsnoimage {margin-top:10px;}

.newslink {margin-top:8px;}
.newslink a {text-decoration:none; color:#ffffff; background-color:#d14663; font-weight:bold; padding:0px 6px 2px 6px;}
.newslink a:hover {text-decoration:underline;}

.link {text-decoration:none; color:#ffffff; background-color:#978f88; font-weight:bold; padding:2px 6px 2px 6px;}
.link:hover {color:#ffffff;}

.link2 {text-decoration:none; color:#ae2340; font-weight:normal; text-decoration:underline;}

/* ------------------------------------------------------- 
 search results
------------------------------------------------------- */

.searchitem {position:relative; top:0px; left:0px; width:620px; border-top:1px dashed #978f88; padding:20px 0px 20px 0px;}
.searchtitle {position:relative; top:0px; left:0px; color:#2474a4; font-size:1.4em; font-weight:bold; font-family: Arial, Helvetica, Verdana, sans-serif; margin-bottom:5px;}
.searchtitle a {text-decoration:none; color:#2474a4; font-weight:bold;}
.searchtitle a:hover {text-decoration:underline;}

/* ------------------------------------------------------- 
  Data list
------------------------------------------------------- */

#datalist {margin-top:10px; margin-bottom:20px; width:530px; padding-top:10px;}
#datalist ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#datalist li {display:block; width:530px; list-style:none; border-top:1px dashed #978f88;}
#datalist li a {color:#4c575e; display:block; padding:10px 0px 12px 35px; text-decoration:none; margin:0px; width:465px; font-weight:normal; background-image:url(../images/chart.gif); background-position:left top; background-repeat:no-repeat;}
#datalist li a:hover {color:#4c575e; text-decoration:underline; width:465px;}

#datalist li.nonorder {border-top:solid 0px #bbc2c4;}

/* ------------------------------------------------------- 
   top 5 news
------------------------------------------------------- */

#mostpopular {position:relative; left:0px; top:0px; width:200px; text-align:left; color:#9d9c9c; font-size:1.6em; font-weight:bold; font-family:Arial, Helvetica, Verdana, sans-serif;}

.topnewsbox {position:relative; top:0px; left:0px; width:200px; padding:18px; background-color:#ffffff; border:1px solid #d8d8d8; margin-bottom:15px;}
.topnewsitem {position:relative; top:0px; left:0px; width:200px; border-top:solid 1px #d3d3d3; padding:10px 0px 10px 0px;}
.topnewsitem2 {position:relative; top:0px; left:0px; width:200px; padding:20px 0px 10px 0px;}

.topnewsno {float:left; position:relative; top:0px; left:0px; width:20px; color:#9d9c9c; font-size:1.6em; font-weight:bold; font-family:Arial, Helvetica, Verdana, sans-serif;}
.topnewslink {float:left; position:relative; top:0px; left:0px; width:180px; font-size:1.1em; font-family:Arial, Verdana, Helvetica, sans-serif;}
.topnewslink a {color:#8f8e8e; display:block; text-decoration:none; margin:0px; width:180px; font-weight:normal;}
.topnewslink a:hover {color:#8f8e8e; text-decoration:underline;}

/* ------------------------------------------------------- 
  campaign
------------------------------------------------------- */

.campaignitem {position:relative; top:0px; left:0px; width:620px; border-top:1px dashed #54951c; padding:20px 0px 20px 0px;}
.campaignleft {float:left; position:relative; top:0px; left:0px; width:140px;}
.campaignright {float:left; position:relative; top:0px; left:0px; width:480px;}
.campaigntitle {color:#54951c; margin-top:5px; font-size:1.4em;}
.campaigntitle a:hover {text-decoration:underline;}
.campaigncopy {position:relative; top:0px; left:0px; margin-top:10px;}


/* ------------------------------------------------------- 
  record paging
------------------------------------------------------- */

#showing {position:relative; top:0px; left:0px; width:530px; font-size:0.9em; text-align:right; color:#8f8e8e;}

#pagingnav {position:relative; top:0px; left:0px; width:450px; font-weight:bold; font-size:0.9em;}
#pagingnav ul{margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align: left;}
#pagingnav li {display: inline; line-height:22px; background-color:#ffffff; padding:3px 5px 3px 5px; margin-right:6px;}
#pagingnav li a {color:#d14663; font-weight:bold; text-decoration:none;}
#pagingnav li a:hover {text-decoration:underline;}

* html #pagingnav ul {margin-left:-10px; padding-left:10px;}
#pagingnav li.pagingon {color:#ffffff; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; margin-right:6px; background-color:#d14663;}

#pagingnav2 {position:relative; top:0px; left:0px; width:450px; font-weight:bold; font-size:0.9em;}
#pagingnav2 ul{margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align: left;}
#pagingnav2 li{display: inline; line-height:22px; background-color:#f8c2b5; background-image:url(../images/paging.jpg); background-position:left top; background-repeat:repeat-x; border:solid 1px #ea791f; padding:3px 5px 3px 5px; margin-right:6px;}
#pagingnav2 li a {color:#c35724; font-weight:bold; text-decoration:none;}
#pagingnav2 li a:hover {text-decoration:underline;}

* html #pagingnav2 ul {margin-left:-10px; padding-left:10px;}

/* ------------------------------------------------------- 
 footer                                
------------------------------------------------------- */

#footertext {clear:both; position:relative; left:0px; top:0px; height:89px; width:980px; font-size:0.9em;}
#copyright {position:relative; left:10px; top:10px; color:#8c8076; width:800px; line-height:1.6em;}

#footlinks {position:absolute; left:570px; top:16px; color:#8c8076; width:380px; text-align:right;}
#footlinks a {color:#8c8076; text-decoration:none; font-weight:normal;}
#footlinks a:hover {color:#8c8076; text-decoration:underline;}

#hbr {position:absolute; left:905px; top:45px;}

#fontsize {position:absolute; top:12px; left:600px;}
#fontsize input {width:19px; height:19px; padding-left:0px; background-color:Transparent; border:none;}

/* ------------------------------------------------------- 
 site map
------------------------------------------------------- */

#sitemap {}
#sitemap li {list-style-type:none; color:#8f8e8e; font-size:1.6em; padding-top:20px;}
ul#sitemap > li {margin-bottom:10px;}
#sitemap ul li {list-style-image:url(../images/l2_normal.gif); font-size:1.0em; padding-top:0px;}
#sitemap ul ul li {list-style-image:url(../images/l3_normal.gif);}
#sitemap ul li.firstfollow {list-style-image:url(../images/l2_first_follow.gif);}
#sitemap ul li.last {list-style-image:url(../images/l2_last_item.gif);}
#sitemap ul ul li.firstfollow {list-style-image:url(../images/l3_first_follow.gif);}
#sitemap ul ul li.last {list-style-image:url(../images/l3_last_item.gif);}
#sitemap ul ul li.last2 {list-style-image:url(../images/l3_last_item2.gif);}

#checkboxes {}
#checkboxes input {background-color:Transparent; border:none; margin:0px; padding:0px;}
#checkboxes label {font-weight:normal;}

/* ------------------------------------------------------- 
  video 	                                    
------------------------------------------------------- */

#videosearch {position:relative; top:0px; left:0px;}
#mainvideobox2 {position:relative; top:0px; left:0px; width:500px; padding:15px; margin-bottom:20px; background-color:#f1f1f1;}
#mainvideo {position:relative; top:0px; left:0px; border:solid 1px #d3d3d3; width:400px; margin-left:49px;}
#maintext {position:relative; top:0px; left:0px; margin-top:10px; font-size:0.9em;}
 
#videotitle {color:#a81928; font-weight:bold; font-size:1.0em; margin-bottom:5px;}
 
#videoloading {position:absolute; top:170px; left:190px;}

.videoitem {float:left; position:relative; top:0px; left:0px; width:155px; height:180px; background-color:#f1f1f1; padding:10px; margin-right:3px;}
.videothumb {position:relative; top:0px; left:0px; width:120px; height:90px; padding:8px; border:solid 1px #d3d3d3; background-color:#ffffff; margin:0px 0px 5px 8px;}
.videothumb input {width:120px; height:90px; border:0px; margin:0px; padding:0px;}
.videotitle {position:relative; top:0px; left:0px; font-size:0.9em;}
.videodate {position:relative; top:0px; left:0px;}
.videolink {position:relative; top:0px; left:0px; font-size:0.9em; margin-top:5px;}


#update {position:relative; top:0px; left:0px; width:520px;}
#updatebox {position:relative; top:0px; left:0px; width:520px;}
#updateleft {float:left; position:relative; top:0px; left:0px; width:250px; margin-right:20px;}
#updateright {float:left; position:relative; top:0px; left:0px; width:250px;}

/* ------------------------------------------------------- 
  Blog
------------------------------------------------------- */

.blogitem {position:relative; top:0px; left:0px; width:620px; border-top:1px dashed #54951c; padding:20px 0px 20px 0px;}
.blogleft {float:left; position:relative; top:0px; left:0px; width:50px; margin-right:20px;}
.blogright {float:left; position:relative; top:0px; left:0px; width:550px;}

.datebox{position:relative; top:0px; left:0px; width:50px; height:48px; background-image:url(../images/calendar.gif); background-position:left top; background-repeat:no-repeat; color:#54951c; font-family: Arial, Helvetica, Verdana, sans-serif;}
.datenum {position:absolute; top:23px; left:6px; width:38px; text-align:center; font-size:1.7em;}
.datemon {position:absolute; top:10px; left:6px; width:38px; text-align:center; font-size:0.9em; color:#ffffff; font-weight:bold;}

.blogtitle {position:relative; top:0px; left:0px; color:#54951c; font-size:1.4em; font-weight:bold; font-family: Arial, Helvetica, Verdana, sans-serif; padding-bottom:15px;}
.blogtitle a {text-decoration:none; color:#54951c; font-weight:bold;}
.blogtitle a:hover {text-decoration:underline;}

.blogcontent {position:relative; top:0px; left:0px; padding:0px 0px 20px 0px;}

.blogbar {position:relative; top:0px; left:0px; font-size:0.9em; padding:0px 0px 20px 0px;}
.bloglinks {position:relative; top:5px; left:0px; color:#ff1800;}
.bloglinks a {text-decoration:none;}
.bloglinks a:hover {text-decoration:underline;}

.blogitem2 {position:relative; top:0px; left:0px; width:620px; padding:20px 0px 20px 0px;}

.blogbar2 {position:relative; top:0px; left:0px; width:550px; height:30px; margin:20px 0px 0px 0px; border-top:1px dashed #8d847c; padding:12px 0px 20px 0px; color:#8d847c; font-size:0.9em;}

.newssocial {position:absolute; top:0px; left:110px; width:400px;}
.newssocial a {text-decoration:none; color:#8d847c;}

.newstwitter {position:relative; top:5px; left:0px;}
.newsdigg {position:absolute; top:5px; left:80px;}
.newsdelicious {position:absolute; top:5px; left:150px;}
.newsfacebook {position:absolute; top:5px; left:250px;}

#update {position:relative; left:0px; top:0px;}


/* ------------------------------------------------------- 
  forms
------------------------------------------------------- */

.formelement {position:relative; left:0px; top:0px; margin-bottom:4px;}

.formlabel {float:left; position:relative; left:0px; top:0px; width:100px;}
.forminput {float:left; position:relative; left:0px; top:0px;}

.formcheckbox input {background-color:transparent; border:none;}

/* ------------------------------------------------------- 
 gallery
------------------------------------------------------- */

#gallerybox {position:relative; top:0px; left:0px; padding-top:20px;}

.folderbox {float:left; position:relative; width:130px; margin-right:20px; margin-bottom:20px; height:150px;}
.folderlinks {position:absolute; top:115px; left:0px; font-weight:bold;}
.folderdate {position:absolute; top:95px; left:0px;}

.galbox {float:left; position:relative; top:0px; left:0px; margin-right:10px; margin-bottom:20px; width:200px;} 

.galimagebox {position:relative; top:0px; left:0px; height:150px; width:142px;} 
.galimage {background-color:#ffffff; padding:10px 10px 30px 10px; border-top:solid 1px #eeeeee; border-left:solid 1px #eeeeee; border-bottom:solid 1px #abadae; border-right:solid 1px #abadae;}
.galimage img {border:solid 1px #cccccc;}

.galtext {position:relative; top:20px; left:0px; width:180px;}