/* CSS Document */
body {margin-top:20px; background-color:#ffffff;}

img {border:0px;}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
td a:link{color: #003366; text-decoration: none;} 
td a:visited{color: #003366; text-decoration: none;} 
td a:hover{color: #006699; text-decoration: underline;}

ul {margin:0px 0px 0px 20px;}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;	
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style:normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color:#000000;
	text-decoration: none;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000099;
	text-decoration: none;
}
.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;	
}
.h2 {
	font-family:"Times New Roman", Times, serif;
	font-size: 24px;
	font-style:normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color:#660000;
	text-decoration: none;
}
.h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #336699;
	text-decoration: none;
}

.pagetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.pagetext a:link{color: #003366; text-decoration: none;} 
.pagetext a:visited{color: #003366; text-decoration: none;} 
.pagetext a:hover{color: #006699; text-decoration: underline;} 

.pagetextsm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.pagetextsm a:link{color: #003366; text-decoration: none;} 
.pagetextsm a:visited{color: #003366; text-decoration: none;} 
.pagetextsm a:hover{color: #006699; text-decoration: underline;}

.pad5 {padding:5px;}

.padleft {padding:0px 0px 0px 1px;}

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

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

div#topLinks {padding:10px 20px 0px 0px;}
div#breadcrumbs {padding:2px; background-color:#DDDDDD;}
div#cellLinks {
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	border-top:1px;
	border-top-color:#666666;
	border-top-style:solid;
}
div#content {padding:0px 0px 0px 2px;}
div#content2 {padding:10px;}
div#content3 {padding:0px 0px 0px 4px;}

.topnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.topnav a:link{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
} 
.topnav a:visited{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
} 
.topnav a:hover{
	color:#FFCC00;
	font-weight: bold;
	text-decoration: none;
}

.rightCellTop {background-color:#CFC9B3; background-image:url(images/topfade.jpg); background-repeat:repeat-x; padding:4px; border:2px solid #978E7C;}

.rightCellLight {
	background-color:#E6E1CD; 
	padding:4px;
	border-bottom:2px;
	border-bottom-color:#978E7C;
	border-bottom-style:solid;
	border-left:2px;
	border-left-color:#978E7C;
	border-left-style:solid;
	border-top:0px;
	border-right:2px;
	border-right-color:#978E7C;
	border-right-style:solid;
}

.rightCellDark {
	background-color:#CFC9B3; 
	padding:4px;
	border-bottom:2px;
	border-bottom-color:#978E7C;
	border-bottom-style:solid;
	border-left:2px;
	border-left-color:#978E7C;
	border-left-style:solid;
	border-top:0px;
	border-right:2px;
	border-right-color:#978E7C;
	border-right-style:solid;
}

.rightBdrDotted {
	border-bottom:0px;
	border-left:0px;
	border-top:0px;
	border-right:1px;
	border-right-color:#666666;
	border-right-style:dotted;
}

.footerTbl {
	padding:4px;
	background:#000066;
	border:2px solid #CC9900;
}
.tableHeader {
	background-image:url(images/tableHeaderBg.jpg);
	background-repeat:repeat-x;
	background-color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FFFFFF;
	padding:4px 4px 4px 4px;
	border:1px solid #FFFFFF;
}
.rowBg1 {
	background-color:#EEEEEE;
}
.rowBg2 {
	background-color:#CCCCCC;
}
.tableCell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	padding:1px 4px 1px 4px;
	border:1px solid #FFFFFF;
}