/*basic styles*/

.normal { font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 18px; margin: 0; padding:0; color: #000; font-size: 11px; }

h1 {margin: 0; padding: 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:18px; letter-spacing: -0.04em; color: #333;}
h2 {margin: 0; margin-bottom: 22px; padding: 14px; color: #4d718c; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; background: url(../../images/ocp2/basic/bg_h2.gif) repeat-x bottom;}
a {	color: #235071;	font-weight: normal; text-decoration:underline;}
/*a:hover { color: #2082b4; font-weight: normal; text-decoration:none; }
a:active {color: #000;}*/
/*a:visited {color: #999;}*/

a img { border: 0px}
form { display: inline;}
.forma { height: 14px; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4a4a4a; border: 1px solid #909496; background: #f6f6f6;}
.footer a {color: #666666; text-decoration: none; font-weight: normal; }
.footer a:hover { color: #666666; text-decoration: underline; font-weight: normal; }

/*table styles*/

.table_main { color: #FFF; background-color: #BBB; }
.table_main_colorless { background-color: #FFF; }
.td_colorless { background-color: #FFF; font-size: 11px; color: #000;	padding: 2px; }
.td_color_01 { background-color: #E4E4E7; font-size: 11px; color: #000; padding: 2px; }
.td_color_02 { background-color: #DADADE; font-size: 11px; color: #000; padding: 2px; }
.td_color_03 { background-color: #CCC; font-size: 11px; color: #313131; padding: 2px; }
.td_header_row { background-color: #999; font-size: 11px; color: #FFF; font-weight: bold; padding: 2px; }
.td_header_col { background-color: #999; font-size: 11px; color: #000; padding: 2px; }

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


/*block styles*/

.block {clear:both; padding: 20px; padding-bottom: 8px; padding-top: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 18px; }
.block a {	color: #235071;	font-weight: normal; text-decoration:underline;}
.head {margin-bottom: 18px; }
	h3 {margin: 0; margin-bottom: 2px; padding-bottom: 7px; font-size: 18px; color: #c33326; font-weight: normal; border-bottom: 1px dashed #ccc;}
	h4 {margin: 0; margin-top: 2px; margin-bottom: 4px; font-size: 13px; font-weight: bold;}
p, ul li {margin: 10px; margin-left: 0; margin-right: 0; margin-top:0; color: #333;}
ul {margin: 15px; margin-left: 25px; padding: 0;}
ul li {list-style: none; margin-bottom: 5px; padding-left: 18px; background: url(/images/ocp2/basic/nav_bullet.gif) no-repeat left 3px; }
p.preamble {margin-top: 10px; padding: 7px; font-family: georgia; color: #305b7d; font-size: 11px; font-style:italic; border: 0px solid #666; background:#e5eef3; border-left: 2px solid #d1e2eb;}

.image_holder {margin: 0; padding: 0; padding-bottom: 8px; text-align: center; font-size: 11px; color: #333; }
	.image_holder img {margin: 0px; margin-bottom: 5px; }
		.image_border {border: 1px solid #999;}
	.image_holder p {font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #666; }

.optimize {display: table; float: right;}
.left {float: left; margin-right: 10px}
.right {float: right; margin-left: 10px}

.large_image { padding: 0px; margin: 0px; }
.large_image * .image_holder { padding: 0px; margin: 0px; border: 0px; background-color: #FFF;}

.delimiter { height: 20px; border-bottom: 3px solid #CCC}

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


/*top of page styles*/
		
#top {margin: 5px; margin-left: 20px; font-family: Verdana, Helvetica, sans-serif; font-size: 9px; }
	#top a {font-family: Verdana, Helvetica, sans-serif; font-size: 9px; }
	#top a:hover {text-decoration: none; color: #333;}
	#top img {margin-right: 5px; vertical-align: bottom; margin-bottom: 1px;}