/*********************************************
** Triple C
** (c) copyright 2007
**
** media: screen
** designer: 
** developer: 
** created: Tue  6 February, 2007
** product of: Freckle Creative
*********************************************/
@import url(freckle.css);

body {
	color: #13223c;
	position: relative;
	width: 100%;
	height: 100%;	
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	line-height: 1.8em;
	text-align: center;
	font-family: arial, sans-serif;
	background: white url(../images/body_bg.gif) top left repeat-x;
}

div.d-container { 
	position: relative;
	display: block;
	width: 548px; /* 740 total */
	height: 100%;
	margin: 0 auto;
	padding: 0 0 0 192px;
	text-align: left;
	background: transparent url(../images/container_bg.gif) top left no-repeat;
}

.homelink { /* Clickable logo image A tag */
	position: absolute;
	display: block;
	width: 164px;
	height: 254px;
	top: 0;
	left: 11px;
	text-indent: -3000em;
	margin:0; padding: 0;
}

a, a:visited { color: #13223c; border-bottom: 2px solid #7b9fd3; text-decoration: none }
a:hover { color: #315681 }

ul {
	margin: 0;
	padding: 0 154px 0.5em 0;
	list-style: square;
}
ul, ol { padding: 0 154px 0 0 }
ol li, ul li {
	line-height: 1.3em;
	margin: 0 0 0.5em 25px;
	padding: 0 0 0.4em 0;
}

ul.two_columns { 
	padding-bottom: 1em !important;
	width: 500px !important;
	padding: 0;
}
ul.two_columns li {
	float: left;
	width: 172px;
	margin: 0 13px 0.5em 12px;
}
html>body ul.two_columns { padding: 0 154px 0 0 }
html>body ul.two_columns li { margin: 0 0 0.5em 25px }

#d-nav h2 { display: none }
#d-nav ul {
	display: block;
	width: 49em; /*47*/
	min-width: 548px;
	height: 82px;
	margin: 0 0 0 -10px; 
	padding: 0;
	white-space: nowrap;
	list-style: none;
}
html>body #d-nav+ul { width: auto }
#d-nav li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	float: left;
	height: 82px;
	z-index: 100;
}
#d-nav li a {
	float: left;
	color: white;
	height: 77px;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	border: 0;
	border-left: 1px dotted #466382;
	font-weight: normal; /*bold;*/
	text-transform: uppercase;
	text-decoration: none;
	background-repeat: repeat-x;
}
#d-nav li a span {
	float: left;
	cursor: pointer;
	height: 25px;
	padding: 52px 0 0 0;
	margin: 0 10px;
}
#d-nav li.hover a,
#d-nav li:hover a,
#d-nav li a:hover { background-image: url(../images/nav_selected.gif) }
#d-nav li.first a { border-left: 0 }
#d-nav li a.selected,
#d-nav li.hover a.selected,
#d-nav li:hover a.selected,
#d-nav li a:hover.selected,
#d-nav li.hover a:hover.selected,
#d-nav li:hover a:hover.selected {
	background-color: #13223c;
	background-image: url(../images/nav_hover.gif);
}
#d-nav li a.selected span,
#d-nav li.hover a.selected span,
#d-nav li:hover a.selected span { background: transparent url(../images/bullet-4dots.gif) 0 46px no-repeat }
#d-nav ul li ul { display: none }
#d-nav ul li.hover ul,
#d-nav ul li:hover ul {
	position: absolute;
	display: block;
	top: 81px;
	left: 0;
	height: auto;
	width: 165px;
	min-width: 165px;
	z-index: 500;
	padding: 0 0 9px 0;
	margin: 0;
	list-style: none;
	border: 1px solid #8390a1;
	background: #071630 url(../images/nav_sub_bottom.gif) 1px 100% no-repeat;
}
#d-nav ul li.hover ul li,
#d-nav ul li:hover ul li {
	float: none;
	display: block;
	float: none;
	width: 165px;
	height: auto;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	background-image: none;
}
#d-nav ul li.hover ul li a,
#d-nav ul li:hover ul li a,
#d-nav ul li.hover ul li a span,
#d-nav ul li:hover ul li a span,
#d-nav ul li.hover ul li.hover a,
#d-nav ul li.hover ul li.hover a span {
	float: none;
	display: block;
	height: auto;
	margin: 0;
	border: 0;
	text-transform: none;
	background-color: transparent;
}
#d-nav ul li.hover ul li a,
#d-nav ul li:hover ul li a,
#d-nav ul li.hover ul li.hover a {
	width: 155px;
	padding: 0;
	margin: 0 4px 1px 4px;
	/*border-bottom: 1px dotted #466382;*/
	background-color: transparent;
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-image: url(../images/nav_sub_li_a.gif);
}
#d-nav ul li.hover ul li a:hover,
#d-nav ul li:hover ul li a:hover { background-image: url(../images/nav_sub_li_a_hover.gif);  }
#d-nav ul li.hover ul li a span,
#d-nav ul li:hover ul li a span,
#d-nav ul li.hover ul li.hover a span { padding: 0.3em 3px 1px 3px }
#d-nav ul li.hover ul li.first,
#d-nav ul li:hover ul li.first {
	padding-top: 7px;
	background: transparent url(../images/nav_sub_first.gif) 1px 1px no-repeat;
} 

