/*	Generic tags
	---------------------------------------
	This area defines all standard and 
	generic tag declerations. Items in this 
	area may later be redefined, specific to 
	a containing element */
	
body {
	margin: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 77%;
	color: #777777;
	background: #ffffff;
	border-top: 4px solid #292929;
	text-align:center;
}
a {
	color: #c90318;
	text-decoration: underline;
}
a:hover {
	/* Do nothing */
}
p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
hr { 
	color: #f0f0f0;
	background: #f0f0f0;
	border: 0px;
	height: 1px;
	clear: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
input, textarea, button, submit {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
h2 {
	font-size: 120%;
	text-transform: uppercase;
	/*color: #ff9300;*/
	color: #ceab7a; /* NewDawn Yellow/Cold */
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #cccccc;
	margin: 10px 0px 15px 0px;
}
h3 {
	font-size: 120%;
	color: #565656;
	margin: 0px 0px 5px 0px;
}
code { /* used for errors, announcem,ents, and important text */
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	padding: 10px 10px 10px 40px;
	margin: 10px 0px 10px 0px;
	border: 1px solid #eeede8;
	background: #fdfdfb url(../icons2/error.gif) 12px 10px no-repeat;
}




/*	Shared classes and id's
	---------------------------------------
	This area defines all shared and common
	classes and id declerations */
	
.hidden {
	display: none;
}
.left {
	float: left;
}
.right {
	float: right;
	clear: right;
}
.clear {
	clear: both;
}
.cta { /* call to action (cta) */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: block;
	margin: 0px 50px 10px 0px;
	font-size: 80%;
	padding: 8px 0px 0px 0px;	
}
.extra {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: block;
	margin: -1px 130px 30px 0px;
	font-size: 80%;
	border-top: 1px solid #ececea;
	padding: 10px 0px 0px 0px;	
}
.extraHome {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: block;
	margin: 0px 10px 30px 0px;
	font-size: 80%;
	border-bottom: 1px solid #ececea;
	padding: 5px 0px 10px 145px;
	line-height: 175%;	
}
.icon {
	color: #b6b6b6;
	margin: 0px 12px 0px 0px;
	padding: 4px 0px 0px 18px;	
}
.icon:hover {
	color: #c90318;
}

.pdf { background: url(../icons2/page_white_acrobat.gif) no-repeat left 1px;  }
.excel { background: url(../icons2/page_white_excel.gif) no-repeat left 2px;  }
.doc { background: url(../icons2/page_white_word.gif) no-repeat left 2px;  }
.jpg { background: url(../icons2/page_white_picture.gif) no-repeat left 2px;  }
.gif { background: url(../icons2/page_white_picture.gif) no-repeat left 2px;  }
.html { background: url(../icons2/video.gif) no-repeat left 2px;  }
.zip { background: url(../icons2/page_white_compressed.gif) no-repeat left 2px;  }

.demo { background: url(../icons2/scales.gif) no-repeat left 2px;  }
.top { background: url(../icons2/bullet_arrow_up.gif) no-repeat left 2px;  }
.image { background: url(../icons2/monitor.gif) no-repeat left 2px;  }
.video { background: url(../icons2/video.gif) no-repeat left 2px;  }
.comment { background: url(../icons2/comment.gif) no-repeat left 2px; }
.back { background: url(../icons2/arrow_left.gif) no-repeat left 2px; }
.view { background: url(../icons2/magnifier.gif) no-repeat left 2px; }
.study { background: url(../icons2/folder.gif) no-repeat left 2px; }
.event { background: url(../icons2/clock.gif) no-repeat left 2px;  }
.blog { background: url(../icons2/feed.gif) no-repeat left 2px;  }
.press { background: url(../icons2/page_white_star.gif) no-repeat left 2px;  }
.grant { background: url(../icons2/money.gif) no-repeat left 2px;  }
.job { background: url(../icons2/user_suit.gif) no-repeat left 2px;  }
.web { background: url(../icons2/page_white_world.gif) no-repeat left 2px;  }

.searchMultiple { background: url(../icons2/page_white_stack.gif) no-repeat left 2px;  }
.search { background: url(../icons2/magnifier.gif) no-repeat left 2px;  }
.contact { background: url(../icons2/email.gif) no-repeat left 2px;  }


/*Images throughouht the site that have text net to them...*/
.inline {
	float: left;
}


/*	Rounded Corners (r)
	---------------------------------------
	helps define a somewhat graphical interface
	look without the use of images. based on 
	snazzy and nifty corners, the use of these 
	following classed and id's will help give the 
	interface a more refined look */
	
.r { background: transparent; }
.r1, .r2, .r3, .r4 { display: block; font-size:1px; overflow: hidden; background: #ffffff;}
.r1, .r2, .r3 { height: 1px; }
.r2, .r3, .r4 { border-left: 1px solid #efefef; border-right: 1px solid #efefef; }
.r1 { margin: 0px 5px; background: #efefef; }
.r2 { margin: 0px 3px; border-width: 0px 2px; }
.r3 { margin: 0px 2px; }
.r4 { height: 2px; margin: 0px 1px; }
.rt { display: block; margin: 0px 0px 15px 0px } /* rounded top */
.rb { display: block; margin: 0px 0px 15px 0px } /* rounded bottom */


/*	Main Container (mc)
	---------------------------------------
	This area defines all specific classes 
	and id's for the (mc) container */
#mc {
	margin: 0px auto;
	width:770px;
	text-align:left;
}

	
/*	Header (h)
	---------------------------------------
	This area defines all specific classes 
	and id's for all information displayed 
	inside of a (h) container */
	
#h {
	background: #a30011 url(../images/background_header.gif) repeat-x 0px 0px;
	
	clear: both;
}
#h #c { /* Generic containiner */
	margin: 0px auto;
	width: 775px;
	background: #a30011 url(../images/background_header.gif) repeat-x 0px -200px;
	
}
#h #c #ho { /*Header Options */
	width: 350px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 420px;
	position: absolute;
	
}
#h #c #ho img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	border: none;
}
#h #c #ho form {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}
#h #c #ho form .i {
	background: #fdfdfd;
	border: 1px solid #d6d6d6;
	color: #7d7d7d;
	padding: 0px 0px 0px 3px;
	width: 155px;
}
#h #c #ho form .b {
	background: #292929;
	border: 1px solid #292929;
	color: #f5f5f5;
	margin: 0px 20px 0px 7px;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
}
#h #c h1 {
	background: url(../images/background_header.gif) no-repeat 0px -1200px;
	height: 65px;
	width: 110px;
	margin: 16px 0px 0px -80px;
	padding: 0px 0px 0px 0px;
	position:absolute;
	cursor: pointer;
	
}
#h #c h1 span {
	display: none;
}
#h #c ul {
	padding: 0px 0px 0px 0px;
	margin: 61px 0px 0px 0px;
	list-style: none;
	float: right;
	color: #ffffff;
}
#h #c ul li {
	float: left;
	font-size: 105%;
	background: #b02a34 url(../images/background_header.gif) repeat-x 0px -1400px;
}
#h #c ul li a {
	background: transparent url(../images/background_menu.gif) no-repeat top right;
	border-left: 1px solid #a30011;
	border-right: 2px solid #a30011;
	color: #ffffff;
	display: block;
	padding: 7px 7px 9px 7px;
	text-decoration: none;
}
#h #c ul li a:hover {
	background: #c13943;
}
#h #c ul li .active, #h #c ul li .active:hover {
	background: #eae7d2 url(../images/background_header.gif) repeat-x 0px -400px;
	border-left: 1px solid #eae7d2;
	border-right: 2px solid #eae7d2;
	border-top: 1px solid #eae7d2;
	color: #404040;
	display: block;
	padding: 7px 7px 9px 7px;
	font-weight: normal;
}
#h #c ul li strong {
	background: #eae7d2 url(../images/background_header.gif) repeat-x 0px -400px;
	border-left: 1px solid #eae7d2;
	border-right: 2px solid #eae7d2;
	border-top: 1px solid #eae7d2;
	color: #404040;
	display: block;
	padding: 7px 7px 9px 7px;
	font-weight: normal;
}

