/* PRESENTATION STYLES FOR NMRRO WEBSITE ============== */
/* UNIVERSAL DEFAULT STYLES */
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
}
html {
	background: #fff;
}
body {
	margin:  0;
	padding:0;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background: #657a8f url("/images/nmstate_bg.jpg") top left repeat-x;
	min-width: 990px;
}

img {
	border: 0px;
}
a {
	color: #467dbd;/* was #3E4C9D */
	text-decoration: none; outline:none;
}
a:hover, a:visited:hover, a:focus {
	color: #000000;
	text-decoration: underline; outline:1px #aaa dotted;
}
a:visited {
	color: #30629c;
	text-decoration: none;
}

div, p, ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	line-height: 110%;
	
}
.clear {
	clear: both;
}
.hide {
	display: none;
}

/* FONT STYLES */
/* H, P, LI fonts, sizes, styles, colors  */

p, li, td, form {
	font-size: 75%;
	color: #333;
	line-height: 140%;
}
p {
	margin: 0 10px 15px 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
h1 {
	font-size: 18px;
	margin: 10px 0 15px 0;
	color: #000;
	background-color: transparent;
	font-weight: bold;
	text-align: left;
}
h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 5px 10px 10px 0;
	padding: 0 10px 0 0;
	color: #668;
	background-color: transparent;
}
.column h2 {
	font-size: 12px;
	color: #0346a5;
}

h3 {
	font-size: 14px;
	margin: 0 0 5px 0;
	color: #333;
	background-color: transparent;
}
h4 {
	font-size: 13px;
	margin: 0 0 5px 0;
	color: #333;
	background-color: transparent;
}
h5 {
	font-size: 11px;
	font-weight: bold;
	margin: 20px 0px 1px 0;
	color: #444477;
	background-color: transparent;
}
h6 {
	font-size: 11px;
	font-weight: normal;
	margin: 20px 0px 1px 0;
	color: #444477;
	background-color: transparent;
}

.georgiaFont {
	font-family: Georgia, "Times New Roman", serif;
}
.smallH1 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	margin: 10px 0 5px -15px;
	color: #000;
	background-color: transparent;
	font-weight: bold;
	text-align: center;
	text-shadow: #cccccc 1px 1px 0;
}

/* BASIC BODY STRUCTURE */
#pageContainer {
	position: relative;
	top: 0;
	border-width: 0 1px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 25px;
	width: 980px;
	background: #fff url("/images/page_shadow_gray.jpg") bottom left no-repeat;
}
.content {
	float: left;
	width: 955px;/* do not adjust this value */
	margin: 170px 0 30px 10px; /* depending on the layout, adjust top margin in your local site.css */
	padding: 0 0 0 6px; /* do not adjust this value */
	background:#e6eff9/*#dfe4ec url("/images/content_bg.jpg") repeat-x left top*/;
}
/* main content container doubleBox sits within mainContainer */
#mainContainer {
	float: left;
	width: 620px;
	margin: 10px 0 0 8px;
	padding: 0;
}
/* single-width container sits on the side of #mainContainer */
#sideContainer {
	width: 290px;
	min-width: 300px;
	margin: 10px 15px 0 9px;
	padding: 0;
	float: left;
}
/* single-width container that can be applied side by side */
.columnContainer {
	width: 305px;
	min-width: 305px;
	margin: 10px 2px 0 8px;
	padding: 0;
	float: left;
}
/* ELEMENTS WITHIN THE BODY STRUCTURE */

/* MAIN CONTAINER */
#mainContainer .doubleBox {
	width: 574px;
	height: auto;
	background: #fff;
	margin: 0 0 10px 2px;
	padding: 10px 19px;
	border: 1px #c8c8c8 solid; 
	border-width: 0 1px 1px 1px;
}
#mainContainer h2 {
	height: 25px;
	width: 588px;
	background: transparent url("/images/bar_600.png") 0 0 no-repeat;
	color: #668;
	padding: 13px 5px 5px 25px;
	margin: 0;
}
#mainContainer .doubleBox h3 {
	margin: 5px 0 10px 0;
	padding: 0; color: #333; font-size: 16px;
}
#mainContainer .doubleBox img {
	margin: -10px 0 10px -20px;
	padding: 0 20px 0 0 ;
}

