/****************************************
 * Web Template with Two-line Unit Signature Banner
 * Main CSS Rules
 ****************************************/
 
/*
	The purpose of this stylesheet is to control the layout and formatting
	of pages throughout the website. Place rules that apply to all pages and 
	all web browsers in this stylesheet. To provide Internet Explorer v5.x 
	on Windows with special rules, see hacks/ie5win.css. To provide Internet 
	Explorer v5.x on Macintosh with special rules, see hacks/ie5mac.css.
*/
 
/****************************************
 * General Formatting
 ****************************************/
/* 
	The following rule sets up default global properties, such as
	font family and color, page margin and padding, and the 
	background color of the footer.
	
	Note the font-size declaration. Its purpose is to reset the 
	default font size to 10px instead of 16px, allowing font sizes to 
	be specified in ems throughout the stylesheet (1.0em = 10px, 
	1.3em = 13px, etc.). It is important to specify font sizes in ems 
	instead of pixels, because IE/Win does not allow text to be resized
	by the user if it is specified in pixels.	
*/ 


/* University Guidelines 
Primary Color Palette
These official university colors should be the most dominant colors on any of the NC State sites. They should anchor all Web site designs.

Red - #CC0000 - RPG -> 240,0,0 
Black - #000000
White - #FFFFFF

Secondary Color Palette
These colors offer complementary options for navigational elements, promotional areas and other prominent design and content elements. As many as two secondary colors can be used with the primary color palette, but they should never be more dominant than the primary colors.

#383838
#666666
#CCCCCC
#E1E1E1
#5C5541 - RPG -> 92,85,65 (gray-green)
#666633
#556677
#A20000


Support Color Palette
These colors should be used for subtle accents (link styles, horizontal rules, etc.) and not for primary design elements. One support color can be used with the primary and secondary colors so as not to overpower the design.
#A79574
#C5BD9D
#E5E1D0
#778855
#99AA77
#CCDDAA
#67849C
#CC9900 - RPG -> 204,153,0 (light orange) 
*/

body {
 	margin: 0;
	padding: 0;
	/*font-family: verdana, arial, georgia;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 63.125%;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
	color: #FFF;
    background:#144a64;
	
 	}

 

/****************************************
 * Header
 ****************************************/
 
/* 
	Section Title 
	-------------------------
	The following rules control the formatting of the section title, including
	padding, font family, size, weight, color.
*/
 
#identity {
	float: left;
	width: 100%;
	margin-top:15px;
	padding: 0;
	}
#identity .content {margin:0 auto; width: 960px;}
#identity .bg-homepage {float:left;background-image:url(../webimages/fieldrx_header.jpg); width:952px; height:460px; margin:0; }
#identity .bg-subpage {float:left;background-image:url(../webimages/fieldrx_header.jpg); width:952px; height:280px; margin:0; }
	
#identity .taglines {
	clear:both;
	font-size:1em;
	padding-left:20px;
	padding-top:73px;
}

#identity .online {float:left;text-align:center;width:100px;padding-top:44px;line-height:1.35em;}
#identity .simply {font-size:2.4em;font-weight:bold;}
#identity .phone {padding-top:35px;color:#333;font-size:.70em;}
/*
	Main Navigation 
	-------------------------
	The following rules control the appearance of the main navigation links.
	These links are displayed in a horizontal band with a gray background. 
	Main navigation should appear on every page of a site.
	per request - light blue: #a7ccec, medium blue: #84a8c7
	or greenish.... #7C9673;
	gradient45514125.png - is a gradient of 88bb99 & 88bb88 from http://www.grsites.com/
*/

#header {
	float: left;
	width: 100%;
	margin:0;
	padding:0;
}

#navigation {
  width: 640px;
	margin: 0;
	margin-left:300px;
	}	
	
#navigation ul {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1.2em;	
}
	
#navigation li {
	margin: 0;
	padding: 4px;
	float: left;
	
	}
	
