html {
	font-size: 100%;
}
body  {
	font-size : 1em;
	font-family : verdana, arial, helvetica, sans-serif;
	text-align: center;
	margin: 0px;
	padding: 0px;
	outline-color: #999999;
}
#contentframe  {
	width: 60em;
	background-color: #FFFFFF;
	margin: 1.5em;
	text-align: left;
}
#navtop {
	height: 45px;
	z-index: 1050;
}

#header  {
	background-image: url(MASTER_IMAGES/2008brandheader_web.gif);
	background-position: left bottom;
	height: 100px;
	background-repeat: no-repeat;
}



#supernav {
	width:100%;
	color: #fff;
	background-color: #666666;
	margin: 0px;
	padding: 0px;
}


#supernav ul
{
	padding:0;
	margin:0;
	list-style-type: none;
	float: left;
	width: 100%;
	color: #fff;
	display: inline;
	font-size:65%;
	background-color: #666666;
}
#supernav ul  li {
	display: inline;
	padding-left: 1em;
	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 0.2em;
}
#supernav ul  li  a
{
	float: left;
	width: auto;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 0.2em;
	padding-left: 1em;
}
#supernav ul  li  a:hover
{
	background-color: #3399CC;
	color: #fff;
}

#contentleft  {
	width : 15em;
	float : left;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0em;
}

#contentcenter  {
	font-size: 1em;
	text-align: left;
	margin: 1em;
}

#contentright  {
	width : 15em;
	float : right;
	font-size: 0.95em;
	line-height: 1.125em;
	margin: 1em;
}

#contentfooter  {
	text-align : center;
}
p,pre  {
	margin : 1.1255em;
	font-size: .95em;
	line-height: 1.125em;
	text-align: left;
}

h1  {
	font-size : 1em;
	line-height: 1.125em;
	font-weight: bolder;
}

#contentleft h1  {
	font-size : 1.4em;
	color : #000099;
	line-height: 1.5em;
}

#contentleft a  {
	color : #000000;
	text-decoration : none;
	font-family : verdana, arial, helvetica, sans-serif;
}

#contentleft a:link  {
	color : #FFFFFF;
}

#contentleft a:visited  {
	color : #009999;
}

#contentleft a:hover  {
	background-color : #FFCC00;
	color : #FFFFFF;
}

#contentright h1  {
	font-size : 1.35em;
	color : #000099;
	line-height: 1.5em;
}

#contentright a  {
	color : #000000;
	text-decoration : none;
	font-family : verdana, arial, helvetica, sans-serif;
}

#contentright a:link  {
	color : #FFFFFF;
}

#contentright a:visited  {
	color : #009999;
}

#contentright a:hover  {
	background-color : #FFCC00;
	color : #FFFFFF;
}

.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

/* Side menu */

#sideNav {
	float: left;
	width: 12em; /* since this element is floated, a width must be given */
	background: #EBEBEB; /* top and bottom padding create visual space within this div */
	font-family: corbel,'helvetica neue','trebuchet ms',arial,helvetica,sans-serif;
	font-size: .85em;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: .25em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#sideNav h3 {
	font-size: 1em;
	font-weight: bolder;
}

#sideNav ul {
	font-size:0.9em;
	margin:0em;
	color: #333333;
	width: 100%;
	text-indent: 0em;
	padding: 0em;
	display: block;
}

#sideNav  ul li {
	text-decoration:none;
	list-style-image: none;
	list-style-type: none;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-right: 0.25em;
	padding-left:0.45em;
	margin-left: 0;
	background-color: #CCCCCC;
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
	color: #666666;
}

#sideNav  ul  li a {
	font-weight:700;
	color: #000099;
	list-style-image: none;
	list-style-type: none;
	text-decoration:none;
	display: block;
}
#sideNav   ul   li a:hover   {
	color: #33FFFF;
	background-color: #00CCCC;
	display: block;
}
#sideNav    ul   li a:active {
	color: #0000FF;
	background-color: #66FFFF;
	display: block;
}
#sideNav  ul  li a:visited {
	color: #006699;
	background-color: #CCCCCC;
}

.sideNavHover   {
	color: #666666;
	background-color: #00CCCC;
	z-index: inherit;
}

.sideNavSelected {
	color: #666666;
	font-size: 1.2em;
	background-color: #66FFFF;
}

/* Side menu - submenu */

#sideNav ul li ul {
	border:none;
	list-style-image: none;
}
#sideNav ul li ul li {
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #DDDDDD;
}
#sideNav ul li ul li a {
	border:none;
	font-weight:400;
}

.title  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 18px;
	color : #000000;
}

.subtitle  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 13px;
	color : #000000;
}