/* SIDE CONTAINER */
#sideContainer h2 {
	height: 23px;
	width: 280px;
	background: transparent url("/images/bar_300.png") top left no-repeat;
	color: #668;
	padding: 15px 5px 5px 20px;
	margin: 0 0 0 1px;
}
#sideContainer .box {
	width: 261px;
	margin:0 0 10px 2px;
	padding: 10px 19px 1px 19px;
	background: #fff;
	border: 1px #c8c8c8 solid; border-width: 0 1px 1px 1px;
}
#sideContainer .box img {
	margin: -10px 10px 10px -20px;
	padding: 0;
}
#sideContainer .box ul{
	margin: 10px 10px 10px 20px; padding: 0;
	}
/* COLUMN CONTAINER */
.columnContainer .box {
	width: 261px;
	margin:0 0 10px 2px;
	padding: 10px 19px 1px 19px;
	background: #fff;
	border: 1px #c8c8c8 solid; border-width: 0 1px 1px 1px;
}
.columnContainer .box ul, .columnContainer .box.next-to ul{
	margin: 10px 10px 10px 20px;  padding: 0;
	}
.columnContainer h2 {
	height: 23px;
	width: 274px;
	background: transparent url("/images/bar_300.png") top left no-repeat;
	padding: 15px 5px 5px 25px;
	margin: 0;
}
.columnContainer .box h3 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding: 0;
	margin: 0;
}
.columnContainer .box img {
	margin: -10px 10px 10px -10px;
	padding: 0;
}
/* COLUMN CONTAINER within MAIN CONTAINER */
#mainContainer .columnContainer {
	width: 285px;
	min-width: 285px;
	margin: 10px 0 0 8px;
	padding: 0;
	float: left;
}
#mainContainer .columnContainer.next-to {
	width: 285px;
	min-width: 285px;
	margin: 10px 0 0 30px;
	padding: 0;
	float: left;
}
#mainContainer .columnContainer h2 {
	width: 285px;
	height: 28px;
	background: transparent url("/images/bar_300.png") top left no-repeat;
	padding: 12px 5px 3px 25px;
	margin: -10px 0 0 -8px;
}
#mainContainer .columnContainer .box {
	width: 275px;
	margin:0 0 10px -6px;
	padding: 10px 4px 5px 20px;
}


.main_story p {
	margin: 0 30px 10px 10px;
}
.subject p {
	margin: 0 10px 10px 0;
}
.content .column p {
	margin: 0 0 15px 0;
}

/* FEATURE BANNER */
#site_banner {
	height: 170px;
	width: 960px;
	position: absolute;
	top: 0;
	left: 11px;
	margin: 0;
	background: transparent;
	z-index: 89;
}
#site_banner h1 {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
	letter-spacing: 1px;
	z-index: 90;
	position: absolute;
	top: 40px;
	left: 25px;
}

#site_banner h1 a:hover, #site_banner h1 a:focus {outline: none;}
#site_banner h1 span.site_title {
	font-size: 32px;
	letter-spacing: 1px;
}
#site_banner h1 span.center {
	color: #222;
	font-size: 14px;
	letter-spacing: normal;
}
/* feature banner link */  
#site_banner h1 a {
	color: #fff; outline: none;
}
#site_banner h1 a span.site_title {
	color: #fff; outline: none;
}
#site_banner h1 a span.center {
	color: #222; outline: none;
}
/* feature banner hover */
#site_banner h1 a:hover, #site_banner h1 a:focus {
	color: #000;
	text-decoration: none; outline: none;
}
#site_banner h1 a:hover span.site_title, #site_banner h1 a:focus span.site_title {
	color: #000; outline: none;
}
#site_banner h1 a:hover span.center, #site_banner h1 a:focus span.center {
	color: #000;
	text-decoration: none; outline: none;
}
#site_banner div#governor {position: absolute; top: 117px; left: 398px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 9px; color: #eee; font-weight: normal; letter-spacing: 0.05em; text-align: right;}

