/* CSS Document */
/********** Global Attributes ******************/
html, body, ul, ol, li, h1, h2, p, h3, h4, h5, h6, form, fieldset {margin : 0;padding : 0;border : 0;}
body {background : #eae3cf url(/images/bkg.gif);font : 12px/1.3em Arial, Helvetica, sans-serif;color : #2f373d;}
h1 {color: #870505;margin: 0 0 10px 0;padding-bottom: 10px;font: bold large 'Trebuchet MS', Verdana, sans-serif;background: url(/images/dot.gif) repeat-x bottom;}
h2 {color: #870505;margin: 0 0 10px 0;padding-bottom: 10px;font: bold 15px Geneva, Arial, Helvetica, sans-serif;background: url(/images/dot.gif) repeat-x bottom;}
h3{text-decoration:none;font: bold 12px Geneva, Arial, Helvetica, sans-serif;color: #84210d;background: url(/images/heading-bkg.gif) no-repeat left bottom;margin-bottom: 12px;padding-bottom: 7px;letter-spacing: 0px;}
h4 {text-decoration:none;font: bold 12px Geneva, Arial, Helvetica, sans-serif;color: #84210d;margin-top:10px; margin-bottom: 7px;padding-bottom: 7px;letter-spacing: 0px;background: url(/images/dot.gif) repeat-x bottom;}
a:visited, a:link{font: 12px/1.3em Arial, Helvetica, sans-serif;color: #5a733b;text-decoration: underline;}
a:hover{font: 12px/1.3em Arial, Helvetica, sans-serif;color: #5a733b;text-decoration: none;}
.list{font: 12px Arial;color:#686b5e; padding-left:15px;background: url(/images/cat-bullet.gif) no-repeat left 6px;}
.clear {clear:both; height:1px; overflow:hidden;}
ol { margin: 10px 10px 10px 20px;}
ol li { margin: 10px 0;padding:15px; background:#F7F7F7;}
.global ul {margin: 10px 30px;font: 12px Arial, Helvetica, sans-serif;}
.global li {list-style: square;margin:5px 0px;} 
.req{ color:#FF0000;}
/*************Form Elements*********************/
.input {border: #CDCDCD 1px solid;color:#5F5F5F;height:18px;background: #FFFFFF url(/images/input-bkg.gif) repeat-x top;font: 11px Verdana, Arial, Helvetica, sans-serif;vertical-align: middle;width: 147px;}
.txtarea {border: #CDCDCD 1px solid;padding:3px;background: #FFFFFF url(/images/input-bkg.gif) repeat-x top;}
.combo {border: #CDCDCD 1px solid;width: 150px;color:#5F5F5F;font: 11px Verdana, Arial, Helvetica, sans-serif;height:20px;padding:1px;}
label {display: block;margin: 5px 0 5px 0px;}
.search-btn{clear:both;text-align:right;margin:8px 10px 0 0;}

#wrapper {background : url(/images/top-bar-bkg.gif) repeat-x 25px 23px;margin : 0 auto;padding-top : 25px;}
#page {width : 991px;margin : 0 auto;}
#header {background : url(/images/tf-logo.gif) no-repeat 28px 28px;}
#top-nav-links {color : #6a645a;margin : 0 0 0 580px;padding : 28px 0 0 0;}
#top-nav-links ul li {padding : 0 0 0 4px;display : inline;}
#top-nav-links a{color : #6a645a;text-decoration : none;}
#top-nav-links a:hover {color : #000000;text-decoration : underline;}

#main {width : 942px;margin : 0 auto;}
#main-content {width : 711px;float:left;display:inline;}
#side-bar {width:231px;float:right;display:inline;}
/****** Footer **************/
#footer{clear:both;background : #FFFFFF url(/images/footer-repeat.gif) repeat-x left top;margin : 0 auto;padding:18px 0;}
#footer-cont {width: 870px;margin : 0 auto;line-height: 1.8em;}
#footer-bot{clear:both;height:3px;margin-bottom:5px;background: url(/images/footer-bottom.gif) repeat-x top;}
#footer-w{width:122px;margin: 4px 12px 0 0;height:27px;float:right;background: url(/images/wdd.gif) no-repeat center top;}
#footer-w a {text-indent: -9999px;text-decoration: none;overflow: hidden;width:33px;height:27px;float:right;display: block;}
.footer-links a:visited, .footer-links a:link{font: 12px/1.3em Arial, Helvetica, sans-serif;color: #e78e1b;text-decoration: underline;}
.footer-links a:hover{font: 12px/1.3em Arial, Helvetica, sans-serif;color: #e78e1b;text-decoration: none;}

/********** Navidgation Bar ****************/
#nav-bar {margin: 24px 0 0 257px;  height:33px; background:url("/images/navigation-bar.gif") no-repeat left top;}
/*
#nav-bar ul {margin:0;padding:0;position: relative;height:33px;background : url(/images/nav-bar.gif) no-repeat left top;}
#nav-bar ul li {margin: 0;padding: 0;list-style: none;position: absolute;}
#nav-bar ul li, #nav-bar ul li a {height: 33px;display: block;}
#nav-bar ul li a {text-indent: -9999px;text-decoration: none;overflow: hidden;}
*/
#web-tpl{ left: 0px; width: 138px!important; }#web-tpl a{ width: 138px; }
#flash-tpl { left: 138px; width: 110px!important; }#flash-tpl a { width: 110px; }
#logo-tpl{left: 248px; width: 111px!important; }#logo-tpl a { width: 111px; }
#osc-tpl { left: 359px; width: 96px!important; }#osc-tpl a 	{ width: 96px; }
#corporate-tpl{ left: 455px; width: 125px!important; }#corporate-tpl a { width: 125px; }
#swish-tpl{ left: 580px; width: 126px!important; }#swish-tpl a { width: 126px; }

#web-tpl a:hover { background: url(/images/navigation-bar.gif) no-repeat 0px -33px;  width: 138px; }
#flash-tpl a:hover { background: url(/images/navigation-bar.gif) no-repeat -138px -33px; width: 110px; }
#logo-tpl a:hover { background: url(/images/navigation-bar.gif) no-repeat -248px -33px; width: 111px; }
#osc-tpl a:hover { background: url(/images/navigation-bar.gif) no-repeat -359px -33px; width: 96px; }
#corporate-tpl a:hover { background: url(/images/navigation-bar.gif) no-repeat -455px -33px; width: 125px; }
#swish-tpl a:hover { background: url(/images/navigation-bar.gif) no-repeat -580px -33px; width: 126px; }
/******************************
**** Main Content Boxes *******
******************************/
.prop {float:right;width:1px;}
.min-height {height:200px;}
.box1 {width : 711px;background : url(/images/box1-bkg.gif) repeat-y;}
.box1-cont {margin : 0 3px;border-left : 1px solid #ffffff;border-right : 1px solid #ffffff;background : url(/images/box-cont-bkg.gif) repeat-x left 1px;padding: 0px;}
.box1-tpls{width:216px;margin:10px 0px 0px 10px;float:left;display:inline;}
.box1-text{width:200px;margin:35px 0px 0px 11px;float:left;display:inline;padding-right:10px;}
.box1-bonus{margin-left:13px;width:238px;height:231px;float:left;display:inline;background: url(/images/cap-bkg.gif) no-repeat left top;}
.box1-bonus ul {margin: 120px 0 0 0;font: 12px/1.4em Arial, Helvetica, sans-serif;}
.box1-bonus li  {padding-left:10px;list-style: none;background: url(/images/bullet.gif) no-repeat left center;}

.box2-cont {margin : 0 3px;border-left : 1px solid #ffffff;border-right : 1px solid #ffffff;background : url(/images/box-cont-bkg.gif) repeat-x left 1px;padding: 20px;}

.box1-bottom {clear : both;	background: url(/images/cap-bkg.gif) no-repeat left top;
}
/*********** Full Box ****************/
.box-full-wrap {width : 711px;clear : both;margin : 0;}
.box-full-top {margin-left:24px;}
.box-heading {width: 26px;clear: left;float: left;display: inline;}
.box-full {background : url(/images/box-full-bkg.gif) repeat-y 24px;}
.box-full-cont {margin : 0 4px 0 28px;padding : 10px;background : url(/images/box-cont-bkg.gif) repeat-x left 1px;}
.box-full-bottom {margin-left:24px;clear : both;} 
/*********** Half Box Left Side ****************/
.box-half-wrap {width : 364px;float:left;}
* html .box-half-wrap {margin: 0 -3px; ma\rgin: 0;}/***** Fix for I.E 3pixels Bug *******/
.box-half-top {margin-left:24px;}
.box-half {background : url(/images/box-half-bkg.gif) repeat-y 24px;}
.box-half-cont {height:232px;margin : 0 4px 0 28px;padding : 10px;background : url(/images/box-cont-bkg.gif) repeat-x left 1px;}

.box-half-bottom {margin-left:24px;} 

/*********** Half Box Right Side ****************/
.box-half2-wrap {width: 346px;margin:0;float:right;}
* html .box-half2-wrap {margin: 0 -3px; ma\rgin: 0;} /***** Fix for I.E 3pixels Bug *******/
.box-half2-top {margin:0;}
.box-half2 {background : url(/images/box-half2-bkg.gif) repeat-y;}
.box-half2-cont {height:212px;margin : 0 4px;padding: 20px;background: url(/images/box-cont-bkg.gif) repeat-x right 1px;}
.box-half2-bottom {margin:0;clear:both;} 
/************* Recent Articles Box *****************/
.recent-articles ul {padding-left: 6px;margin: 10px 0 10px 0;font: 11px/1.6em verdana;}
.recent-articles li {padding-left:15px;list-style: none;background: url(/images/bullet.gif) no-repeat left center;}
.recent-articles a:visited, .recent-articles a:link{font: 11px/1.6em verdana;color: #5a733b;text-decoration: underline;}
.recent-articles a:hover{font: 11px/1.6em verdana;color: #5a733b;text-decoration: none;}
/************* Free Stuff Half Box *************/
#free-clipart{margin:0px 0px 0 0px;background: url(/images/free-clipart.jpg) no-repeat left top;}
#free-clipart p{padding: 36px 0px 0px 106px;}
#free-templates{margin:22px 0px 0 0;background: url(/images/free-web-templates.jpg) no-repeat left top;}
#free-templates p{padding: 40px 111px 10px 3px;}
/*************** Templates Pack ****************/
#pack{ width:176px; margin:10px 0px 0px 15px;float:left;display:inline;}
#pack ul {padding-left: 3px;margin: 15px 0 15px 0px;font: 11px/1.3em verdana;}
#pack li  {padding-left:15px;list-style: none;background: url(/images/bullet.gif) no-repeat left center;}
#pack-right{width:100px;float:left;text-align:center;display:inline;background: url(/images/the-vc.jpg) no-repeat center 11px;padding-top:190px;}
#pack-right2{width:100px;float:left;text-align:center;display:inline;background: url(/images/thpack.jpg) no-repeat center 11px;padding-top:190px;}
/**********Customize ****************/
#customize{height:175px;background: url(/images/customize.gif) no-repeat 15px 5px;}
#start-here{clear:both;text-align:right;margin:15px 21px 0 0;}

/**********Advertising Box *********************/
.sponsors ul {padding-left: 3px;margin: 15px 0 15px 0px;font: 11px/1.3em verdana;}
.sponsors li  {padding-left:15px;list-style: none;background: url(/images/bullet.gif) no-repeat left center;}
.sponsors a:visited, .sponsors a:link{font: 11px/1.4em verdana;color: #e78e1b;text-decoration: underline;}
.sponsors a:hover{font: 11px/1.4em verdana;color: #e78e1b;text-decoration: none;}

/********** Side Bar Search Box **************/
.side-box{background: url(/images/sidebar-repeat.gif) repeat-y center top;}
.side-box-cont{	margin : 0 4px;padding: 22px;background: url(/images/sidebar-bkg.gif) repeat-x left 0px;}
.side-joint{margin:0;clear:both;} 
/********* Side bar Categories *****************/
.categories{}
.categories ul {padding-left: 1px;margin: 15px 0 15px 0px;}
.categories li  {list-style: none;text-decoration: none;background: url(/images/heading-bkg.gif) no-repeat 13px bottom;margin-bottom: 5px;padding-bottom: 9px;}
.categories a{padding-left:15px;background: url(/images/cat-bullet.gif) no-repeat left center;}
.categories a:visited, .categories a:link{font: bold 11px Geneva, Arial, Helvetica, sans-serif;color: #59723b;text-decoration: none;}
.categories a:hover{font: bold 11px Geneva, Arial, Helvetica, sans-serif;color: #000000;text-decoration: none;}
/**************** Side Bar Partners ********************/
.partners ul {padding-left: 3px;margin: 15px 0 -13px 0px;font: 11px/1.3em verdana;}
.partners  li  {padding-left:15px;list-style: none;background: url(/images/bullet.gif) no-repeat left center;}
.partners a:visited, .partners a:link{font: 11px/1.6em verdana;color: #5a733b;text-decoration: underline;}
.partners a:hover{font: 11px/1.6em verdana;color: #5a733b;text-decoration: none;}

/*********** Templates Display ****************/
.thumbs { list-style-type: none; margin:20px 0 10px 12px;}
.thumbs li {float: left;text-align:center;}
.thumbs2 { list-style-type: none; margin:0; padding:0}
.thumbs2 li {float: left;text-align:center;margin: 10px 40px 20px 20px}
.thmb { border: 1px solid #CCCCCC; background:#FFFFFF; padding:9px; }

.thumb { background:#FFFFFF;padding:12px;border: 1px solid #dedede;margin:14px;}
.thumb:hover {border: 1px solid #818181;}
.block1 {background:#F7F7F7;text-align:center;border: 1px solid #dedede;padding:5px;margin-bottom:10px;}
.block2 {background:#F7F7F7;text-align:center;border: 1px solid #dedede;padding:5px;margin-top:10px;}

.template_container{position: absolute; }

/*********** Pagination *********************/
#pagination{margin:0 auto;width:600px; padding: 5px 0 20px 0;display:block;line-height:2em;}
.pagination a{ font-size:10px;font-weight:bold;margin:8px 1px; padding:2px 4px;border: solid 1px #c4bca4;background: #f0f0e3; text-decoration: none}
.pagination a:hover{background: #eae3cf; text-decoration: none}

/************ Sitemap ****************/
.catsd{ list-style-type: square; margin:10px 0 30px 30px;}
.catsd li {float: left;text-align:left;width:210px;margin:3px 0px;}

/*********** Miscellaneous *******/
#newscontainer { background: url("/images/sidebar-bkg.gif") repeat-x left 0px; 	height:100px; overflow:hidden; }
#news {	list-style-type: none; background: url("/images/sidebar-bkg.gif") repeat-x left 0px; padding: 3px; margin: 0px; }
#news a {text-decoration:none;}
.datesmall {font-size: 9px;}

.box-half-cont-list ul {padding-left: 3px;font: 11px/1.3em verdana;}
.box-half-cont-list li  {padding-left:15px;list-style: none;background: url("/images/bullet.gif") no-repeat left 8px;}


/***********  Menu ******************/
#mainMenu, #mainMenu ul {padding:0; margin:0; list-style:none; z-index:10; }
#mainMenu li:hover, #mainMenu li.hover {position:static;}
#mainMenu a {display:block; }
#mainMenu li ul a {display:block; width:12em; }
#mainMenu li {float:left; }
#mainMenu li ul {position:absolute; width:12em; left:-999em; border-left:1px dashed #EFEBC5; border-bottom:1px dashed #EFEBC5; }
#mainMenu li:hover ul {left:auto;}
#mainMenu li:hover ul, #mainMenu li.sfhover ul {left:auto; }
#mainMenu li ul ul {margin:-1.5em 0 0 10em; }
#mainMenu li li {}
#mainMenu, #mainMenu ul {padding:0; margin:0; list-style:none;  line-height:1; }
/* Compensated the los of LI with a hover statement */
#mainMenu li:hover ul ul, #mainMenu li:hover ul ul ul, #mainMenu li.sfhover ul ul, #mainMenu li.sfhover ul ul ul {left:-999em; }
#mainMenu li:hover ul, #mainMenu li li:hover ul, #mainMenu li li li:hover ul, #mainMenu li.sfhover ul, #mainMenu li li.sfhover ul, #mainMenu li li li.sfhover ul {left:auto; }
/* Menu Styling starts from here */
#mainMenu {font-family:Arial, Helvetica, sans-serif;  font-weight:bold; font-size:11px;  background-color:#2f373d; color:#FFFFFF; }
#mainMenu li:hover {background-color:#003300; color:#000000; }
#mainMenu li.sfhover {background-color:#003300; color:#000000; }
#mainMenu a {text-decoration:none; text-align:left; color:#FFFFFF; padding:5px 5px 5px; border-bottom:0px none; padding-left:10px; }
#mainMenu li:hover>a, #mainMenu a:hover {}
#mainMenu li ul {background-color:#2f373d; color:#000000; width:14.5em; }
#mainMenu li ul a {text-align:left; }
#mainMenu li ul a.submainMenu {background-image:url("/images/arrow.gif"); background-repeat:no-repeat; background-position:100% 5px; }
.menuSeparator {text-decoration:none; color:#FFFF99; text-align:center; padding-top:8px; padding-left:3px; padding-right:3px; }