.copybold  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 12px;
	color : #333333;
}

.tiny  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 10px;
	color : #000000;
}

.cal  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-top : 3px;
	text-decoration : none;
	color : #000000;
	vertical-align : top;
}

.agencyname  {
	color : White;
	font : italic 16px Arial Black;
	font-family : Arial Black;
	font-size : 1.1em;
	text-align : left;
}

.columntitle  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	color : #000000;
	background : #FFCC00;
	border : thick solid #FFCC00;
	padding-top : 0;
	padding-right : 3px;
	padding-left : 6px;
	margin-top : 2px;
	margin-left : 6px;
	margin-right : 6px;
	padding-bottom : 0;
}

.rtcolumn  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 11px;
	color : #000000;
	border : thick solid #FFCC00;
	padding-top : 2px;
	padding-right : 3px;
	padding-left : 6px;
	margin-left : 6px;
	margin-right : 6px;
	padding-bottom : 2px;
}

a.rtcolumn_date  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	color : #660066;
}

.rtcolumn_bold  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	color : #000000;
	white-space : normal;
}
.footer  {
	font-family : verdana, helvetica, arial, sans-serif;
	color : #888888;
	font-size : 9px;
	margin-top : 3px;
	text-decoration : none;
}
#contactlist {
	font-weight: lighter;
}

#contactlist table,th,td	{	border:none;  border-collapse:collapse; font-family:corbel,'helvetica neue','trebuchet ms',arial,helvetica,sans-serif; font-size:1em; line-height:1.5em}

#contactlist table		{
	-webkit-border-radius:.9em;
	-moz-border-radius:0.9em;
	border-radius:.9em;
	-webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3);
	-moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3)
}

#contactlist caption		{	text-align:left; text-transform:uppercase; font-size:1.5ems; font-weight:bold; padding:1.5em 0; color:black}

#contactlist thead, tfoot			{	color:white; }

#contactlist thead th				{
	padding:0.5em 1em;
	text-transform:uppercase;
	text-align:left;
	background-color: #000099;
	vertical-align: top;
}
#contactlist thead th:first-child	{
	width:10em;
	text-align:left;
}

#contactlist tbody td, tbody th				{	font-size:100%; padding:0.5em 1em; background-color:#e5e5e5; vertical-align:top}
#contactlist tbody th				{
	color:#222;
	text-align:right;
	background-repeat:repeat-y;
	border-right:1px solid #ccc;
	background-image: url(tabel.png);
}
#contactlist tbody td:last-child		{	border-right:1px solid black}

#contactlist tbody tr.odd th, tbody tr.odd td			{	background-color:#eee; color:#222}

#contactlist tfoot td, tfoot th				{	border:none; padding:0.5em 1em 2em; font-size:130%}
#contactlist tfoot th				{
	text-align:right;
}

#contactlist table a:link	{
	line-height:1em;
	color:#000099;
	display:inline-block;
	padding:3px 7px;
	margin:-3px -7px;
	font-size: 90%;
}
#contactlist table a:visited	{	color:#555}
#contactlist table a:hover	{
	text-decoration:none;
	color:white;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background-color: #0099FF;
}

#contactlist ::-moz-selection{	background:#202020; color:white}
#contactlist ::selection		{	background:#202020; color:white}

#contactlist thead ::-moz-selection, 
#contactlist tfoot ::-moz-selection	{	background:white; color:#202020}
#contactlist thead ::selection, 
#contactlist tfoot ::selection		{	background:white; color:#202020}

#FolderView {
	font-family: arial,helvetica,sans-serif;
	font-size: .85em;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: .25em;
}


#FolderView  ul li {
	text-decoration:none;
	list-style-image: none;
	list-style-type: none;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-right: 0.25em;
	padding-left:0.45em;
	margin-left: 0;
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
	color: #666666;
}


#FolderView ul  li a {
	font-weight:700;
	color: #000099;
	list-style-image: none;
	list-style-type: none;
	text-decoration:none;
	display: block;
}

#FolderView   ul   li a:hover   {
	color: #33FFFF;
	background-color: #00CCCC;
	display: block;
}

#FolderView    ul   li a:active {
	color: #0000FF;
	background-color: #66FFFF;
	display: block;
}

#FolderView  ul  li a:visited {
	color: #666666;
}
#user {
	font-size: .9em;
	font-weight: normal;
	background-color: #FFFFCC;
	clear: both;
	padding: 0.5em;
}

.button {
	font-size:80%;
	text-align:center;
	padding:0.5em;
	width:25%;
	color: #000000;
	background-color: #CCCCCC;
	border-color: #333333;
	border: 1px;
	border-style: solid;
}
/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}