/* NAVIGATION */
/* BANNER NAVIGATION */
#banner_nav {
	position: absolute;
	top: 3px;
	right: 20px;
	height: 25px;
	background: transparent;
	z-index: 100;
}
#banner_nav ul li {
	font-size: 12px;
	display: inline;
	color: #003366;
}
/* SEARCH */
#state_search {
	position: absolute;
	top: 95px;
	right: 20px;
	height: 20px;
	background: transparent;
	z-index: 100;
	margin: 0;
}
/* search for in CONTACTS PAGE and REPORT FRAUD WASTE ABUSE PAGE */
.contacts form#state_search input, .report-problem form#state_search input{margin: 0;}

/* MENU BAR */
div#menu {
	position: absolute;
	padding: 0 0 0 30px;
	margin: 0;
	top: 132px;
	left: 275px;
	z-index: 99;
}
#menu ul#TJK_dropDownMenu {
	
	margin: 0 0 -10px 0;
	padding: 7px 0 5px 25px;
	white-space: nowrap;
	text-align: left;
}
#menu ul#TJK_dropDownMenu li {
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: -7px 0 0 0;
	height: 20px;
	padding:11px 15px 8px 13px;
}
#menu ul#TJK_dropDownMenu li a:link, #menu ul li a:visited {
	color: #333;
}
#menu ul#TJK_dropDownMenu li a:hover, #menu ul#TJK_dropDownMenu li a:focus {
	color: #000;
	text-decoration: underline;
}
#menu ul#TJK_dropDownMenu li.first {
	border: 0;
}

/* STATE footer */
#footernav {
	font-size: 11px;
	color: #333333;
	padding: 0;
	margin: 0;
	text-align: center;
}
#footernav a {
	color:#006699;
}
/* footer */	
#state-footer {
	text-align:left;
	position: relative;
	bottom: 0;
	left: 0;
	width: 350px;
	white-space: nowrap;
	vertical-align: top;
	margin: 10px 0 0 20px;
	padding: 10px 0 25px 0;
}
#nmrro-footer {
	text-align:right;
	float:right;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	vertical-align: top;
	margin: 10px 20px 0 0;
	padding: 10px 0 25px 0;
}
#state-footer p, #nmrro-footer p {
	font: normal 11px Arial, Verdana, sans-serif;
	padding: 0 0 20px 0;
	line-height: 1.5em;
	color: #666;
}
#state-footer p a:link, #nmrro-footer p a:link {
	font: normal 10px Arial, Verdana, sans-serif;
	color: #666;
	text-decoration: none;
}
#state-footer p a:visited, #nmrro-footer p a:visited {
	font: normal 10px Arial, Verdana, sans-serif;
	color: #666;
	text-decoration: none;
}
#state-footer p a:hover, #nmrro-footer p a:hover {
	font: normal 10px Arial, Verdana, sans-serif;
	color: #8a3705;
	text-decoration: underline;
}
/* ================================== */
/* contentmain presentation styles */

/* CONTENT UL, LI, DL, DT, DD */
.content ul, .content dl {
	margin: 0px 10px 0px 20px;
	padding: 5px 0 10px 0;
}
.content dt {
	font-weight: bold;
}
.content dl {
	font-size: 80%;
	line-height: 140%;
	color: #333;
	margin: 0 0 5px 0;
	list-style-position: outside;
	padding: 0 0 5px 0;
	list-style-type: disc;
	vertical-align: top;
}
.content ul li {
	margin: 0px 5px 5px 0;
	padding: 0 0 8px 0px;
	list-style-image: url("/images/bullet_square.gif");
	list-style-type: disc;
	list-style-position: outside;
}
.content ol li {
	margin: 5px 0 5px 15px;
	padding: 0 0 8px 0;
	list-style-type: decimal;
	list-style-position: outside;
}
/* nested list */
.content ul ul {
	margin: 10px 0 -12px 10px;
	padding: 0;
}
.content ul li ul li {
	font-size: 100%;
	margin: 5px 0 5px 10px;
	padding:0;
	list-style-image: url("/images/bullet.gif");
}
		