#navigation a {
	float: left;
	padding: 7px 15px 7px 15px;
	background: #FFF;
	border: 1px solid #ccc;
	font-size: 1.2em;
	font-weight: bold;
	color:#666;
	text-decoration: none;
	}
#navigation a:hover {
	background: #a6a69d;   
 
	}	
		
#main-navigation {
  	width: 930px;
	margin: 0;
	
	
/*	margin-left:350px; */
	}	
	
#main-navigation ul {
	float: left;  
	margin: 0;
	padding: 0;
	font-size: 1.2em;	
}
	
#main-navigation li {
	margin: 0;
	padding: 0 6px;
	float: left;
	background: none;
	}
	
#main-navigation .blue{background-image:url(../webimages/button-blue.gif);}
#main-navigation .orange{background-image:url(../webimages/button-orange.gif);}
#main-navigation .green{background-image:url(../webimages/button-green.gif);}
#main-navigation .red{background-image:url(../webimages/button-red.gif);}
					
#main-navigation a {

	float: left;
	text-align:center;
	width:130px;
	height:80px;
	margin-top:5px;
	padding-top:40px;
	font-size: 1.2em;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	}
	
#main-navigation a:hover {
	/*background: #a6a69d; */
	margin-top:0px;
	padding-top:35px;
 
	}


/****************************************
 * Content Sections
 ****************************************/
/*
	The following set of rules controls the most general layout elements 
	used throughout the templates. Every page must have these elements, 
	with the exception of #section-navigation and #secondary, which are 
	only required on two-column pages.
	
	The #wrap element is used to apply the beige background color to the
	main body of the page. #content is used to specify that the page is 
	740px wide and centered. #main and #secondary are the right and left
	vertical columns of content, respectively (one-column pages only use
	#main, which occupies the entire width).
*/
#wrap {
	float: left;
	width: 100%;
	}
 
#content {
	margin: 0 auto;
	width: 960px;
	/*background:#FFF;*/

	}
	
#main {
	/*float: right;*/
	margin-top:0;
	padding-top: 0px; 
	padding-right: 10px;  
	padding-bottom: 10px; 
	padding-left: 10px; 
	width:932px;
	/*border-left:#CCC 1px solid;*/
	/* this is the content with a right shadow */
	/* background:#FFF url(../webimages/content_bkgd.png); */
	background:#FFF; 
	
	}
	
 
/****************************************
 * Text Styles
 ****************************************/
/*
	The following rules control the appearance of the various textual elements
	that constitute the contents of a page, including font sizes, colors, and weights, 
	line spacing, margins, bullets, and borders. 
	
	For detailed examples, see the one-column and two-column templates.	
*/

/* first item on the page gets no top margin */
.first {
	margin-top: 0;
	}
 
/* 
	Headlines 
	-------------------------
	Headlines introduce sections of text, and they should be used in a 
	way that consistently represents the heirarchy of information on a page.
*/
 
h2 {
	margin: 0 0 15px 0;
	font-size: 1.8em;
	font-weight: normal;
	}
	
h3 {
	clear: both;
	margin: 0 0 15px 0;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
	}
	
h4 {
	margin: 15px 0 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	}
	
/* 
	Text
	-------------------------
	Paragraphs of text, extended quotations, and captions
	Changed paragraph text to smaller size (1.2) per request 
*/

p {
	/*margin: 0 0 15px 0;
	font-size: 1.3em;
	line-height: 1.4em;*/
	font-size: 1.2em;
	line-height: 1.4em;
	text-align:justify;
	}
	
blockquote {
	margin: 0 30px;
	}
	
/* captions */
	
.caption {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #666;
	}
	
/* 
	Lists 
	-------------------------
	Unordered lists (ul) represent a sequence of items in no particular
	order. They are displayed with a square bullet to the left of each 
	list item (li).
	
	Ordered lists (ol) represent an ordered sequence of items. They are 
	displayed with a number to the left of each list item (li).
	
	Definition lists (dl) represent a set of terms (dt) and definitions (dd).
	Each term should be followed by one or more definitions. Definition lists
	are very useful for marking up a series of links, each of which has an
	explanatory passage of text.

*/
	