#d-footer {
	clear: both;
	display: block;
	width: 100%;
	margin: 0;
	line-height: 1em;
	padding: 10px 0 0 0;
	font-size: 0.85em;
}
#d-footer .text {
	display: block;
	color: #315681;
	width: 100%;
	cursor: default;
	margin: 0 auto;
	padding: 0.6em 0;
	padding-bottom: 0.9em;
	border: 1px solid #cecece;
	border-left: 0;
	border-right: 0;
	background-color: #f1f1f1;
}
#d-footer hr { display: none }
#d-footer p,
#d-footer a {
	margin: 0;
	padding: 0 2px;
	text-decoration: none;
}
#d-footer p.links,
#d-footer a { color: #616161; text-transform: lowercase; border: 0 }
#d-footer p {
	width: 733px;
	text-align: left;
	margin: 0 auto;
	padding: 0.5em 0 0 14px;
	text-indent: 4px;
}
#d-footer a:hover,
#d-footer p span { color: #315681 }
#d-footer address { font-style: normal; margin: 4px 0 0 17px; color: #6e6e6e }
#d-footer p.validators { color: white }

h2 {
	color: white;
	display: block;
	width: 548px;
	height: 163px;
	margin: 14px 0 0 0;
	padding-top: 70px;
	white-space: nowrap;
	font-size: 2.6em;
	font-weight: normal;
	font-family: Times new roman, times, serif;
	/*background-color: #13223c;*/
	background-repeat: no-repeat;
	background-image: url(../images/h2_bg_1.jpg);
}
h3 {
	clear: both;
	margin: 0;
	padding: 1.3em 0 0.5em 0;
	white-space: nowrap;
	font-size: 1.8em;
	font-weight: normal;
	font-family: Times new roman, times, serif;
}
body.image1 h2 { background-image: url(../images/h2_bg_1.jpg) }
h2, h3, h4, h5, h6 { clear: left; cursor: default }

div.login {
	position: absolute;
	display: block;
	width: 164px;
	top: 233px;
	left: 11px;
	padding: 0;
	margin: 0;
	font-size: 0.85em;
	border-bottom: 1px solid #ced5de;
	background: transparent url(../images/login_bg.gif) top left repeat-y;
}
div.login h2 {
	display: block;
	width: 128px;
	height: 20px;
	padding: 0;
	margin: 0;
	color: black;
	font-size: 1.2em;
	font-weight: bold;
	font-family: arial, sans-serif;
	padding: 85px 18px 0 18px;
	background: transparent url(../images/login_h2.gif) top left no-repeat;
}
div.login form {
	margin: 0px;
	padding: 10px 18px;
	width: 128px;
}

div.login input.text {
	display: block;
	width: 123px;
	border: 2px solid #d6d8db;
}
div.login p { 
	margin: 0;
	padding: 0 18px;
}

div.login input.submit {
	clear: both;
	float: right;
	color: white;
	border: 2px solid #d6d8db;
	background-color: #b4b6b9;
}

#d-content { height: 475px; min-height: 475px; position: relative; z-index: 2 }
html>body #d-content { height: auto }

#d-content p {
	text-align: justify;
	padding-right: 154px;
}
body.home #d-content p { padding-right: 277px }
body.home #d-content div {
	position: absolute;
	right: 0;
	top: 265px;
	width: 255px;
}
html>body.home #d-content div { top: 233px }
body.home #d-content div p,
body.home #d-content div ul {
	padding-right: 0;
	margin-bottom: 0;
	list-style: none;
}
body.home #d-content div ul { margin: 0; padding: 0 }
body.home #d-content div ul li {
	margin: 0;
	padding: 0;
	color: #656565;
	font-size: 1em;
/*}
body.home #d-content div ul li a,
body.home #d-content div ul li a:visited {*/
	color: #555555;
	display: block;
	width: 214px;
	text-decoration: none;
	border: 0;
	cursor: default;
	padding: 3px 6px 3px 35px;
	background: transparent url(../images/bullet_bluehome.gif) 7px 8px no-repeat;
}
body.home #d-content div ul li a:hover { background-color: #ebebeb }
a.pdf {
	padding-left: 18px;
	background: transparent url(../images/pdf.png) top left no-repeat;
}
ul.no_icons ,
ul.no_icons li{ list-style: none }

img.random {
	position: absolute;
	float: right;
	border: 4px solid #f6f6f6;
	right: 0;
	top: 265px;
}
html>body img.random { top: 245px }

#d-content ul ul { 
	margin: 0;
	padding: 1em 0 0 0;
}
.fixed_width { float: left; clear: left; width: 70px }