/* SPACER GIF and VISIBILITY */

.strut {
	visibility: visible;
}
.strut img {
	border-width: 0;
}
.skip {
	visibility: hidden;
}
/* FORMS */
form { 
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
	line-height: 135%;
	background-color: transparent;
	padding: 1px 8px;
	margin: 0;
}
fieldset {
	margin: 5px 30px 10px 0; padding: 0 15px 15px 15px; 
}
legend {
	font-weight: bold; color: #993300;
}
label {
	font-weight: normal;
}
/* Contact form */
.contacts form label, .report-problem form label {min-width: 80px; margin: 0 5px 0 0; display: block; font-weight: normal; float: left;}
span.redBold {color: #F60; font-weight: bold; font-size: 12px; padding: 0 0 0 5px;}
.contacts form input, .contacts form textarea, .report-problem form textarea, .report-problem form input {margin: 5px 0 5px 15px; }
.contacts #mainContainer .doubleBox form h3, .report-problem #mainContainer .doubleBox form h3 {font-size: 18px; color: #066; margin: 15px 0 10px 0;}
.contacts #mainContainer .doubleBox form p, .report-problem #mainContainer .doubleBox form p {font-size: 12px;}
.report-problem form textarea {float:left; margin: 5px 10px 0 0;}
.report-problem form label.description {float:left; width: 130px; margin: 5px 5px 0 0; padding: 0;}
.contacts form legend, .report-problem form legend {color: #066; font-size: 14px; padding: 0 5px 5px 5px;}

/* TABLES */
.data {
	color: #333;
	border: 1px #999 solid;
	border-collapse: collapse;
	margin: 0 10px 0 0;
	padding: 2px;
	width: auto;
}
.data td {
	padding: 3px !important;
}
.data th {
	text-align: left;
	background: #CCC;
	color: #333;
	padding: 3px 5px 3px 5px;
}

.odd {
	background: #FFF;
}
.even {
	background: #EEE;
}
table td {vertical-align: top;}
table td li {font-size: 12px;}

/* SPECIFIC PAGE ELEMENTS */
/* HOME PAGE */
.home #mainContainer .doubleBox#map {
	width: 595px;
	height: 342px;
	background: transparent url("/images/map_bg.gif") top left no-repeat;
	margin: 0 0 0 2px;
	padding: 10px 10px 5px 10px;
	border: 0;
}
.home #mainContainer .doubleBox#map div#explanation { color: #888; position: absolute; width: 230px; top: 190px; left:400px;}
.home #mainContainer .doubleBox#map div#explanation h3 {font-size: 16px; line-height: 1em; color: #333; text-align: center; margin: 0 0 5px -3px; padding: 0 10px 5px 0;}
.home #mainContainer .doubleBox#map div#explanation  p {font-size: 11px; line-height: 1.1em; padding: 0; margin: 0; color: #666666;}
.home #mainContainer .doubleBox#map div#explanation  ul li {font-size: 11px; line-height: 13px; padding: 2px 0; margin: 0 0 0 -5px; color: #666666; list-style-image: url("/images/bullet_solid.gif");}
.home #mainContainer .doubleBox h3 {
	color: #603; margin: 15px 0 25px 0; padding: 0;
}
.home #mainContainer .doubleBox#map #map-home {border: 1px #666 solid; width: 345px;}
/* IFRAME 
.home #mainContainer .doubleBox iframe#mapa { border: 1px #333 solid; border-width: 1px; z-index: 0; margin: 10px 0 0 0;}*/
#map_legend {position: absolute; top: 500px; left:100px; font-size: 11px; height: 25px; width: 300px; margin: 0; padding: 0;}
#map_legend span.less, #map_legend span.more, #map_legend img{float: left;}
#map_legend span.less{width: 90px; text-align: left; margin: -10px 0 0 -5px;}
#map_legend span.more{width: 90px; text-align: left; margin: -10px 0 0 -15px;}
#map_legend img{margin-left: 10px; width: 91px; padding: 0;}