ul, ol {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em;
	/* text-align:justify; */
	}
	
ul ul, ul ol, ol ol, ol ul {
	font-size: 1.1em;
	}
	
ul li {
	/* float:none; */
	margin: 5px 0;
	padding: 0 0 5px 30px;
	list-style: none;
	background: url(../webimages/bullet.gif) no-repeat 18px 0.55em;
	}
 
ol li {
	/* float:none; */
	margin: 5px 0 5px 30px;
	padding: 0 0 5px 0;
	}
 
dl {
	margin: 0 0 15px 0;
	line-height: 1.4em;
	}
	
dt {
	margin: 0 0 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	}
	
dd {
	margin: 0 0 15px 0;
	font-size: 1.3em;
	line-height: 1.4em;
	}
	
/* 
	Links 
	-------------------------
	Links are displayed as dark red text. The underline is replaced by a 
	lighter bottom border. Visited links have less contrast than unvisited 
	links. Both visited and unvisited links turn bright red when moused over,
	and they return to their normal state when selected. 
*/

.ql a{color: #b31b1b;text-decoration: none; border:none}
.ql a:hover{color: #F00; text-decoration:underline}



a {
	border: none;
	color: #b31b1b;  
	text-decoration: none;
	}
	
a:visited {
	}
	
a:hover {
	color: #f00;
	/*border-color: #f00;*/
	text-decoration:underline;
	}
	
a:active {
	}
	

/****************************************
 * Images
 ****************************************/
/*
	The following set of rules controls the appearance of images.
	
	Examples of large photos, small photos, photo captions, and secondary
	photos can all be found in the two-column template. Examples of 
	thumbnails can be found in the hub and photo gallery templates.
*/
img {
	border: 0;
	}
 
/* 
	Large photos 
	-------------------------
	Large photos occupy the entire width of the main column of a two-column
	page. Text does not wrap around a large photo.
*/
 
.main-photo-large {
	margin: 20px 0;
	width: 510px;
	}
	
/* 
	Small photos 
	-------------------------
	Small photos are aligned with the right edge of the page, and text wraps 
	around them to the left.
*/

.main-photo-small {
	margin: 5px 0 15px 25px;
	width: 210px;
	float: right;
	}
	
.main-photo-medium {
	margin: 5px 0 15px 25px;
	width: 280px;
	float: right;
	}
	
/* 
	Photo captions 
	-------------------------
	Both large photos and small photos can have captions, which are displayed
	with a white background.
*/
	
.main-photo-large .caption, .main-photo-small .caption, main-photo-medium .caption {
	margin: 0;
	padding: 5px 10px 8px 10px;
	background: #fff;
	}
	
/* 
	Secondary photos 
	-------------------------
	Secondary photos occupy the entire width of the secondary column (left sidebar) 
	of a two-column page. Secondary photos should not be placed within 
	.secondary-section divs.
*/

.secondary-photo {
	margin: 0 0 50px 0;
	}

#secondary .secondary-photo .caption {
	margin: 10px 15px 0 15px;
	}
	
/* 
	Thumbnails (dropshadows) 
	-------------------------
	Thumbnails, which are required on the hub template and the photo gallery template
	(and can be used anywhere throughout the site) are square (100x100px) images that
	have a soft shadow. The shadow subtly lifts the thumbnail to the foreground.
	
	Thumbnails are given some padding to make room for the shadow background image.
	They are then repositioned to where they would have been displayed without the 

	shadow and padding. This allows the thumbnail class to be used without concern 
	for accomodating the dimensions of the shadow image.
*/
 
.thumbnail {
	position: relative;
	
	/* padding makes room for the dropshadow, but offsets the image */
	padding: 6px 9px 9px 6px;
	background: url(../webimages/layout/shadow_tn.gif) no-repeat top left;
	
	/* position and margin fix the offset */
	top: -6px;
	left: -6px;
	margin: 0 0 -15px 0;
	}
 
/****************************************
 * Tables
 ****************************************/
/*
	The following rules control the appearance of tables, which are used only
	for tabular data. To create the appearance of alternating stripes of 
	background colors on rows of data, use the .row1 and .row2 classes on 
	<tr> elements.
	
	For a detailed example of how to mark up a table, see the 
	one-column or two-column template.
*/

table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	}
	
