/*************************
	Global Settings
**************************/
html,body			{color: #3B3B3B; font: 12px/15px 'Trebuchet MS'; background-color: #FFFFFF; height: 100%; margin: 0; padding: 0;}
td,th,p				{color: #3B3B3B; font: 12px/15px 'Trebuchet MS';}

a:link				{color: #800C00; font-style: normal; text-decoration: underline;}
a:visited			{color: #500800; font-style: normal; text-decoration: underline;}
a:active, a:hover	{color: #800C00; font-style: normal; text-decoration: none;}

.clear-both			{clear: both; font-size: 0; width: 0; height: 0; line-height: 0;}



/*************************
	Page Layout
**************************/
div#container {
		width: 100%;
		margin: auto;
		position: relative;
		height: auto !important;
		height: 100%;
		min-height: 100%;
		background: url();
	}
div#base-head_home, div#base-head {
		width: 100%;
		text-align: left;
		margin: 0;
		padding: 0;
		position: relative;
		height: 360px;
		background: url(../images/bg_top.gif) repeat-x top left;
		z-index: 0;
	}
div#base-head {
		height: 65px;
		background: url(../images/bg_topinside.gif) repeat-x top left;
	}
div#base-foot {
		width: 100%;
		text-align: left;
		/* change "absolute" below to "relative" like above */
		position: absolute;
		bottom: 0;
		height: 35px;
	}
div#base-body {
		width: 100%;
		text-align: left;
	}

	/**********/

div#base-head:after,
div#base-body:after,
div#base-foot:after {
		content: "";
		display: block;
		clear: both;
	}


/*************************
	Header / Footer
**************************/
div#header {
		width: 760px;
		margin: 0 auto;
	}
div#header-image {
		position: absolute;
		top: 0;
		margin-top: 65px;
		padding: 0;
		z-index: 1;
	}

	/**********/

div#header-search {
		position: absolute;
		top: 0;
		margin: 0;
		padding: 0;
		height: 30px;
	}
div#header-search {
		width: 760px;
	}
div#search-box {
		float: right;
	}
div#search-box input {
		width: 150px;
		padding: 3px;
		margin: 0 5px 0 0;
		border: solid 1px #6A6A6A;
		background: #FFFFFF;
		font: 10px 'Verdana';
	}

	/**********/

div#footer {
		/*margin-top: -15px;*/
		margin: 0;
		padding: 15px 0 0 0;
		height: 35px;
		color: #FFFFFF;
		font: 11px/15px 'Trebuchet MS';
		text-align: center;
		background: #66BCC0 url(../images/bg_footer.gif) repeat-x top left;
	}
div#footer a:link, div#footer a:visited	{color: #FFFFFF; text-decoration: none;}
div#footer a:active, div#footer a:hover	{color: #FFFFFF; text-decoration: underline;}


/***************************************************************************************
-- BEGIN Footer Category Links -- 
****************************************************************************************/
#interior_footer { margin-top: 15px; width:100%;}
#interior_footer_top { width:100%;float:left;margin-bottom:25px; background: url(/images/bg_home_fadegreenvert.gif) repeat-x top left;}
#interior_footer_bottom { width: 760px; margin: 0 auto; padding-bottom: 45px;}

#interior_footer .footer_sections { width:150px; float:left; margin:15px 15px 15px 15px;}
#interior_footer .footer_sections h6 a img{position:relative; top:3px;}

ul.footer_links {
	margin: 6px 0 0 0;
	padding: 0;
}

ul.footer_links li {
	list-style: none;
}
/***************************************************************************************
-- END Footer Category Links -- 
****************************************************************************************/

/*************************
	Content
**************************/
div#content {
		position: relative;
		width: 760px;
		margin: 0 auto;
		/*padding: 15px 0 50px 0;*/
		padding: 15px 0 0 0;
		word-wrap: break-word;
		overflow: hidden;
	}
/*	
div#logo {
		position: absolute;
		top: 0;
		z-index: 1;
		margin: 0 0 0 8px;
		padding: 0;
	}
div#logotext {
		margin: -60px 0 0 250px;
		padding: 0;
		font: 20px/20px 'Trebuchet MS';
		color: #01B5CC;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
*/	

/* basic elements */
h1, .h1 {
	margin: 0;
	padding: 0 0 10px 0;
	font: bold 20px/26px 'Trebuchet MS';
	color: #222222;
	text-transform: uppercase;
	}
h2, .h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font: 20px/26px 'Trebuchet MS';
	color: #222222;
	}
h3, .h3 {
	margin: 0;
	padding: 0 0 10px 0;
	font: 18px/22px 'Trebuchet MS';
	color: #222222;
	}
h4, .h4 {
	margin: 0;
	padding: 0 0 10px 0;
	font: 16px/20px 'Trebuchet MS';
	color: #222222;
	}
h5, .h5 {
	margin: 0;
	padding: 0 0 10px 0;
	font: bold 14px/16px 'Trebuchet MS';
	color: #222222;
	}
