/* Miscellaneous */

/* Body */

body		{
		margin: 1px 0px 0px 0px;
		padding: 0px;
		background: rgb(255,255,255);
		background-image: url(../images/other/background.jpg);
		background-repeat: repeat-x}

/* Homepage */

#hp_content_and_right_box_container
	 	{
		position: absolute;
		top: 110px;
		left: 250px;
		right: 2%;
		padding: 0px 0px 0px 1px;
		border-style: solid;
		border-width: 0px 0px 0px 1px;
		border-color: rgb(57,83,170)}

#hp_main_panel	{
		float: left;
		padding: 2px 4px;
		width: 98%;
		height: auto;
		margin: 0px;
		border-style: solid;
		border-width: 1px;
		border-color: rgb(57,83,170);
		background-image: url(../images/homepage/main_panel.jpg);
		background-repeat: repeat-y}

.hp_main_panel_prop
		{
		height: 95px;
		float: right;
		width: 1px}

.hp_main_panel_base
		{
		clear: both;
		height: 1px;
		overflow: hidden}

#hp_main_panel_text_box
		{
		margin: 0px;
		padding: 1px 2px}

.hp_blue_strip	{
		float: left;
		padding: 0px 4px;
		margin: 1px 0px 1px 0px;
		border-style: solid;
		border-width: 1px;
		border-color: rgb(57,83,170);
		width: 98%;
		height: 22px;
		background-color: rgb(57,83,170)}

.no_margin	{
		margin-top: 0px}

.hp_mini_box_prop
		{
		height: 385px;
		float: right;
		width: 1px}

.hp_mini_box_base
		{
		clear: both;
		height: 1px;
		overflow: hidden}

#hp_mini_box_tl	{
		width: 49%;
		padding: 1px 1px 0px 1px;
		margin: 0px 1px 0px 0px;
		border-style: solid;
		border-width: 1px;
		border-color: rgb(57,83,170);
		float: left}


#hp_mini_box_heading_box_tl
		{
		width: 100%;
		height: 22px;
		margin: 0px 0px 5px 0px;
		background-color: rgb(103,138,223)}

#hp_mini_box_tr	{
		width: 49%;
		padding: 1px 1px 0px 1px;
		margin: 0px;
		border-style: solid;
		border-width: 1px;
		border-color: rgb(57,83,170);
		float: left}


#hp_mini_box_heading_box_tr
		{
		width: 100%;
		height: 22px;
		margin: 0px 0px 5px 0px;
		background-color: rgb(119,150,229)}

.hp_mini_text_box
		{
		padding: 0px 2px 10px 4px}

#hp_mini_box_bottom
		{
		width: 98%;
		padding: 10px 3px 0px 4px;
		margin: 0px;
		border-style: solid;
		border-width: 1px;
		border-color: rgb(57,83,170);
		float: left}

#hp_other_services_mini_box
		{
		padding: 2px 4px;
		width: 98%;
		float: left;
		border-style: solid;
		border-width: 1px;
		border-color: rgb(57,83,170)}

#hp_other_services_mini_text_box
		{
		padding: 4px 0px 0px 0px}

#hp_partners_copyright_box
		{
		position: relative;
		left: -1px;
		margin: 40px 0px 1px 0px;
		padding: 0px 3px;
		width: 98%;
		float: left;
		border-style: solid;
		border-width: 0px 0px 1px 0px;
		border-color: rgb(57,83,170)}

#hp_partners_copyright_box_text_box
		{
		padding: 2px 0px 2px 2px}

#hp_info_container
	 	{
		position: absolute;
		padding: 0px;
		top: 280px;
		left: 18px;
		width: 230px;
		border-style: solid;
		border-width: 0px;
		border-color: rgb(57,83,170)}

/* Top panel */
	/* Print Information */

#top_print_container
	 	{
		display: none}

	/* Text & Help */

#text_help_strip
	 	{		
		height: 24px;
		width: 100%;
		background-color: rgb(57,83,170)}

/* Must keep the value of left: 0px */
#help_links_box	{
		position: absolute;
		top: 2px;
		left: 0px;
		width: 95%}

	/* Logo panel */

#logo_box	{
		position: absolute;
		top: 26px;
		width: 250px;
		height: 58px;
		background-color: rgb(57,83,170);
		z-index: 7;
		overflow: visible}

/* Mac browsers require images to be position: absolute */
#logo_div	{}

img#logo	{
		position: absolute;
		left: 50px;
		top: 26px;
		width: 154px;
		height: 58px;
		z-index: 8;
		overflow: visible}

#right_of_logo_div
		{}

img#right_of_logo
		{
		position: absolute;
		top: 26px;
		left: 250px;
		width: 67%;
		height: 58px;
		z-index: 5;
		overflow: visible}

	/* Blue strip below */

#tel_email_strip
		{
		position: absolute;		
		top: 85px;
		width: 100%;
		height: 24px;
		background-color: rgb(57,83,170)}

#tel_email_box	{
		width: 95%}

/* Navigation */