table {
	margin: 0;
	border-collapse:collapse;

	}
	
th {
	padding: 0 15px 5px 15px;
	font-weight: normal;
	text-align: left;
	color: #888;
	}
	
td, tbody th {
	padding: 8px 7px;
	/*border-top: 1px solid #e7e7e7;*/
	font-size: 1.1em;
	line-height: 1.3em;
	}
	
tbody th {
	font-weight: bold;
	color: #222;
	text-align: right;
	}
	
.row1, .row1 td, .row1 th {
	background: #fff;
	} 
	
.row2, .row2 td, .row2 th {
	background: #fafaf7;
	}
	
tfoot td {
	font-weight: bold;
	}

caption {
	margin: 0 0 15px 0;
	text-align: left;
	color: #888;
	font-size: 1.1em;
	}
	 

	 
/****************************************
 * Forms
 ****************************************/
/*
	The following rules control the appearance of forms.
	
	Related sections of form inputs should be organized in fieldsets. 
	Each fieldset should contain a series of .form-pair divs. Each
	.form-pair should contain a .form-item div and a .form-value div. The 
	.form-item should contain a <label> for the <input> or <select> 
	found in the .form-value.
	
	For a detailed example of how to mark up a form, see the 
	one-column or two-column template.
*/
form {
	float: left;
	margin: 5px 0 15px 0;
	padding: 0;
	width: 510px;
	}
	
fieldset {
	float: left;
	margin: 0;
	padding: 10px 0 15px 0;
	width: 510px;
	border: none;
	border-top: 1px solid #e7e7e7;
	}
		
form h3 {
	margin: 0 15px 5px 15px;
	}		
	
.form-pair {
	display: inline;	/* prevent ie6/win from doubling margins */
	float: left;
	margin: 5px 15px 0 15px;
	width: 480px;
	}
	
.form-item {
	float: left;
	margin-top: 5px;
	width: 165px;
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: right;
	}	
	
.form-value {
	float: right;
	margin-top: 5px;
	width: 300px;
	font-size: 1.1em;
	line-height: 1.5em;
	}

.checklist {
	margin: 0;
	font-size: 1em;
	}

.checklist li {
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
	}
	
.input-text, select, textarea {
	font-family: verdana, arial, georgia;
	font-size: 1em;
	}

.form-submit {
	border-top: none;
	background: #dbdbd2;
	}
	
.form-submit-buttons {
	text-align: right;
	padding-right: 15px;
	}
	
.form-submit-buttons .input-reset {
	margin-right: 5px;
	}
	
.input-submit, .input-reset {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.3em;
	}
	
.input-submit {
	font-weight: bold;
	}
 
/****************************************
 * Hub Page Elements
 ****************************************/
/* 
	The following rules control the appearance of the elements found
	on a hub page. For more information about these elements, see the
	hub template.
*/

/* 
	Description, intro text 
	-------------------------
	The #hub-description div is displayed as the left column of textual
	content on the hub page. 
*/
 
#hub-description {
	float: left;
	width: 350px;
	}
 
/* 
	Section thumbnails, links, and descriptions 
	-------------------------
	The #hub-sections div is displayed as the right column of thumbnails, 
	links, and descriptions on the hub page.
*/
 
#hub-sections {
	float: right;
	margin: 0 0 15px 0;
	width: 355px;
	}
	