/* NEW MEXICO BROADBAND MAP */
.box#broadband-map {
	height: auto;
}

.box#broadband-map img {
	margin: 0 10px 0 0;
	padding: 2px; 
	border: 1px #c8c8c8 solid; 
}

/* PEOPLE */
.box#people {
	height: 470px;
}
.box#people img{margin: 0 10px 0 0;}

/* TABS */

.ui-tabs {
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	list-style: none;
	position: relative;
	padding: .2em .2em 0;
	margin: 0 0 0 8px;
}
.ui-tabs .ui-tabs-nav li {
	position: relative;
	float: left;
	border-bottom-width: 0 !important;
	margin: 0 3px -1px 0;
	padding: 0;
	background: transparent url("/images/tab_off.gif") top left no-repeat;
	width: 84px;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	padding: .5em 1em;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 1px;
	border-bottom-width: 1px;
	background: transparent url("/images/tab_on.gif") top left no-repeat;
	z-index: 15;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text; outline: none;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer; outline: none;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	padding: 1em 14em;
	display: block;
	border-width: 0;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}
div#tabs ul li {
	list-style: none;
	list-style-image: none;
	padding: 0 3px;
	font-size: 14px;
	font-weight: bold;
	color:#222;
}
div#tabs ul li a {
	color:#668;
}

div#tabs ul li a:hover, div#tabs ul li a:focus {
	color:#222; outline: none;
}

div#jobs, div#grants, div#loans {
	background: #fff;
	padding: 5px 10px 10px 20px;
	border: 1px #aaa solid;
	position: relative;
	top: 33px;
	margin: 0 0 38px 0;
	z-index: 14;
}
div#jobs p, div#grants p, div#loans p {}

div#jobs ul li, div#grants ul li, div#loans ul li {
	font-weight: normal;
	font-size: 12px;
	list-style-image: url("/images/bullet_square.gif");
}

div.date { color: #666666; font-size: 10px; text-align: right; }

/* GRAPH */
.box#graph {padding: 8px 0 0 10px; width: 290px; border: 1px #c8c8c8 solid; border-width: 1px;}
.box#graph img{margin: -15px 0 10px 0;}
.box#graph #slider2 li p{font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 1.1em; color: #333;}
.box#graph #slider2 li p span, p.date, .reports .box#graph p span {display: block; color: #666; font-size: 10px; text-align: right;}
#sideContainer .box#graph ul{
	margin: 0; padding: 0;
	}
.reports .box#graph img{margin: 0;}
.reports .box#graph img.wide {margin: 0 0 0 -13px;}

/* STATE AGENCIES PAGE */
.state-agencies #mainContainer h3 {margin: 5px 0 15px 0; padding: 0; }
.state-agencies #mainContainer h4 {color:  #006666; }
.state-agencies #mainContainer h5 {color:#666666; font-size: 12px; }
.state-agencies #mainContainer img.logo {width: 90px; border: 0; float: left; margin: 0;}
.state-agencies #mainContainer img.secretary {margin: 10px; padding: 2px; border: 1px #adadad solid;}
.state-agencies#emnrd #mainContainer img.logo {width: 450px; border: 0; float: none; margin: -15px 0 5px 15px;}
.state-agencies#logo #mainContainer img.logo {width: 140px; border: 0; float: left; margin: 0 0 5px 0;}
.state-agencies#emnrd #mainContainer img.secretary { margin: 10px; padding: 2px; border: 1px #adadad solid;}

