@import url("graphics.css");
@import url("multimenus.css");

/* generated by csscreator.com */ 
/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, cite, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q, cite { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

body
{
  line-height: 1.5; 
  color: rgb(71, 71, 71);
	background: rgb(191, 223, 202) url(../img/structure/bg_body.jpg) 0 0 repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: bolder;
}
a:link
{
	color: rgb(0, 102, 255)
}

a:visited
{
	color: rgb(70, 146, 255);
}
a:hover
{
	text-decoration: underline;
}
p, cite
{
	line-height: 110%;
	margin: 0 0 .7em;
	font-size:82%;
}
cite { font-style: italic; }
#pagewidth{ 
 width:944px; 
 text-align:left;  
margin: 10px auto 0;  
position: relative;
} 


#header{
 position:relative; 
 height:149px; 
  background-color:transparent; 
 width:100%;
} 
#top_header
{
	height: 125px;
	background: url(../img/structure/bg_header.jpg) 0 0 no-repeat;
	border: 1px solid rgb(222, 222, 222);
}

#menu_container
{
	height: 20px;
	background-color: rgb(192, 192, 192);
	border-top: 1px solid rgb(255, 255, 255);
}

#central_area
{
  border-width: 0 1px;
  border-color: rgb(193, 193, 193);
  border-style: solid; 
  background-color: rgb(255, 255, 255);
  padding: 1em 0 1em 0 ;
  position: relative;
}


#tbl_container_two, #tbl_container_three
{
width: 98%;
background-color: rgb(255, 255, 255);
margin: 0 auto;
 }

#tbl_container_two td, #tbl_container_three td { vertical-align: top;}
td#maincol p, td#maincol h2, td#maincol h3
{ margin-right: 1em; }
#tbl_container_two #rightcol, #tbl_container_three #rightcol
{ width: 198px; background: url(../img/structure/vert-bar.gif) 5px 0 repeat-y; } 
#inner_rightcol
{ width: 180px;  margin: 0 auto; padding: 0;}
#maincol_container
{ height: 639px; overflow: auto; margin: 0; padding: 0; border:none;}

#tbl_container_three #leftcol
{ width: 220px;}


#footer{
clear: both;
background-color:transparent; 
font: 67% Arial, sans-serif;
 } 
#footer #top_footer
{ height: 26px; background: transparent url(../img/structure/bg_topfooter.jpg); }

#btm_footer
{ background-color: rgb(101,126,200);

color: rgb(200,200,200);
font-weight: bolder;
text-align: left;
}
/* Special styles */
.sec_block
{
	float: left;
	width: 220px; 
	margin-right: 6px;
	background: transparent url(../img/structure/vert-bar.gif) 97% 0 repeat-y;
}

.last_sec_block
{
	background-image: none;
}
.sec_block p
{
	font-size: 67%;
	line-height: 120%;
	width: 203px;
}

.rightcol_sect
{ background-color: rgb(255, 255, 255); width: 170px; border: 1px solid rgb(193, 193, 193); padding: .5em; margin: 0 .8em .6em; font-size: 77%;}

.buttons_block
{ padding: 0; margin: 0;  }

.buttons_block img
{ border: none; margin: 0; padding: 0;}

.img_flt_left
{
	float: left;
	margin: 0 .6em .3em 0;
}
.img_flt_right
{
	float: right;
	margin: 0 0 .3em .6em;
}
.div_flt_left {	float: left; }
.div_flt_right {	float: right; }

.br_clear { clear: both; margin-bottom:.1em; }

.at_center { text-align: center; }
.at_right { text-align: right; }

.secondary_text
{ font-size: smaller;}

.one_reference
{ position: relative; z-index: 100;}
.one_reference img
{ border: 1px solid rgb(153, 153, 153); padding: .2em; }
/* FORMS */
.rightcol_sect input
{ border: 1px solid rgb(123, 145, 189); }

.rightcol_sect label
{ font-size: 87.5%; font-weight: bolder; color: rgb(103, 103, 103); }

.balloonstyle{
position:absolute;
top: 0;
left: 0;
padding: 5px;

border:1px solid rgb(153, 153, 153);
font:normal 12px Verdana;
line-height: 18px;
z-index: 3000;
background-color: white;

}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}


/* Titles */
h1
{ margin: 22px 0 0 8px;}
h1 a
{
display: block;
width: 320px; height: 90px;
text-indent: -5000px; background: transparent url('../img/structure/logo_GCP_mixed.jpg') 0 0 no-repeat; 
}

h2
{
	color: rgb(0, 128, 128);
	font-weight: bolder;
	font-size: 135%;
}
h3
{
	font-size: 105%;
	margin-bottom: .7em;
}
h3.subtitle
{
	line-height: 107.5%;
	font-weight: bolder;
}
.sec_block h3
{ line-height: 98%;}
h4
{ color: rgb(0,128,128); }


/* Menus */

ul#secondary_menu
{ float: right; list-style-type: none;  font-size: 67%;}
ul#secondary_menu li 
{ height: 20px; background: transparent url(../img/structure/vert-bar_light.gif) 0 50% repeat-y; display: block; margin: 0 .6em 0 0; float: left; }
ul#secondary_menu li a 
{ color: rgb(71, 71, 71); letter-spacing: .04em; background-position: left bottom; padding: 0 .29em 0 1.65em; }

ul#section_menu
{ list-style-type: none; font-size: 67.5%;}

ul#section_menu li
{ display: block; margin: 0 0 .1em; width: 201px; background-color: rgb(204, 204, 204); }

ul#section_menu li a, ul#section_menu li a:visited
{ margin-left: 5px; display:block; padding-left: 14px; color: rgb(102, 102, 102); font-weight: bold; }

ul#section_menu li#section_menu_header
{ color: rgb(220, 220, 220); height: 1.7em; padding: 0; background: url(../img/structure/bg_section_menu_header.gif) 0 0 no-repeat; }
li#section_menu_header strong
{ padding-left: .6em;}

/* Lists */
ul
{ font-size: 87%; }
ul.ul_list1
{
	list-style-image: url(../img/structure/arrow_toright1.gif);
}
ul.buttons_block3, ul.buttons_block4
{ clear: both; font-family: "Times New Roman", serif;}

ul.buttons_block3 li
{
display: block;
float: left;
margin-right: 0.2em;
}

ul.buttons_block3 li a, ul.buttons_block4 li a
{
line-height: 100%;
display: block;
padding: 1.6em 0 0 44px;
background: transparent url(../img/structure/bigbullet_cube.jpg) 0 50% no-repeat;
font-weight: bold;
}
ul.buttons_block3 li a
{
width: 90px; height: 47px;
}
ul.buttons_block4 li a
{ padding-top: 1.2em; height: 47px; }

.sec_block ul
{
	margin: 0 0 0 2em;
	font-size: 67%;
}

.one_reference ul
{ line-height: 110%}
.ul_secondary
{ margin-left: 2.5em;}

.ul_thirdary
{ margin-left: 4.5em;}

table.table_data
{
  font-size: 82%;
  width: 94%; margin: 0 auto;
}
table.table_data tfoot td { font-weight: bolder; }

table.table_data th
{
  font-weight: bolder;
}
table.table_data th.first_col
{ width: 45%;}


table.table_data td { padding: 0 .2em;}

table.table_data .col_plan1 td { text-align: center; } 
table.table_data .col_plan1 { background-color: rgb(204,204,255); }
table.table_data .col_plan2 { background-color: rgb(153,204,255); }
table.table_data .col_plan3 { background-color: rgb(102,204,255); } 

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.no_print {display: block;}
.print_only {display: none;}