/* Netscape 6.2 requires a positive value of margin-top for the content panel to float: left of the navigation box */
#navigation_container
	 	{
		position: absolute;		
		top:  110px;
		left: 0px;
		width: 250px}

	/* Large Navigation */
/* Margin: 0px required throughout Nav for Opera on Mac */
.large_navigation_box
	 	{
		float: left;
		margin: 0px;
		width: 100%;
		height: auto;
		background-color: rgb(57,83,170);
		border-style: solid;
		border-width: 0px 0px 0px 1px;
		border-color: rgb(57,83,170)}

.large_navigation_box a
		{ 
		width: 100%; 
		height: auto;
		background: url(../images/other/transparent_gif.gif)} 

img.navigation_large
		{ 
		width: 19px; 
		height: 21px;
		position: relative;
		top: 6px}

	/* Medium Navigation */

.medium_navigation_box
	 	{
		float: left;
		margin: 0px;
		width: 100%;
		height: auto;
		background-color: rgb(80,111,196);
		border-style: solid;
		border-width: 0px 0px 0px 1px;
		border-color: rgb(57,83,170)}

.medium_navigation_box a
		{ 
		width: 100%; 
		height: auto;
		background: url(../images/other/transparent_gif.gif)} 

img.navigation_medium
		{ 
		width: 29px; 
		height: 18px;
		position: relative;
		top: 5px}

	/* Small Navigation */

.small_navigation_box
	 	{
		float: left;
		margin: 0px;
		width: 100%;
		height: auto;
		background-color: rgb(87,124,215);
		border-style: solid;
		border-width: 0px 0px 0px 1px;
		border-color: rgb(57,83,170)}

.small_navigation_box a
		{ 
		width: 100%; 
		height: auto;
		background: url(../images/other/transparent_gif.gif)} 

img.navigation_small
		{ 
		width: 39px; 
		height: 16px;
		position: relative;
		top: 4px}

/* Content/Right */

#content_and_right_box_container
	 	{
		position: absolute;
		top: 110px;
		left: 250px;
		right: 5%;
		padding: 10px 0px 0px 10px;
		border-style: solid;
		border-width: 0px 0px 0px 1px;
		border-color: rgb(57,83,170)}

	/* Right panel */

#right_container
	 	{
		width: 182px;
		margin: 14px 0px 0px 5px;
		float: right}

		/* Right box heading (reusable)*/

.right_box_heading_box
		{			
		margin: 1px;
		padding-top: 2px;
		width: 180px;
		height: 22px;
		text-align: center;
		background-color: rgb(57,83,170)}

.right_standard_text_box
		{
		padding: 0px 0px 5px 4px}

		/* Website Tools */

#website_tools_box
	 	{
		width: 182px;
		margin: 0px 0px 10px 0px;
		border-style: solid;
		border-width: 1px;
		border-color: rgb(57,83,170)}

.website_tools_text_box
		{
		padding: 5px 0px}

img.website_tools_single_line_image
		{
		width: 33px;
		height: 17px;
		float: left}

		/* Right Open Box */

#right_open_box	{
		width: 182px;
		margin-bottom: 10px;
		border-style: solid;
		border-width: 1px;
		border-color: rgb(57,83,170)}

		/* Newsletter */

#newsletter_box	{
		width: 182px;
		margin-bottom: 10px;
		border-style: solid;
		border-width: 1px;
		border-color: rgb(57,83,170)}

	/* Content panel */

hr		{
		height: 1px;
		color:  rgb(57,83,170);
		background-color: rgb(57,83,170)}

.form_line_container
		{
		margin: 0px 0px 5px 0px;
		width: 100%}

.form_error_box_narrow
		{}

.form_field_box_narrow
		{
		width: 120px;
		float: left}

.form_submit_box
		{
		width: 99%;
		margin: 40px 0px 5px 0px}

.clear_form	{
		margin: 0px 0px 0px 50px}

img#captcha
		{
		margin-top: 10px}

.right_content_inset
	 	{
		padding: 5px;
		margin: 8px 0px 8px 8px;
		width: 43%;
		background-color: rgb(80,111,196);
		border-style: solid;
		border-width: 1px;
		border-color: rgb(57,83,170);
		float: right}

#short_page_box	{
		margin: 0px 0px 450px 0px}

#case_study_box	{
		padding: 2px 10px;
		background-color: rgb(217,242,231);
		border-style: solid;
		border-width: 1px;
		border-color: rgb(10,30,99)}

/* The content should end with an end-paragraph after
the last element and nothing else */

	/* Footer */

#copyright_box	{
		margin: 60px 0px 3px 0px}

#links_below_content_box
	 	{
		width: 100%;
		margin: 10px 0px 0px 0px;
		padding: 10px 0px;
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: rgb(57,83,170)}

#footer_container
		{
		width: 100%;
		padding: 3px 0px;
		margin: 10px 0px;
		border-style: solid;
		border-width: 1px 0px 1px 0px;
		border-color: rgb(57,83,170)}