/*	Sub Menu (sm)
	---------------------------------------
	This area defines all specific classes 
	and id's for all information displayed 
	inside of a (sm) container */

#sm {
	margin: 0px 0px 0px 0px;
	background: #eae7d2 url(../images/background_header_sub.gif) repeat-x left bottom;
}
#sm #c {
	margin: 0px auto;
	width: 800px;
}
#sm #c ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
#sm #c ul li {
	float: left;
	border-left: 1px solid #d7d19d;
	border-right: 1px solid #f9f5ea;
	margin: 2px 0px 6px 0px;
}
#sm #c ul .first {
	border-left: 0px;
}
#sm #c ul .last {
	border-right: 0px;
}
#sm #c ul li a, #sm #c ul li strong {
	display: block;
	color: #777775;
	padding: 12px 5px 8px 6px;
	font-weight: normal;
	text-decoration: none;
}
#sm #c ul li a:hover, #sm #c ul li strong {
	background: #f6f5e8 url(../images/background_header_sub_over.gif) repeat-x center bottom;
}

#sm #c ul#solutions {
position:relative;
left:60px
}

#sm #c ul#testimonials {
position:relative;
left:200px
}

#sm #c ul#news {
position:relative;
left:210px
}



/*	Home Containers (hc, hl, hr)
	---------------------------------------
	This area defines all specific classes 
	and id's for content division, size and 
	placement for the home page. Center, Left & Right
	are represented by (c), (l) and (r) where 
	home is (h) */