.hub-section {
	float: right;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ddd;
	width: 355px;
	}
	
#hub-section-first {
	margin: 0;
	padding: 0;
	border: none;
	}
 
.hub-section h3 {
	float: right;
	margin: 0 0 5px 0;
	width: 235px;
	}
 
.hub-section img {
	float: left;
	}
	
.hub-section p {
	float: right; 
	margin: 0;
	width: 235px;
	line-height: 1.5em;
	}
	
/* 
	More information links 
	-------------------------
	The #hub-more div is displayed as the white box of links at the bottom
	of the hub page.
*/

#hub-more {
	float: left;
	margin: 15px 0 0 0;
	width: 100%;
	border: 1px solid #ddd;
	background: #fff;
	}
	
#hub-more h3 {
	display: inline;	/* prevent IE6/Win from doubling margins */
	float: left;
	margin: 15px 0 15px 15px;
	}
	
#hub-more ul {
	float: left;
	margin: 0;
	padding: 10px 0 10px 25px;
	font-size: 1.1em;
	}
 
/****************************************
 * Bridge Page Elements
 ****************************************/
/* 
	The following rules control the appearance of the elements found
	on a bridge page. For more information about these elements, see the
	bridge template.
*/

#main-bridge {
	float: right;
	width: 100%;
	padding: 10px 0 10px 0; 
	background: #fff;
	}
	
#main-bridge .insideBox {
	
	padding:30px 30px 0px 30px;
	margin:0;
	
}

 
/* 
	Introductory pullquote 
	-------------------------
	The pullquote is a prominent piece of introductory text that appears
	on the bridge page at the top right. The text is bold, with generous 
	line spacing.
*/
 
.pullquote {
	float: right;
	margin: 0 0 15px 25px;
	width: 180px;
	}
	
.pullquote p {
	margin: 0 0 10px 0;
	font-weight: bold;
	line-height: 1.9em;
	}
	
/* 
	Sections (rows)
	-------------------------
	Bridge sections (.bridge-section divs) span the entire width of the 
	page and clear any columns that may have been established. 
*/

.bridge-section {
	float: left;
	width: 100%;
	}
	
/* 
	Groups (columns) 
	-------------------------
	Bridge groups are displayed as left and right columns on the bridge page. 
	Groups may be used within sections.
*/

.bridge-group1 {
	/*clear: left; */
	/*float: left; */
	width: 430px;
	/*margin-left:30px;*/
	border:#CCC 3px solid;
	}
	
.bridge-group2 {
	/*float: right;
	clear: right; */
	width: 400px;
	/*margin-left:30px */
	border:#CCC 3px solid;
	}
	
	
/*	this is a smaller version to fit in 3 columns on the page  */
.bridge-group3-left {
	clear: both;
	float: left;
	width: 290px;
	margin-left:25px;
	}
.bridge-group3-middle {
	width: 290px;
	float: left;
	margin-left:20px;
	}	
.bridge-group3-right {
	float: right;
	clear: right;
	width: 290px;
	margin-right:25px;
	}
	
	.bridge-group1 h2, .bridge-group2 h2, .bridge-group3-left h2, .bridge-group3-middle h2, .bridge-group3-right h2 {
	font-size: 2.0em;
	line-height: 1.5em;
	background:#595959;
	color:#FFF;
	border-bottom: 2px solid #CCC;
	margin: 0;
	padding: 2px 0;
	}
	
	.bridge-group1 p, .bridge-group2 p, .bridge-group3-left p, .bridge-group3-middle p, .bridge-group3-right p {
	margin:0 0 5px 0;
	}
	
	.bridge-group1 li, .bridge-group2 li, .bridge-group3-left li, .bridge-group3-middle li, .bridge-group3-right li {
	margin: 0px;
	padding: 0px;
	padding-left:10px;
	padding-bottom:5px;
	list-style: none;
	line-height: 1.4em;
	background: url(../webimages/bullet.gif) no-repeat 18px 0.65em;
	}
	
