* { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000; padding: 0px; margin: 0px; }
body { background-color: #5E94B6; width: 640px; margin: 0px auto; }
ul, li, ol { list-style-type: none; }
a img { border: none; }
td, th { vertical-align: top; padding: 0px; }
td img { margin-right: 4px; }
th { text-align: left; font-weight: normal; }
input, textarea { border: 1px solid #000; padding: 2px; background-color: #FFF; font-size: 11px; }

.col60 { width: 60%; }
.col40 { width: 40%; text-align: center; }
.col40 img { margin-bottom: 4px; }
.left { float: left; }
.right { float: right; }
.offscreen { position: absolute; left: -10000px; }
.clearer { clear: both; height: 1px; overflow: hidden; }

.cal { width: 426px; height: 340px; }
.cal td { padding: 0px !important; margin: 0px !important; border: none !important; height: auto; width: auto !important; }
.cal img { display: block; float: left; padding: 0px !important; margin: 0px !important; }

#header { height: 138px; background: transparent url(/theme/images/header.gif) no-repeat; }
#header ul, #header li { display: inline; }

#toplinks { float: right; }
#toplinks * { text-decoration: none; color: #FFF; }
#toplinks a:hover { text-decoration: underline; }

#toplogo { position: absolute; z-index: 0; }
#toplogo a { position: absolute; display: block; width: 254px; height: 150px; background: #5E94B6 url(/theme/images/logo.jpg) no-repeat; }

/* top bar */
#bar { position: absolute; z-index: 1; top: 100px; background-color: transparent; background-repeat: no-repeat; width: 640px; height: 47px; }

.aboutus_bar	{ background-image: url(/theme/images/aboutus_bar.jpg);		}
.articles_bar	{ background-image: url(/theme/images/articles_bar.jpg);	}
.projects_bar	{ background-image: url(/theme/images/projects_bar.jpg);	}
.tv_bar			{ background-image: url(/theme/images/tv_bar.jpg);			}
.tools_bar		{ background-image: url(/theme/images/tools_bar.jpg);		}
.gallery_bar	{ background-image: url(/theme/images/gallery_bar.jpg);		}
.home_bar		{ background-image: url(/theme/images/home_bar.jpg);		}

/* top links */
#topmenu { position: absolute; z-index: 4; }
#topmenu a { text-decoration: none; position: absolute; display: block; background-repeat: no-repeat; background-color: transparent; }

#nav_aboutus	{ top: 94px;	left: 40px;		width: 115px;	height: 43px;	z-index: 4; }
#nav_articles	{ top: 92px;	left: 155px;	width: 94px;	height: 40px;	z-index: 4; }
#nav_projects	{ top: 80px;	left: 249px;	width: 116px;	height: 46px;	z-index: 4; }
#nav_tv			{ top: 80px;	left: 365px;	width: 96px;	height: 41px;	z-index: 4; }
#nav_tools		{ top: 69px;	left: 461px;	width: 96px;	height: 44px;	z-index: 4; }
#nav_gallery	{ top: 69px;	left: 557px;	width: 83px;	height: 39px;	z-index: 4; }

.tools_aboutus		{ background-image: url(/theme/images/tools_aboutus.jpg);		}
.tools_articles		{ background-image: url(/theme/images/tools_articles.jpg);		}
.tools_projects		{ background-image: url(/theme/images/tools_projects.jpg);		}
.tools_tv			{ background-image: url(/theme/images/tools_tv.jpg);			}
.tools_tools		{ background-image: url(/theme/images/tools_tools.jpg);			}
.tools_gallery		{ background-image: url(/theme/images/tools_gallery.jpg);		}
.projects_aboutus	{ background-image: url(/theme/images/projects_aboutus.jpg);	}
.projects_articles	{ background-image: url(/theme/images/projects_articles.jpg);	}
.projects_projects	{ background-image: url(/theme/images/projects_projects.jpg);	}
.projects_tv		{ background-image: url(/theme/images/projects_tv.jpg);			}
.projects_tools		{ background-image: url(/theme/images/projects_tools.jpg);		}
.projects_gallery	{ background-image: url(/theme/images/projects_gallery.jpg);	}
.tv_aboutus			{ background-image: url(/theme/images/tv_aboutus.jpg);			}
.tv_articles		{ background-image: url(/theme/images/tv_articles.jpg);			}
.tv_projects		{ background-image: url(/theme/images/tv_projects.jpg);			}
.tv_tv				{ background-image: url(/theme/images/tv_tv.jpg);				}
.tv_tools			{ background-image: url(/theme/images/tv_tools.jpg);			}
.tv_gallery			{ background-image: url(/theme/images/tv_gallery.jpg);			}
.gallery_aboutus	{ background-image: url(/theme/images/gallery_aboutus.jpg);		}
.gallery_articles	{ background-image: url(/theme/images/gallery_articles.jpg);	}
.gallery_projects	{ background-image: url(/theme/images/gallery_projects.jpg);	}
.gallery_tv			{ background-image: url(/theme/images/gallery_tv.jpg);			}
.gallery_tools		{ background-image: url(/theme/images/gallery_tools.jpg);		}
.gallery_gallery	{ background-image: url(/theme/images/gallery_gallery.jpg);		}
.articles_aboutus	{ background-image: url(/theme/images/articles_aboutus.jpg);	}
.articles_articles	{ background-image: url(/theme/images/articles_articles.jpg);	}
.articles_projects	{ background-image: url(/theme/images/articles_projects.jpg);	}
.articles_tv		{ background-image: url(/theme/images/articles_tv.jpg);			}
.articles_tools		{ background-image: url(/theme/images/articles_tools.jpg);		}
.articles_gallery	{ background-image: url(/theme/images/articles_gallery.jpg);	}
.aboutus_aboutus	{ background-image: url(/theme/images/aboutus_aboutus.jpg);		}
.aboutus_articles	{ background-image: url(/theme/images/aboutus_articles.jpg);	}
.aboutus_projects	{ background-image: url(/theme/images/aboutus_projects.jpg);	}
.aboutus_tv			{ background-image: url(/theme/images/aboutus_tv.jpg);			}
.aboutus_tools		{ background-image: url(/theme/images/aboutus_tools.jpg);		}
.aboutus_gallery	{ background-image: url(/theme/images/aboutus_gallery.jpg);		}
.home_aboutus		{ background-image: url(/theme/images/home_aboutus.jpg);		}
.home_articles		{ background-image: url(/theme/images/home_articles.jpg);		}
.home_projects		{ background-image: url(/theme/images/home_projects.jpg);		}
.home_tv			{ background-image: url(/theme/images/home_tv.jpg);				}
.home_tools			{ background-image: url(/theme/images/home_tools.jpg);			}
.home_gallery		{ background-image: url(/theme/images/home_gallery.jpg);		}

/* live help */
#livehelp { background-repeat: no-repeat; background-color: transparent; background-position: top right; height: 36px; }

.tools_livehelp		{ background-image: url(/theme/images/tools_livehelp.gif);		}
.projects_livehelp	{ background-image: url(/theme/images/projects_livehelp.gif);	}
.articles_livehelp	{ background-image: url(/theme/images/articles_livehelp.gif);	}
.aboutus_livehelp	{ background-image: url(/theme/images/aboutus_livehelp.gif);	}
.gallery_livehelp	{ background-image: url(/theme/images/gallery_livehelp.gif);	}
.tv_livehelp		{ display: none; }
.home_livehelp		{ background-image: none; background-color: transparent;		}

/* content containers */
#container { position: absolute; width: 640px; margin-bottom: 40px; }

#cbackground { background-repeat: repeat-y; background-color: transparent; padding: 0px 10px 10px 10px; }

.tools_background		{ background-image: url(/theme/images/tools_content.jpg);		}
.projects_background	{ background-image: url(/theme/images/projects_content.jpg);	}
.articles_background	{ background-image: url(/theme/images/articles_content.jpg);	}
.aboutus_background		{ background-image: url(/theme/images/aboutus_content.jpg);		}
.gallery_background		{ background-image: url(/theme/images/gallery_content.jpg);		}
.tv_background			{ background-image: url(/theme/images/tv_content.jpg); padding: 0px !important; }
.home_background		{ background-color: #FFF !important; padding: 0px !important;	}

#whitebox { background-color: #FFF; background-repeat: repeat-y; }

.tools_whitebox		{ background-image: url(/theme/images/tools_tile.gif);		}
.projects_whitebox	{ background-image: url(/theme/images/projects_tile.gif);	}
.articles_whitebox	{ background-image: url(/theme/images/articles_tile.gif);	}
.aboutus_whitebox	{ background-image: url(/theme/images/aboutus_tile.gif);	}
.gallery_whitebox	{ background-image: url(/theme/images/gallery_tile.gif);	}
.tv_whitebox		{ background-color: transparent !important;					}

/* content */
#sidenav { width: 163px; float: left; }
#sidenav * { font-size: 12px; }
#sidenav a { text-decoration: none; font-weight: bold; line-height: 18px; }
#sidenav ul, #sidenav form { margin: 6px; }
#sidenav form { margin-top: 12px; }
#sidenav input  { max-width: 163px; }
li.sublink { margin-left: 6px; }
li.sublink a { font-weight: normal !important; }

.content { margin-left: 170px; }
.content h1 { color: #69C; font-size: 16px; margin-bottom: 8px; }
.content h2 { font-size: 11px; }
.content h2 a { color: #999; text-decoration: underline; }
.content table { margin-bottom: 12px; }
.content ol li { margin: 4px 0px; }
.content ol { margin-bottom: 20px; }
.content p, #sidenav p { margin-bottom: 12px; }

#contentfull { margin: 0px !important; padding: 0px !important; background-color: #FFF; }
.tv_contentfull { background-color: transparent !important; }

.pager { margin: 4px; text-align: right; }
.padded { padding: 4px; }

#buylink { display: block; margin: 20px 0px; }

/* footer */
#footer { text-align: center; margin: 10px 0px; color: #FFF; }
#footer * { color: #FFF; }

/* gallery stuff */
.dropdown { cursor: pointer; width: 150px; background-color: #CCC; margin: 4px 0px; margin-bottom: 10px; }
.dropdown a { color: #333; text-decoration: none; text-align: center; }
.dropdown a:hover { text-decoration: underline; }
.dropdown ul { margin: 0px !important; padding: 0px !important; list-style-type: none; display: none; position: absolute; background-color: #FFF; width: 148px; border: 1px solid #CCC; border-top: none; height: 150px; overflow: scroll; }
.dropdown li { margin: 0px !important; padding: 4px !important;  }
.dropdown h3 { padding: 4px !important; margin: 1px !important; background-color: #FFF; font-weight: bold; color: #333; }

.toollink { clear: left; margin: 4px 0px; padding: 4px; border-top: 1px solid #CCC; }
.toollink img { float: left; margin-right: 6px; }
.comments h2, .comments p { margin: 0px !important; }
.comments p { margin-bottom: 8px !important; }
.comment { margin-bottom: 8px; padding-bottom: 4px; border-top: 1px solid #CCC; }
.comment p { margin: 4px 0px; }
.commentform { margin-top: 8px; padding-top: 4px; }
#calTable td img{
margin-right:0pt;
}