#hf { /* Home Feature */
	background: #eae7d2 url(../images/background_feature.gif) repeat-x left bottom;
	padding: 7px 0px 10px 0px;
}
#hf #c {
	margin: 0px auto;
	width: 770px;
}
#hf #c #fp { /* Feature Promo (fp) */
	padding: 7px 7px 4px 7px;
	background: #ffffff;
	width: 485px;
	margin: 0px 10px 0px 0px;
	float: left;
}
#hf #c #ft { /* Feature Testimonial */
	padding: 7px 7px 4px 7px;
	background: #ffffff url(../images/background_feature_testimonial.gif) no-repeat left bottom;
	float: left;
}
#hf #c #ft img {
	background: #ffffff url(../images/preload_3.gif) center center no-repeat;
}
#hf #c #ft a {
	display: block;
	margin: 10px 6px 0px 0px;
	font-size: 90%;
	text-align: right;
	color: #a0a09e;
	text-decoration: none;
}
#hf #c #ft a:hover {
	color: #c90318;
}

#hc { /* Home Center */
	clear: both;
	padding: 10px 30px 10px 10px;
	margin: 0px 0px 40px 0px;
}
#hl { /* Home Left */
	float: left;
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	background: url(../images/background_home.gif) no-repeat;
}
#hl p {
	float: left;
	width: 340px;
	line-height: 150%;
}
#hl .thumb {
	background: #ffffff url(../images/preload_3.gif) center center no-repeat;
	border: 1px solid #cecece;
	padding: 2px;
	float: left;
	margin: 5px 20px 20px 0px;
}
#hl h3 img {
	border: none;
}
#hl h3 span {
	display: none;
}
#hl #b { /* blog */
	background: #ffffff url(../images/background_blog.gif) top right no-repeat;
	margin: 0px 0px 20px 0px;
	padding: 6px 8px 10px 35px;
	font-size: 90%;
}
#hl #b strong {
	font-size: 120%;
	display: block;
	color: #565656;
	
}
#hl #b strong span {
	float: right;
	font-weight: normal;
	font-size: 85%;
	color: #c5c5bd;
	display: none;
}

#hl #g { /* grant news */
	background: #ffffff url(../images/background_grant.gif) top right no-repeat;
	margin: 0px 0px 20px 0px;
	padding: 6px 8px 10px 35px;
	font-size: 90%;
}
#hl #g strong {
	font-size: 120%;
	display: block;
	color: #565656;
	
}
#hl #g strong span {
	float: right;
	font-weight: normal;
	font-size: 85%;
	color: #c5c5bd;
	display: none;
}

