/*************************************************
	tag specific section
*************************************************/
body	{
	background-color: #000000; 
	margin-top:		0px;
	margin-right:	0px;
	margin-bottom:	0px;
	margin-left:	0px;
	
	scrollbar-face-color:		#F06520;	/* orange */
	scrollbar-shadow-color:		#000000;	/* black */
	scrollbar-highlight-color:	#FF9922;	/* lighter orange */
	scrollbar-3dlight-color:	#FF9922;	/* lighter orange */
	scrollbar-darkshadow-color:	#000000;	/* black */
	scrollbar-track-color:		#000000;	/* black */
	scrollbar-arrow-color:		#FFFFFF;	/* white */
}

body.popup {
	background-image: none;
	background-color: #000000;
	margin-top:		5px;
	margin-right:	5px;
	margin-bottom:	5px;
	margin-left:	5px;
}

body.noBGImage {
	background-image: none;
	background-color: #000000;
}

body.printerFriendly {
	background-image: none;
	background-color: #FFFFFF;
	margin-top:		5px;
	margin-right:	5px;
	margin-bottom:	5px;
	margin-left:	5px;
}

body, p, th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10pt;
	color: #FFFFFF;
}

li, ol, ul {font-size: 11px;}

h1, h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top:	0px;
	padding-right:	0px;
	padding-bottom:	0px;
	padding-left:	0px;
	
	margin-top:		0px;
	margin-right:	0px;
	margin-bottom:	0px;
	margin-left:	0px;
}

h1 {
	font-size: 24px;
	font-style: italic;
	color: #F06520;
	position: relative;
}

h1 span {
	font-size: 24px;
	font-style: italic;
	color: #F06520;
	display: block;
	position: absolute; /*position: absolute;*/
	top: -1px;
    left: -1px;
}

/*h2 {
	font-size: 18px;
	font-style: normal;
	color: #999999;
	position: relative;
}

h2 span {
	font-size: 18px;
	font-style: normal;
	color: #F06520;
	display: block;
	position: absolute;
	top: -1px;
    left: -1px;
}*/

h2 {
	font-size: 18px;
	font-style: normal;
	color: #007070; /*F06520*/
	letter-spacing: 2px;
}

h3 {
	font-size: 18px;
	font-style: italic;
	color: #CCCCCC;
	position: relative;
}

h3 span {
	font-size: 18px;
	font-style: italic;
	color: #9E0000;
	display: block;
	position: absolute; /*position: absolute;*/
	top: -2px;
    left: -2px;
}

h4 {
	font-size: 14px;
	font-style: normal;
	color:  #8DACC3; /* mist blue */
	text-decoration: none;
}

img.thumbnail {
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
}

ul.error {
	list-style-position: inside;
	list-style-image: url(/images/x_13x15.gif);
	list-style-type: circle;
}

/*************************************************
	input section
*************************************************/
input, select, textarea, 
input.required, select.required, textarea.required, 
input.protected, select.protected, textarea.protected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #000000;
}

input.protected, select.protected, textarea.protected {
	background-color: #CCCCCC !important;
}

input.required, select.required, textarea.required {
	background-color: #FFFF99; 
	/*color: #FFFFFF;*/
}

/*************************************************
	table section table, th, td, tr
*************************************************/
th {font-size: 1.0em;}

td.colheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
}

td.inputTitle {
	font-weight: bold;
	text-align: left;
}

td.inputTitleRequired {
	font-weight: bold;
	text-align: left;
}

td.sponsorColumn {
	text-align: center;
	vertical-align: top;
	padding-top:	30px;
	padding-right:	2px;
	padding-bottom:	5px;
	padding-left:	2px;
}

td.whiteBold {color: #FFFFFF; font-weight: bold;}

td.orange {
	background-image: url(../images/orange.jpg);
	background-repeat: repeat-x;
}

td.yellow {
	background-color: #FFCE23; 
	padding-top:	0px;
	padding-right:	0px;
	padding-bottom:	0px;
	padding-left:	0px;
}

td.vOrangeDash {
	background-image: url(/images/orange_dash_vertical_1x10.gif);
	background-repeat: repeat-y;
	padding-left: 2px;
	padding-right: 2px;
}

td.vGreenDash {
	background-image: url(/images/green_dash_vertical_1x10.gif);
	background-repeat: repeat-y;
	padding-left: 2px;
	padding-right: 2px;
}

td.vGrayDash {
	background-image: url(/images/gray_dash_vertical_1x10.gif);
	background-repeat: repeat-y;
	padding-left: 2px;
	padding-right: 2px;
}

tr.alt1 {background-color: #7B7B7B;}
tr.alt2 {background-color: #011D3B;}

/*************************************************
	anchor class section
*************************************************/
a, a:visited, a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #F06520; 
	text-decoration: none;
	/*border-bottom: 1px dotted #F06520;*/
}

a.footerNav, a.footerNav:visited, a.footerNav:active, 
a.pageNav, a.pageNav:visited, a.pageNav:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #007070; /* green ;*/
	text-decoration: none;
	letter-spacing: 2px;
	/*font-variant: small-caps;*/
}

a:hover, a.footerNav:hover, a.frontPageNav:hover, a.pageNav:hover
{
	text-decoration: underline;
	/*border-bottom: 1px solid #F06520;*/
}


a.footerNav, a.footerNav:visited, a.footerNav:active {
	font-size: 10px;
}

/*************************************************
	general class section
*************************************************/
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #CCCCCC;
}

.blackBG {
	background-color: #000000;
}

.red {color: #7F0A20; font-weight: bold;}

.printView {color: #000000 !important;} /* make all white text black */


/*************************************************
	scroll pane section
*************************************************/
.holder {
	margin-top:		0px;
	margin-right:	10px;
	margin-bottom:	0px;
	margin-left:	10px;
}
.scroll-pane {
	width: 660px;
	overflow: auto;
	/*background: #ccc;*/
	float: left;
	height: 420px;
	padding-right: 5px;
	/*border: solid black 1px;*/
	border-bottom: dashed black 1px;
}

/*************************************************
	id specific section
*************************************************/
#leftContent {
	vertical-align: top;
	width: 180px;
	height: 500px;
	text-align: center;
}

#middleContent {
	vertical-align: top;
	padding-top:	10px;
	padding-right:	10px;
	padding-bottom:	5px;
	padding-left:	20px;
	
	/*height: 100%;*/
	/*width: 420px;*/
}

#rightContent {
	vertical-align: top;
	padding-top:	60px;
	padding-right:	0px;
	padding-bottom:	0px;
	padding-left:	0px;
	/*height: 100%;*/
	width: 94px;
}


#blackVLine {
	width: 1px;
	background-color: #000000;
}

#portfolio {
	position: relative; 
	/*left: -20px;*/
	width: 180px;
	height: 200px;
}