/* 
	Text and images 
	-------------------------
	.bridge-photo and .bridge-links are specially formatted for use on 
	bridge pages (see the bridge template for examples).
*/

.bridge-photo {
	margin: 0 0 5px 0;
	padding-left: 10px;
	}
	
.bridge-links {
	font-size: 1.2em;
	}
	
	
.bridge-links lu li {
	clear:both;
	margin: 0px;
	padding: 0px;
	padding-left:10px;
	padding-bottom:5px;
	line-height: 1.4em;
	display: block;
	background: url(../00webimages/bullet.gif) no-repeat 18px 0.65em;
	}
	
 
/****************************************
 * Photo Gallery
 ****************************************/
/* 
	The following rules control the appearance of the elements found
	on the photo gallery and photo pages. For more information about 
	these elements, see the photo gallery and photo templates.
*/
 
/* 
	Thumbnail index
	-------------------------
	The photo gallery page contains a #gallery div, which is an index 
	of the photos in the gallery. The index consists of thumbnails and 
	descriptive text linked to the photos. See the photo gallery template.
*/
 
#gallery {
	width:710px;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-left:10px;
	}
	
.gallery-thumbnail {
	float: left;
	width:160px;  
	height:150px;
	margin: 10px 0;
	padding:0px
	}
 	
.thumbnail{
	padding:5px;
	}
	
.thumbnail-caption{
	width:100px;
	}
	

/* 
	Photo 
	-------------------------
	The photo page consists of a large photo in the left column and
	a webring, caption, and photo credit in the right column. See the 
	photo template.
*/

#photo {
	float: left;
	}

#photo-meta {
	float: right;
	width: 200px;
	}	
	
#photo-meta .caption {
	margin: 10px 0;
	}
	
#photo-credit {
	color: #999;
	}
	
/* webring */
	
#webring {
	font-size: 1.1em;
	line-height: 1.4em;
	}
	
#webring .prev  {
	padding-left: 11px;
	background: url(../webimages/layout/arrows/left_red.gif) no-repeat 0 0.4em;
	}
	
#webring .sep {
	padding: 0 3px;
	color: #ccc;
	}
	
#webring .next  {
	padding-right: 11px;
	background: url(../webimages/layout/arrows/right_red.gif) no-repeat 100% 0.4em;
	}
 
/****************************************
 * Footer
 ****************************************/
/* 
	The following rules control the appearance of the footer found at the 
	bottom of every page. The footer contains the Cornell University copyright,
	which is displayed in a small font size. The color of the bottom border
	of the link in the footer is darker than most links to provide adequate 
	contrast with the background color of the footer.
*/
 
#footer {
	/*float: center; */
	font-weight: bold;
	}
	
#footer-content {
	margin: 0 auto;
	padding: 0px 0px 10px 0px;
	width: 960px;
	font-size: 1.0em;
	color: #333;
	/*background-image:url(../webimages/btshadow.png); background-position:bottom; background-repeat:repeat-x;*/
	}
	
/* links */

#footer a {
	border-bottom: 1px solid #ccadad;
	}
	
#footer a:active {
	border-color: #ccadad;	
	}
	
	
.footerTable {
	/*background:#FFF;*/
	/* make width 960 if using this table with footer content */
	width: 930px;   
	margin: 0 auto;
	border:0;
	padding:0;
	
}

.footerTable tr td {
	border:0;
	padding:3px;
	margin:0;
	line-height:1.0;
	font-size:1.0em;
	
}

.footerTable td p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.10em;
	line-height:1.25em;
	
}



 
/****************************************
 * Miscellaneous
 ****************************************/

/* 
	Hide "skip to content" link from general users. 
	Do not use display: none, as that will also hide it from some screen readers.
*/
#skipnav {
	position: absolute;
	top: -1000em;
	left: -1000em;
	}
	