#hl .logo{
	padding: 42px 0px 0px 0px;
	height: 1px; /* make sure IE displays this correctly...*/
}
#hl .logo span{
	display: none;
}
#hl p big {
	font-size: 100%;
	margin: 0px 0px 6px 0px;
	display: block;
}
#hl .icon {
	font-size: 80%;
}
#hl .clear {
	border-bottom: 1px solid #ececea;
	margin: 0px 0px 20px 0px;
}
#hr { /* Home Right */
	width: 255px;
	margin: 0px 0px 0px 500px;
	padding: 8px 0px 0px 10px;
	background:url(../images/background_home.gif) no-repeat right top;
}
#hr h2 {
	margin: 10px 0px 0px 0px;
}
#hr #p { /* Promotional area */
	margin: 0px 0px 20px 0px;
	font-size: 90%;
}
#hr #p strong {
	font-size: 120%;
	display: block;
	color: #000000;
}
#hr .piy { /* Promo Image Yes (piy) */
	padding: 6px 8px 10px 70px;
}
#hr .pin { /* Promo Image No (pin) */
	background: #eaf4f6 url(../images/background_announce.gif) no-repeat;
	padding: 6px 8px 10px 70px;
}
#hr #n {  /* News & Announcements (changed to Press Releases) */
	clear: right;
}
#hr #n ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;		
}
#hr #n ul li {
	border-bottom: 1px solid #ebeae7;
}
#hr #n ul li a {
	display: block;
	cursor: pointer;
	padding: 8px;
	clear: right;
	min-height: 40px;
	text-decoration: none;
}
#hr #n ul li a:hover {
	text-decoration: none;
	background: #f7f6f1;
}
#hr #n ul li span {
	float: right;
	background: #faf4c8;
	border-bottom: 1px solid #e3de9f;
	border-right: 1px solid #e3de9f;
	display: block;
	width: 20px;
	text-align: center;
	line-height: 100%;
	padding: 6px;
	text-decoration: none;
	color: #a19d68;
	margin: 0px 0px 0px 0px;
}
#hr #n ul li a:hover span {
	text-decoration: none;
	background: #c90318;
	color: #ffffff;
	border-bottom: 1px solid #c90318;
	border-right: 1px solid #c90318;
}
#hr #n ul li span strong{
	display: block;
	font-size: 110%;
	font-weight: normal;
}
#hr #n div a {
	float: right;
	display: block;
	margin: 8px 0px 20px 0px;
	color: #777777;
	padding: 0px 0px 0px 20px;
	background: url(../icons2/page_white_star.gif) no-repeat 0px 0px;
	text-decoration: none;
}
#hr #n div a:hover {
	color: #c90318;
}
#hr #e { /* Upcoming Events */
	clear: right;
}
#hr #e ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;		
}
#hr #e ul li {
	border-bottom: 1px solid #ebeae7;
	padding: 0px;
}
#hr #e ul li a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	padding: 8px;
}
#hr #e ul li a:hover {
	text-decoration: none;
	background: #f7f6f1;
}
#hr #e ul li span {
	float: right;
	color: #777777;	
}
#hr #e ul li a:hover span {
	text-decoration: none;
}
#hr #e div a {
	float: right;
	display: block;
	margin: 8px 0px 15px 0px;
	color: #777777;
	padding: 0px 0px 0px 20px;
	background: url(../icons2/clock.gif) no-repeat 0px 0px;
	text-decoration: none;
}
#hr #e div a:hover {
	color: #c90318;
}

/*	Breadcrumbs (bc)
	---------------------------------------
	This area defines all specific classes 
	and id's for any and all information displayed 
	inside of a (bc) container.  */
	
#bc {
	margin: -6px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #ececea;
}

/*	Page title (pt)
	---------------------------------------
	This area defines all specific classes 
	and id's for any and all information displayed 
	inside of a (pt) container.  */

#pt {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	
}
#pt h1 {
	font-size: 220%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #444444;
	/*background: url(../images/background_pagetitle.jpg) no-repeat right top;
	border-top: 2px solid #c90318;*/
}
#pt .logo1 { /*JustWare style logos*/
	padding: 42px 0px 0px 0px;
}
#pt .logo2 {/*Ancillary style logos*/
	padding: 70px 0px 0px 0px;
}
#pt .logo1 span, #pt .logo2 span {
	font-size: 0px;
	color: #ffffff;
}
#pt h1 sub {
	display: block;
	/*width: 295px;*/
	font-size: 60%;
	color: #4F4F4F;
	font-weight: normal;
	text-transform: none;
}


/*	Tabs (t)
	---------------------------------------
	usually specific to a given section or 
	a sub section */

