/* * * * browser equalization / don't mess with this * * * */


/* * * * general * * * */

body {
	margin: 0 auto;
	padding: 0;
	background-color: #2D4AB0;
}

/* * * * links * * * */

a { color: #041C74; text-decoration: none; }
a:hover { color: #0082A6; }

a img { border: 1px solid #ccc; margin: 5px; padding: 5px; }
a:hover img { border-color: #db8080 }

/* * * * standard * * * */

h1 {
	color: #fff;
	font-size: 340%;
	font-weight: normal;
	margin: 0; padding: 0;
}
#content #column1 h2 {
	background: url(images/h2_background1.gif) right repeat-y;
	background-color: #2A2A2A;
	border: 1px solid #ccc;
	color: #c0c0c0;
	font-size: 22px;
	font-weight: normal;
	margin: 0.2em -0.2em 0.2em -0.2em;
	padding: 0.1em 0.1em;
}

#content #column2 h2, #content #column3 h2 {
	background: url(images/h2_background1.gif) right repeat-y;
	border-bottom: 1px solid #333;
	background-color: #2A2A2A;
	color: #c0c0c0;
	font-size: 18px;
	font-weight: normal;
	display: block;
	margin: 0px;
	padding-left: 8px;
}

* .hidden { display: none; }

/* * * * wrap / header * * * */

* #wrap {
	background-color: #fff;
	border: 1px solid #000;
	margin: 0 auto;
	width: 770px;
}
* #header {
	background: url(images/OPTPI_1_03.jpg) top right no-repeat;
	background-color: #041C74;
	text-align: right;
	height: 48px;
	color: #999;
	font-style: italic;
	margin: 10px 0 10px 10px;
	padding: 10px;
}

/* * * * top navigation * * * */

* #navTop 	{width: 100%;}

ul.topnav		{margin: 0; padding: 0; font-size: 0; line-height: 0; list-style-type: none;}
ul.topnav li	{margin: 0 1px 0 0; padding: 0; display: inline;}

table.topnav td ul		{position: absolute; visibility: hidden; margin: 0; padding: 0; list-style-type: none;}
table.topnav td		{padding: 0 1px 0 0; font-weight: bold; font-size: 10px; font-family: verdana, sans-serif;}
table.topnav td.right	{padding: 0;}

table.topnav td a {display: block; border-width: 0 0 1px; padding: 4px 15px; background: url(images/corner.gif) top left no-repeat; color: #FFF; background-color: #666; border-bottom: solid 2px #ccc;}
table.topnav td ul li a	{display: block; border-width: 0 0 1px; padding: 4px 15px; color: #FFF; background-color: #666; border-bottom: solid 2px #ccc;}

table.topnav td ul a			{font-size: 11px; background-color: #666; color: #FFF; background: none; display: block;}
table.topnav td ul a:hover		{background-color: #666; color: #FFF;}
table.topnav td ul li.last a	{border-width: 0;}

/* * * * content * * * */

* #content {
	margin: 5px;
	padding: 5px;
	width: 770px;
}
#content #column1 {
	border: 1px solid #ccc;
	line-height: 1.8em;
}
#content div p img {
	cursor: pointer;
	margin-left: 10px;
}
#content #rcol, #content #footer {
	border: 0px;
}
#content #column2, #content #column3 {
	border: 4px solid #ccc;
}

/* * * left column * * * */

* #column1 {
	float: left;
	width: 480px;
	padding: 10px;
	text-align: left;
}

/* * * right column * * */

* #rcol {
	float: left;
	width: 210px;
	margin-left: 16px;
	border: 0px;
}

* #column2 {
	float: left;
	width: 220px;
	background-color: #666;
}

#rcol #column2 td, #rcol #column3 td {
	color: #FFF;
}

#column2 a img { margin-top: 30px; }
#column2 p span { color: #999; }
#column2 p span.date { font-weight: bold; }

* #column3 {
	float: left;
	width: 220px;
	margin-top: 10px;
	background-color: #666;
}

/* * * * footer * * * */

* #footer {
	clear: both;
	padding: 0.6em;
	font-size: 10px;
	text-align: center;
	width: 770px;
}

ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.NormalText, body, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1f1f1f;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style:normal;
}

.RedText {
	color: #8F1A1A;
}

.SubHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #1f1f1f;
	font-weight: bold;
}

.SubjectHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1f1f1f;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
}

img.GrayBorder {border: 4px solid #ccc;}