/* 
	To display the "skip to content" link to general users, uncomment
	the following rules (this usually is not necessary).
#cu-logo {
	top: 25px;
	}
#skipnav {
	position: static;
	height: 25px;
	line-height: 25px;
	background: #fff;
	}
#skipnav a {
	display: block;
	margin: 0 auto;
	width: 740px;
	border: none;
	}
#search-navigation {
	top: 62px;
	}
#search-form {
	top: 43px;
	}
*/
	
/* 
	Hide horizontal rules (hr) that are found throughout the site.
	The rules are semantic separations of content, and they are useful for 
	browsers that cannot utilize the stylesheet.
*/	
hr {
	display: none;
	}
 
/****************************************
 * IE6/Windows Hacks
 ****************************************/
 
/*
	Shifting Background Bug:
	IE/Windows calculates "center" (for a background image position) differently
	than it does "50%" or "margin: 0 auto" (for foreground content) when the 
	page is an odd number of pixels wide.
*/
 
.twocolumn #content {
/*	background: #f0eee4 url(../webimages/layout/twocolumn_bg.gif) repeat-y top center;  */
	}
 
.twocolumn #wrap {
/*	background: #f0eee4;  */
/*   background:url(../webimages/logoGradient_2.png);  */
	}
	
/* unhack for other browsers */
.twocolumn>#wrap {
/*	background: #f0eee4 url(../webimages/layout/twocolumn_bg.gif) repeat-y top center;  */
	}

/*
.effectsOn1 {
	filter: Alpha(Opacity=100, FinishOpacity=40, Style=3, StartX=20, StartY=40, FinishX=0, FinishY=0);
}

effectsOn2 {
   filter: #a6a69d;
}

effectsOn3 {
   Filter: Shadow(Color=#a6a69d, Direction=225);
}

*/

.contactTable {
	border:0;
	
}
.contactTable th {
	font-size:1.2em;
	text-align:left;
	font-weight:bold;
	padding:5px 20px;
	border:0;
}

.contactTable td {
	padding:10px 20px;
	vertical-align:top;
}


.warning {
	font-weight:bold;
	color:#F00;
}

.greyline {
	height:1px;
	background:#7C9673;
	margin:0;
	padding:0;
	width:100%;	
}


.blueline {
	height:3px;
	background:#3b779b;
	margin:0;
	padding:0;
	width:100%;
	
}

.bluelineCap {
	height:5px;
	margin:0;
	padding:0;
	width:100%;
	border-top:#3b779b 3px solid;
	border-left:#3b779b 3px solid;
	border-right:#3b779b 3px solid;

}

.greenlineCap {
	height:5px;
	margin:0;
	padding:0;
	width:100%;
	border-top:#becd2c 3px solid;
	border-left:#becd2c 3px solid;
	border-right:#becd2c 3px solid;

}


.greenline {
	height:2px;
	background:#336633;
	margin:10px 0;
	
}

.redhilight {
	color: #b31b1b;
	}
	
#sitemap {
	font-size: 1.0em;
	line-height:1.1em;	
}

#sitemap a{color: #b31b1b;text-decoration:none; border:none}
#sitemap a:hover{color: #F00; text-decoration:underline}

.ql {
	font-size:1em;
	line-height:1.2em;
	
	}
.ql ul li {}
	
.ql a{color: #b31b1b;text-decoration: none; border:none}
.ql a:hover{color: #F00; text-decoration:underline}


#main table {
	margin:0;
	padding:0;
	color:#000;
	border-collapse:collapse;
	}

#main tr, td {
	
	/*border-bottom: 1px solid #FFF;*/
	margin:0;
	padding:0;
}

#main tr {
	vertical-align:top;
}


#main h2 {
	color:#144a64
}

#main h3 {
	color:#144a64
}

#main p {
	text-align:left;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.bottomShadow {	
	width:955px; height:20px; background:url(../webimages/btshadow.png); background-position:top; background-repeat:repeat-x;

}