#t {
	/*display: none;*/
	text-align: right;
	margin: 18px 0px 10px 0px;
	padding: 0px 10px 10px 0px;
	border-bottom: 1px solid #d6d4d3;
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#t a {
	display: inline;
	margin: 0px 1px 0px 1px;
	padding: 10px;
	background: #f2f2f2 url(../images/background_tabs.gif) repeat-x 0px -100px;
	border-right: 1px solid #d6d4d3;
	border-bottom: 1px solid #d6d4d3;
	color: #322f29;
	text-decoration: none;
}
#t a:hover {
	background: #e1e1e1 url(../images/background_tabs.gif) repeat-x 0px -200px;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
}
#t strong {
	display: inline;
	margin: 0px 1px 0px 1px;
	padding: 10px 10px 10px 10px;
	background: #ffffff url(../images/background_tabs.gif) repeat-x 0px 0px;
	border: 1px solid #d6d4d3;
	font-weight: normal;
	border-bottom: 1px solid #ffffff;
}
#d { /* fake tablike divider... */
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 10px 0px;
	border-bottom: 1px solid #ececea;
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}


	
/*	Content Left (cl)
	---------------------------------------
	This area defines all specific classes 
	and id's for any and all information displayed 
	inside of a (cl) container */
	
#cl {
	float: left;
	padding: 15px;
	width: 160px;
}
#cl ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	letter-spacing: -0.03em;
	font-size: 94%;
}
#cl ul li {
	border: 1px solid #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#cl ul li a {
	display: block;
	padding: 3px 4px 3px 18px;
	/*background: #ffffff url(../icons2/bullet_feed.gif) no-repeat 0px 4px;*/
	background: #ffffff url(../images/icon_pillar.gif) no-repeat 0px 4px;
	color: #555555;
	text-decoration: none;
	border-top: 1px solid #ececea;
}
#cl ul li a strong {
	font-weight: normal;
	display: block;
	padding: 3px 4px 3px 18px;
	background: #fffbe2 url(../icons2/bullet_black.gif) no-repeat 0px 4px;
	color: #000000;
	border-top: 1px solid #f0ebca;

}
#cl ul ul li a {
	display: block;
	padding: 3px 4px 3px 18px;
	/*background: #ffffff url(../icons2/bullet_feed.gif) no-repeat 0px 4px;*/
	background: #ffffff url(../images/bullet_arrow.png) no-repeat 0px 4px;
	color: #555555;
	text-decoration: none;
	border-top: 1px solid #ececea;
}
#cl ul #adobe li a {
	display: block;
	padding: 3px 4px 3px 18px;
	/*background: #ffffff url(../icons2/bullet_feed.gif) no-repeat 0px 4px;*/
	background: #ffffff url(../images/bullet_pdf.png) no-repeat 0px 4px;
	color: #555555;
	text-decoration: none;
	border-top: 1px solid #ececea;
}
#cl #doc ul li a {
	display: block;
	padding: 3px 4px 3px 18px;
	/*background: #ffffff url(../icons2/bullet_feed.gif) no-repeat 0px 4px;*/
	background: #ffffff url(../images/bullet_doc2.png) no-repeat 0px 4px;
	color: #555555;
	text-decoration: none;
	border-top: 1px solid #ececea;
}
#cl ul li a:hover {
	color: #c90318;
	/*background: #fffbe2 url(../icons2/bullet_feed.gif) no-repeat 0px 4px;*/
	background: #fffbe2 url(../images/icon_pillar.gif) no-repeat 0px 4px;
}
#cl ul li strong {
	font-weight: normal;
	display: block;
	padding: 3px 4px 3px 18px;
	background: #fffbe2 url(../icons2/bullet_black.gif) no-repeat 0px 4px;
	color: #000000;
	border-top: 1px solid #f0ebca;

}


/*	Content Right (cr)
	---------------------------------------
	This area defines all specific classes 
	and id's for any and all information displayed 
	inside of a (cr) container */
	