.state-agencies legend {font-size: 14px; color: #066;}
body.state-agencies #mainContainer fieldset img {width: 90px; margin: 10px; padding: 2px; border: 1px #adadad solid; float: right;}

/* JOBS CREATED in tabs for jobs grants loans */
#tabs #jobs #jobs-created {margin: -5px 0 0 0; padding: 0;}
.content #tabs #jobs #jobs-created h1 {
	font-size: 34px; font-weight: bold; width: 240px; margin:0; padding: 0 5px 5px 0; color: #000;text-align: center; vertical-align: top; text-shadow: #cccccc 1px 1px 1px;}
#tabs #jobs #jobs-created p {font-size: 12px; font-weight: normal; line-height: 13px; width: 240px; color: #036; text-align: center; padding: 0 5px 0 0;}

/* ANNOUNCEMENTS, NEWS RELEASES, REPORTS */
#announcements {font-size: 12px; color: #333;}
.box#announcements {padding: 10px 20px;}
#news-releases p{font-size: 12px; color: #333; padding: 0 0 5px 0; border: 1px #ddd solid; border-width: 0 0 1px 0;}
#news-releases h4 {font-size: 11px; color: #222;}
#reports ul li{border: 1px #ddd solid; border-width: 0 0 1px 0; list-style-image: none; list-style:none;}

/* PHOTO GALLERY PAGE */
.photo-gallery .content #mainContainer {
	float: left;
	width: 932px;
	margin: 10px 15px 0 8px;
	padding: 0;
}

.photo-gallery .content #mainContainer h2 {
	height: 25px;
	width: 904px;
	background: transparent url("/images/bar_900.png") 0 0 no-repeat;
	color: #668;
	padding: 13px 5px 5px 25px;
	margin: 0;	
}

.photo-gallery .content #mainContainer .doubleBox {
	float: left;
	width: 890px;
	height: auto;
	background: #fff;
	margin: 0 0 10px 2px;
	padding: 20px 19px;
	border: 1px #c8c8c8 solid; 
	border-width: 0 1px 1px 1px;
}

.photo-gallery .content #mainContainer .doubleBox .doubleBoxInnerDiv {
	height: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	width: 890px;
}

#galleryBox {
	background-color: #000000;
	float: left;	
	height: auto;
	margin-bottom: 20px;
	width: 890px;
}

.galleryFooter {
	background-color: #cee1f0; 
	float: left;	
	height: auto;	
	padding-bottom: 10px;
	padding-right: 10px;
	width: 880px;
}

.thumbnailBox {
	background-color: #e7f0f9;
	border: solid 2px #fff;
	float: left;		
	height: 74px;
	margin: 10px 0 0 10px;
	width: 74px;
}

.photo-gallery .content #mainContainer .doubleBox .doubleBoxInnerDiv .galleryFooter .thumbnailBox img {
	height: 74px;
	margin: 0;
	padding: 0;	
	width: 74px;
}

/* SLIDERS */
/* Easy Slider */
	/* image replacement */
        .graphic, #slider1prev, #slider1next, #slider_pause{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* image replacement */
	#slider{margin: 0 30px 0 0;}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		width: 260px;
		height:440px;
		padding: 0;
		overflow:hidden; 
		}	
#slider1prev, #slider1next{ 
	display:block;
	width:40px;
	height:40px;
	position:relative;
	left:90px;
	top:0px; font-size: 11px;
	}	
#slider1next{ 
	left:146px; top:-40px;
	}														
	#slider1prev a, #slider1next a{  
		display:block;
		width:40px;
		height:40px;
		background:url("/images/btn_prev.gif") no-repeat 0 0; 	padding: 30px 0 0 0;
		}	
	#slider1next a{ 
		background:url("/images/btn_next.gif") no-repeat 0 0;	padding: 30px 0 0 8px;
		}
	#slider_pause{ 
	display:block;
	width:35px;
	height:40px;
	position:relative;
	left:120px;
	top:-80px;
	background:url("/images/btn_pause.gif") no-repeat 0 0;	padding: 0;
	cursor: pointer;
	}	