h6, .h6 {
	margin: 0;
	padding: 0 0 10px 0;
	font: bold 13px/15px 'Trebuchet MS';
	color: #222222;
	}

ul {
	margin: 0 0 0 30px;
	padding: 0 0 5px 0;
	list-style: none;
}
ol {
	margin: 0 0 0 30px;
	padding: 0 0 5px 0;
	list-style: none;
}
li {
	margin: 0;
	padding: 2px 0 0 0;
	list-style: disc outside;
}
li ul {
	margin: 0 0 0 30px;
	padding: 0;
	list-style: none;
}
li li {
	list-style: lower-alpha outside;
}
ol li {
	list-style: decimal outside;
}


/* specific divs - homepage */
#home_left {
	float: left;
	width: 410px;
	text-align: left;
}

#home_right {
	float: right;
	width: 340px;
	text-align: left;
}


/* specific divs - inside pages */
#column_full, #column_text {
	margin: 0;
	padding: 0 0 20px 0;
	width: 760px;
	text-align: left;
}

#column_ad {
	float: right;
	margin: 0;
	padding: 0;
	width: 205px;
	text-align: left;
}

#box_ad {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
}

#container_box_top {
	margin-top: 20px;
	width: 760px;
	height: 25px;
	background: url(../images/box_t.gif) no-repeat top left;
}
#container_box_middle,
#container_box_middle2,
#container_box_middle3 {
	padding: 10px;
	width: 740px;
	background: url(../images/box_m.gif) repeat-y top left;
}
#container_box_middle2 {
	padding: 10px 25px;
	width: 710px;
}
#container_box_middle3 {
	padding: 10px 50px;
	width: 660px;
}
#container_box_bottom {
	padding-bottom: 20px;
	width: 760px;
	height: 25px;
	background: url(../images/box_b.gif) no-repeat top left;
}

/* holiday ecrads divs */
#Easter,
#Mothers, #Cat_Mothers,
#Fathers, #Cat_Fathers,
#Fourth,
#Halloween,
#Thanksgiving,
#Hanukkah,
#Holidays,
#Xmas,
#newYear,
#stPatricks,
#Passover {
	float: left;
	margin-left: -40px;
}

/* basic classes */
.red {color: #800C00;}
.black {color: #000000;}


.small {font: 11px/13px 'Trebuchet MS';}

.hrdash {width: 100%; margin: 15px 0px; border-bottom: dashed 1px #D5D5D5;}

.noline:link {text-decoration: none}
.noline:visited {text-decoration: none}
.noline:active, .noline:hover {text-decoration: underline;}

.nocolor:link {color: #4D4D4D;; text-decoration: none;}
.nocolor:visited {color: #4D4D4D; text-decoration: none;}
.nocolor:active, .nocolor:hover {color: #4D4D4D; text-decoration: underline;}

.wht:link {color: #FFFFFF;; text-decoration: none;}
.wht:visited {color: #FFFFFF; text-decoration: none;}
.wht:active, .wht:hover {color: #FFFFFF; text-decoration: underline;}

.footer:link {color: #B52717; text-decoration: none}
.footer:visited {color: #B52717; text-decoration: none}
.footer:active, .footer:hover {color: #B52717; text-decoration: underline}

.note {font: 11px 'Trebuchet MS'; color: #999999; font-style: italic;}


/* from old css */
#box_title {
	color: #343434;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 340px;
	text-align: center;
	background: url(../images/box_top.gif) no-repeat;
}

#box_image {
	width: 340px;
	height: 200px;
	text-align: center;
	background: url(../images/box_imagebg.gif) no-repeat;
}

#box_icon {
	width: 340px;
	height: 70px;
	text-align: center;
	background: url(../images/box_iconbg.gif) no-repeat;
}

#select_hrdash {
	margin-top: 20px;
	width: 760px;
	text-align: center;
}

#header_image {
	width: 770px;
	height: 30px;
	text-align: left;
	padding-left: 15px;
	padding-bottom: 15px;
}

#page {
	color: #343434;
	font-family: Verdana;
	font-size: 11px;
}

#factoid {
	width: 340px;
	height: 300px;
	background: url(../images/factiod_img.jpg) no-repeat;
}

#factoid_text {
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
}

#hrdash {
	width: 100%;
	height: 9px;
	background: url(../images/hrdash.gif) repeat;
}

.titlebold { font-family: Verdana;; font-size: 1.5em; line-height: 1.3em; font-weight: bold; margin-bottom: 10px;}
p.title, .title { font-family: Verdana;; font-size: 1.4em; line-height: 1.2em; margin-bottom: 10px; text-align: center;}

#blogtitle, .blogtitle {font-weight: bold; font-size: 1.4em; line-height: 1.2em; padding-bottom: 5px;}
#blogtime, .blogtime {font-size: 11px; color: #999999;}

#blogitem a{font-size: 1em; text-decoration: none;}
#blogitem a:hover{font-size: 1em; text-decoration: underline;}

select, textarea, input {
	font-family: Verdana;
	font-size: 11px;
}
.required {
	color: red;
	font-weight: bold;
}