#cr {
	margin: 0px 0px 0px 175px;
	padding: 20px;
	color: #7e7e7e;
}
#cr a {
	text-decoration: underline;
}
#cr a:hover {
	text-decoration: none;
}
#cr #o {/* page options */
	margin: 0px 0px 20px 0px;	
}
#cr #o ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;	
}
#cr #o ul li {
	display: inline;
	padding: 0px 10px 0px 20px;
}
#cr blockquote {
	clear: right;
	margin: 0px 0px 8px 0px;
	padding: 8px 0px 16px 0px;
	Xborder-top: 1px solid #dedede;
	border-bottom: 1px solid #ececea;
	font-size: 120%;
	color: #656565;
}
#cr h2 {
	border: none;
	margin: 15px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 350px;
}
#cr img, #cr .flash {
	background: #ffffff url(../images/preload_3.gif) center center no-repeat;
	padding: 6px;
	border: 1px solid #efefef;
	margin: 10px 10px 10px 0px;
}
#cr img.null { /* hide the border for solutions images */
	border: 1px solid #ffffff;
}
#cr .inline {
	margin: 5px 20px 10px 0px;
	float: left;
}
#cr .q {
	width: 136px;
	background: #f4f9fc url(../images/background_quote.gif) no-repeat center top;
	color: #8e9fa5;
	padding: 12px 12px 0px 12px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	line-height: 150%;
	border: none;
	float: right;
	margin: 20px 0px 30px 30px;
}
#cr .q div {
	font-size: 77%;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 110%;
	display: block;
	margin: 12px -13px 0px -12px;
	padding: 10px 12px 30px 12px;
	background: #f4f9fc url(../images/background_quote.gif) no-repeat center bottom;
}
#cr .q span {
	background: url(../images/background_quote.gif) no-repeat;
}
#cr dl {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
#cr dl dt {
	border: 1px solid #ffffff;
	border-bottom: 1px solid #a0c5d5;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 5px 0px;
	font-size: 120%;
	font-weight: bold;
}
#cr dl dt span{
	float: right;
	font-weight: normal;
	color: #b6b6b6;
	font-size: 80%;
}
#cr dl dd {
	margin: 0px 0px 0px 0px;
	border: 1px solid #ffffff;
	border-bottom: 1px solid #ebf6f8;
}
#cr dl dd i {
	display: block;
	padding: 10px 20px 10px 25px;
	text-decoration: none;
	background: #ffffff url(../icons2/cross.gif) no-repeat 0px 10px;
}
#cr dl dd a {
	display: block;
	padding: 5px 20px 5px 0px;
	text-decoration: none;
	background: #ffffff;
}
#cr dl dd a span {
	float: right;
	color: #777777;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 70px;
}
#cr dl dd a em {
	display: block;
	color: #777777;
	font-style: normal;
	padding: 5px 0px 0px 25px;	
}
#cr dl dd a big { 
	display: block;
	font-size: 100%;
	padding: 0px 0px 0px 25px;
}
#cr dl dd a small { 
	display: block;
	color: #a6a6a6;
	font-size: 90%;
	margin: 10px 0px 0px 0px;
}

#cr dl .even a { background: #fafdfe; }
#cr dl .odd a { background: #ffffff; }
#cr dl a:hover { background: #fffbe2; }


#cr #comments dd { /* blog comment */
	display: block;
	padding: 10px 20px 8px 0px;
	text-decoration: none;
	background: #ffffff;
}
#cr #comments dd big { 
	display: block;
	font-size: 100%;
	padding: 0px 0px 0px 50px;
	color: #444444;
	line-height: 100%;
}
#cr #comments dd em {
	display: block;
	color: #777777;
	font-style: normal;
	padding: 5px 0px 0px 50px;	
}
#cr #comments dd span {
	display: block;
	color: #bdbdbd;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 50px;
}
#cr #comments dd span {
	display: block;
	color: #bdbdbd;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 50px;
}
#cr #comments .even { background: #fafdfe  url(../icons2/feed_add.gif) no-repeat 0px 12px; }
#cr #comments .odd { background: #ffffff  url(../icons2/feed_add.gif) no-repeat 0px 12px; }
#cr #comments a { text-decoration: underline; }
#cr #comments .even a:hover { background: #fafdfe; text-decoration: none; }
#cr #comments .odd a:hover { background: #ffffff; text-decoration: none; }



#cr #i { /* ingormation holder */
	Xfloat: left;
	width: 500px;
	padding: 20px;
	border: 1px solid #e9eff2;
	margin: 0px 20px 0px 0px;
	background: #ffffff url(../images/background_i.gif) no-repeat center 5px;
}
#cr #i img {
	float: left;
	margin: 0px 20px 0px 0px;
}
#cr #i label {
	color: #a6a6a6;
	display: block;
}
#cr #i span {
	display: block;
	margin: 0px 0px 10px 0px;
}
#cr #i strong {
	padding: 2px 0px 0px 22px;
	display: block;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
}
#cr #i strong a{
	font-weight: bold;
	padding: 0px 5px 0px 0px;
}


/*	Generic Form (gf)
	---------------------------------------
	This area defines all specific classes 
	and id's for any and all information displayed 
	inside of a (gf) container */
	
#gf {
	margin: 0px 0px 0px 0px;
	padding: 10px;
	border: 1px solid #eeede8;
	background: #fdfdfb;

}
#gf .required { padding: 0px 0px 0px 18px; background: url(../icons2/bullet_star.gif) no-repeat; } /* Required field */