#slider li img {padding: 2px; border: 1px #c8c8c8 solid; margin: 0 5px 8px 0; width: 100px;}		
#slider p.slider-legend {font-size: 11px; line-height: 11px; float: left; position: relative; margin: -30px 0 0 0; color: #999; text-align: center;}		

/*  Easy Slider with Numeric controls */
#slider2 ul{padding: 0;}
#slider2 li p {font-size: 12px;  font-weight: bold; text-align: center; color: #003366;}
#slider2 li{ 
		width: 290px;
		height:300px;
		padding: 0;
		overflow:hidden; 
		}
/* numeric controls */	

	ol#controls{
		margin:0 0 10px 65px;
		padding:0;
		height:20px; 	
		}
	ol#controls li{
		margin:-3px 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px; 
		font-size: 11px;
		line-height:11px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		/*border:1px solid #ccc;*/
		background:/*#DAF3F8*/ transparent url("/images/numeric_counter_bg.gif") 0 2px no-repeat;
		color:#fff;
		padding:0 5px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:/*#5DC9E1*/ transparent url("/images/numeric_counter_bg_on.gif") 0 2px no-repeat;;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

	/* pause and play buttons 
	span#slider2_pause, span#slider2_play { width: 20px; height:20px; float: left; position: relative; top: -32px; left: 170px; cursor: pointer;}
	span#slider2_pause {width: 20px; height: 20px; background: url("/images/numeric_counter_pause.gif") top left no-repeat;}
	span#slider2_play {background: url("/images/numeric_counter_play.gif") top left no-repeat;}*/
	
/* IMAGES */
.content img {
	border: 0;
}
/* PROJECTS PAGES */
body.projects .content div.caption {
	float: left; width: 300px; margin: 0 0 10px 0; }
	body.projects .content div.caption img {width: 300px;}
	body.projects .content div.caption img#logo {width: 140px; margin: 10px 0 0 20px;}
	.content div.caption p{
	float: left; width: 290px; margin: 0 0 0 -10px; padding: 0 5px 5px 5px; font-size: 11px; color: #666;}
body.projects div.illustration {width: 300px; float: right; font-size: 16px; text-align: center; color: #930; margin: 10px -20px 5px 30px;}
body.projects div.illustration img {}
body.projects div.illustration p {font-size: 11px; color: #666; margin: 0 0 0 -20px; padding: 0 5px 25px 5px;}
/* related links */
.projects fieldset#links {width: 220px; height: auto; margin: 0 10px 0 300px; padding: 0 0 0 15px; border: 1px #99a solid;}
.projects fieldset#links legend{color: #88a; font-size: 16px; }
.projects fieldset#links ul {margin: 15px 5px 5px 15px;}
.projects fieldset#links ul li {padding: 0;}
.projects fieldset#links ul li a.jumplink {background: url("/images/icon_jumplink_ie.gif") bottom right no-repeat; padding: 0 20px 0 0;}


/* NOTE an explanation note within text or a footnote */
p span.note {font-size: 11px; color: #666;}

/* ABOUT PAGES */
body.about#faq .doubleBox p strong {font-family: Georgia, "Times New Roman", Times, serif; }

/* OFFSITE JUMPLINK */
a.jumplink {background: url("/images/icon_jumplink_ie.gif") bottom right no-repeat; padding: 0 20px 0 0; margin: 0;}

/* THANK YOU PAGE */
#mainContainer .doubleBox#thanks {
	width: 575px;
	height: 200px; 
	border: 1px #c8c8c8 solid; 
	border-width: 1px 1px 1px 1px;}
	
/* DEBUGGING/TRACKING TOOL */
a.redlink { color: #ff0000; }
a.redlink:visited { color: #ff0000; }

/* PHOTO GALLERY LINK ON index.php */
#home_gallery img {
 	margin-left: -20px;
}

/* ANTIALIASING FOR WEBKIT BROWSERS */
* { -webkit-font-smoothing: auto; }