.i, .t, .s, .b, .f, .w, .d{
	padding: 4px;
	border: 1px solid #cac7c5;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#gf .i { width: 350px; margin: 0px 5px 5px 0px;}

#gf .t { width: 350px; height: 70px; margin: 0px 5px 5px 0px; }
#gf .s { width: 350px; margin: 0px 5px 5px 0px; }
#gf .c { margin: 0px 5px 5px 10px; }
#gf .b { width: 100px; margin: 20px 0px 5px 10px; background: #840213 url(../../images/background_button.gif); color: #ffffff; border: 1px solid #840213; }
#gf .f { width: 350px; margin: 0px 0px 5px 0px; }
#gf .w { margin: 0px 0px 5px 0px; background: #ffffff; border: 1px solid #cac7c5; height: 200px; width: 635px;}

#gf .small { width: 108px; }
#gf .medium { width: 216px; }
#gf .multiple { height: 90px; }

#gf .d { 
	width: 350px; 
	margin: 0px 5px 5px 0px; 
	background: #cdcdcd;
	border: 1px solid #f8cece;
	background: #f8e8e5 url(../images/background_delete.gif) repeat-x 0px -10px;
	color: #d41212;
}

#gf .x {
	background: #f8f6f3;
	border: 1px solid #f8f6f3;
	color: #000000;
	padding: 4px 0px 4px 0px;
}
#gf fieldset {
	border: 1px solid #ffffff;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom:  1px solid #eeede8;
}
#gf legend {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #777777;
	background: #ffffffff;
	font-size: 100%;
}
#gf .bold {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	color: #777777;
	background: #ffffffff;
	font-size: 120%;
}
#gf em {
	color: #adacaa;
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 9px;
	width: 300px;
	
}
#gf i {
	color: #adacaa;
	display: block;
	margin: 0px 0px 10px 5px;
	padding: 0px 0px 0px 20px;
	Xbackground: url(../icons2/error.gif) no-repeat;
	width: 450px;
}
#gf span {
	display: block;
	background: #fbfbf5;
	margin: 2px 9px 2px 9px;
	padding: 2px 150px 2px 2px;
}
#gf span label {
	width: 300px;
	padding: 0px 0px 0px 5px;
}
#gf big {
	display: block;
	font-size: 100%;
	padding: 0px 0px 4px 0px;
	margin: 15px 120px 6px 9px;
	border-bottom:  2px solid #eeede8;
	font-weight: bold;
}
#gf small {
	display: block;
	font-size: 100%;
	padding: 0px 0px 0px 0px;
	Xborder-bottom: 1px solid #eeede8;
	vertical-align: middle;
	margin: 0px 120px 0px 0px;
}


/*	Search Links (s)
	---------------------------------------
	This area defines all specific classes 
	and id's for any and all information displayed 
	inside of a (s) container */
	
#s {
	margin: 25px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	border-top: 1px solid #ececea;
}
#s strong, #s span  {
	Xdisplay: block;
	Xfloat: left;
	Xbackground: #ffffff;
	padding: 3px;
	color: #777777;
	Xborder: 1px solid #ececea;
	Xmargin: 0px 3px 0px 0px;
}
#s span  {
	color: #ececea;
}
#s a{
	Xdisplay: block;
	Xfloat: left;
	Xbackground: #faf4c8;
	Xborder-bottom: 1px solid #e3de9f;
	Xborder-right: 1px solid #e3de9f;
	padding: 3px;
	Xtext-decoration: none;
	Xcolor: #a19d68;
	Xmargin: 0px 3px 0px 0px;
}
#s a:hover {
	Xbackground: #c90318;
	Xborder-bottom: 1px solid #c90318;
	Xborder-right: 1px solid #c90318;
	Xcolor: #ffffff;
}


/*	Footer (f)
	---------------------------------------
	This area defines all specific classes 
	and id's for any and all information displayed 
	inside of a (f) container */
	
#f {
	clear: both;
	margin: 30px auto 40px auto;
	width: 770px;
	padding: 10px 0px 50px 0px;
	border-top: 1px solid #efefef;
}
#f a {
	text-decoration: underline;
}
#f a:hover {
	text-decoration: none;
}
#f address{
	float: right;
	text-align: right;
	font-style: normal;
}