/********************************************
   HTML ELEMENTS
********************************************/ 
/* Colors: Blue: #211D70; Red: #CD1B28 or #B10E16*/
/* top elements */

* { 
	padding: 0; margin: 0; outline: 0;
}
body {
	margin: 0; 	padding: 0;
	font: 80%/185% Georgia, "Times New Roman", Times, serif;	
	color: #444;
	text-align: center;
	background: #E6404E url(../images/bg.jpg) repeat-x; 
}

body{ behavior:url(/css/csshover.htc);}

img, div, span, ul { behavior: url(/css/iepngfix.htc) }


/* links */
a { color: #00217E; background-color: inherit; text-decoration: none; }
a:hover { color: #CD1B28; text-decoration: underline; }

/* headers */
h1, h2, h3 { font: bold 1em 'Trebuchet MS', Arial, Sans-serif; color: #111; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; color: #003366; letter-spacing: -1px; clear: both} 
h3 { font-size: 1.3em; color: #3A4849; }

p, hr, h1, h2, h3 { margin: 10px 15px 10px 15px; }

form { margin: 10px; }

ul, ol {
	margin: 10px 15px;
	padding: 0 15px;
}
dl {
	margin: 10px 15px;
	padding: 0 15px;
}
dt {
   font-weight: bold;  
   color: #003366; 
}
dd {
   margin-left: 0;
   padding: 0 0 5px 0;
}
hr {
	height: 1px;
	clear: both;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px solid #EBEBEB;
	margin: 0 15px 0 0; padding: 0;
}
hr.hidden {
	clear:both;
	visibility:hidden;	
}
/* images */


code {
  margin: 5px 0;
  padding: 1em;
  display: block;
  width: 95%;
  overflow: auto;  
  font: 500 1.1em/1.5em 'Courier New', 'Lucida Console', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  color: #333;
  border: 1px solid #EAEAEA;  
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
  margin: 10px 15px;
  padding: 0 0 0 45px;  
  background: #FAFAFA url(../images/quote.gif) no-repeat 5px 1em;
  color: #333;
  border: 1px solid #EAEAEA;  
  font-weight: bold; 
}

/* form elements */
form.poll, #box {
  padding: 5px;
  background: #F3F3F3;
  border: 1px solid #EAEAEA;
}
#box {
	margin-top: 10px;
	text-align: center;
}
label {
  display: block;
}

fieldset{border:solid 1px #DEDEDE; width: 97%; }
fieldset legend {font-weight:bold; padding: 0 5px 0 5px; margin-left: 10px; border-right: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE;}
fieldset ul, fieldset li{border:0; margin:0; padding:0; list-style:none;}
fieldset li{clear:both;list-style:none;padding:10px;}
fieldset input{ float:left; padding: 1px; }
fieldset input:hover {float:left;}
.focusField{ border:solid 2px #73A6FF; background:#EFF5FF;color:#000;}
.idleField{ background:#EEE; color: #6F6F6F; border: solid 2px #DFDFDF;}
fieldset label{width:140px;float:left; font-weight: bolder;}
fieldset button { border:0; margin:0; padding:0;clear:both;width:127px;height:51px;text-align:center;line-height:31px;color:#FFFFFF;font-size:18px;font-weight:bold;cursor: pointer;}


/***********************
	  LAYOUT
************************/

#content, #header-content, #footer-content  {
	width: 945px !important;
}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	background: #fff;  
	/* background: #FAFAFA url(../images/content-bg.jpg) repeat-y center top; */
}
#content {
	text-align: left;	
	padding: 0; 
	margin: 20px auto;			
}

/* header */
#header {
	height: 180px; 	
	text-align: left;	
	
	/* height: 195px; */
}
#header-content {
	position: relative;
	margin: 0 auto; padding: 0;	
	height: 180px;
	background: transparent url(../images/sunset.jpg) top right no-repeat;
	z-index: 999999;
}
#header-content h1 {	
	position: absolute;
	background: transparent url(../images/logo.gif) no-repeat 0 0;
	margin: 0; padding: 0;	
	height:116px; width: 360px; 
	/* change the values of left and top to adjust the position of the slogan */
	left: 15px; top: 0px;
}
#header-content h1 span {
	position: absolute;
	left: -2000px;
}
#header-content #slogan {
	position: absolute;	
	font: normal 11px 'Trebuchet MS',sans-serif;
	letter-spacing: 0px;
	color: #dfdfdf;	
	margin: 0; padding: 1px 0;
	text-transform: none;
	border-top: 1px solid #555;
	/* change the values of left and top to adjust the position of the slogan */
	top: 85px; left: 135px;
}

/* main navigation tabs */
#header-content .nav { position: absolute;list-style:none;margin:0; padding:0;font: bold 13px Tahoma, 'Trebuchet MS', Arial, Sans-serif;text-transform: none;letter-spacing: 0;right:0 ; top: 111px; z-index: 10000}
#header-content .nav  a, .nav a:visited {font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:12px; color: #fff; text-decoration: none;}
#header-content .nav ul { list-style-type:none;padding:0; margin:0;}
#header-content .nav ul li { float:left; position:relative; z-index:auto !important ; z-index:1000 ; margin-top: 0px;}
#header-content .nav ul li a { color: #003; float:left; display:block; padding:0 0 0 8px; text-decoration:none;}
#header-content .nav ul li a#current { background: url(../images/tableft.gif) no-repeat left top;  color: #fff;}
#header-content .nav ul li a span {float:left; display:block; padding:7px 10px 7px 2px; color:#fff;}
#header-content .nav ul li a#current span { width: inherit; height: inherit; background: url(../images/tabright.gif) no-repeat right top; color: #fff;}  
#header-content .nav ul li a:hover span{ text-decoration:none; color:#fefefe; } /*Color main cells hovering mode*/
#header-content .nav ul li:hover a { text-decoration:none; color:#fefefe; } /*Color main cells hovering mode*/

#header-content .nav ul li ul { display:none; border:none;color: #fff; background-color: #CD1B28; z-index: 10000; }
#header-content .nav ul li:hover ul {display:block; background-color: #CD1B28; position:absolute; z-index:999; top:29px; left:0;}
#header-content .nav ul li:hover ul li { margin: 0; padding: 0; background-image: none; }
#header-content .nav ul li:hover ul li a {display:block; width:12em; height:auto; padding: 3px 10px 3px 10px; border-bottom: dotted 1px #fff; background-color:#CD1B28;  color:#FFFFFF;} /*Color subcells normal mode*/
#header-content .nav ul li:hover ul li a:hover {background-color:#CD1B28; text-decoration:none;color:#fff;} /*Color subcells hovering mode*/

#header-content .nav ul li:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
#header-content .nav ul li ul li a:link { background-color:#E6404E;  color:#FFFFFF;} /*Color subcells normal mode*/
#header-content .nav ul li ul li a:visited { background-color:#E6404E;  color:#FFFFFF;} /*Color subcells normal mode*/
#header-content .nav ul li a:hover ul li a {display:block; width:12em; height:1px; padding:4px 16px 4px 16px; border-bottom: solid 1px #004080; background-color:#0000FF;  color:#FFFFFF;} 
#header-content .nav ul li a:hover ul li a:hover {background-color:#CD1B28; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/


/* header links */
#header-content ul#header-links {	
	list-style: none;	
	font-size: .88em;
	font: Arial, 'Lucida Grande', Geneva, Verdana, Helvetica, sans-serif;	
	position: absolute;
	background: transparent url(../images/header-links.png) top left no-repeat;
	padding: 0;
	width: 250px;
	font-weight: normal;
	top: -12px; right: 0px;
}
#header-content ul#header-links li {
	float: left;
	font: Arial, 'Lucida Grande', Geneva, Verdana, Helvetica, sans-serif;
}
#header-content ul#header-links li a {	
	color: #fff;
	text-decoration: none;		
	display: block;
	padding: 5px 10px 5px 15px;	
	font: Arial, 'Lucida Grande', Geneva, Verdana, Helvetica, sans-serif;
}
#header-content ul#header-links li a:hover {
	color: #efefef;
	text-decoration: underline;
	font: Arial, 'Lucida Grande', Geneva, Verdana, Helvetica, sans-serif;
}

#header-content #userArea {
	position: absolute;
	margin:0 5px 0; 
	padding:0;
	font-weight: normal;
	text-transform: none;
	right: 0 ; 
	font-size: 11px;
	top: 47px;
	text-align:left;
	color: #999;
}
#header-content #userArea a {
	color: #aaa;
	font-weight: normal;
	font-size: 11px;
}
#header-content #userArea a:hover {
	text-decoration: underline;
}

#bookmarks {
	position: absolute;
	margin:0 5px 0; 
	padding:0;
	font-weight: normal;
	text-transform: none;
	left: 0; 
	font-size: 11px;
	top: 155px;
	text-align:left;
}

#bookmarks p {
	display:inline;
	margin-right:0;
	font-size:1em;
}

a.bookmark {
	background-position:left;
	background-repeat:no-repeat;
	padding:5px 0 5px 20px;
	margin:0 0 0 10px;
	color:#000000;
	font-size:0.9em;
	display:inline;
	font-weight: normal;
}

.delicious { background-image:url(../images/icons/delicious.png);}
.digg { background-image:url(../images/icons/digg.png);}
.facebook {background-image:url(../images/icons/facebook.gif);}
.reddit {background-image:url(../images/icons/reddit.gif);}
.stumbleupon {background-image:url(../images/icons/stumbleupon.gif);}
.yahoo {background-image:url(../images/icons/yahoo.png);}
.google {background-image:url(../images/icons/google.gif);}
.netscape {background-image:url(../images/icons/netscape.gif);}


/* Main Content */
#main, #submain	{
	position: relative;
	margin-right: 410px;	
}

#main img.border {
	border: 1px solid #DADADA;
	padding: 5px;
}
#main img.no-border {
	border: none;
}
#main img.float-right {
  margin: 5px 0px 5px 15px;  
}
#main img.float-left {
  margin: 5px 15px 5px 0px;
}


#main #column1 {
	position: relative;
	float: left;
	width: 530px;
	margin-right: -400px;
	padding-left: 10px; 
	/* padding-right: 10px; */
}

#main h1 { 
	font: bold 25px "Trebuchet MS", Tahoma, Arial, sans-serif;
	text-transform: none;
	color: #163F53;
	padding: 0 0 5px 0;
	margin: 10px 15px 15px 15px;
	letter-spacing: -1.7px;
	background:url(../images/bk_dotted.gif) repeat-x left bottom;
}	
#main h2, #submain h2 {
	font: bold 20px "Trebuchet MS", Tahoma, Arial, sans-serif;
	text-transform: none;
	color: #163F53;
	letter-spacing: -1px;
	background:url(../images/bk_dotted.gif) repeat-x left bottom;
	padding: 0 0 5px 0;
	margin: 15px 15px 10px 15px;
} 

#main p, #main h1, #main h2, #main h3, #main blockquote, #main form {
	margin-left: 0;
}
#main form p {
	margin: 10px;
}

/* main for sub pages/admin */
#submain p, #submain h1, #submain h2, #submain h3, #submain blockquote, #submain form {
	margin-left: 0;
}
#submain {
	margin: 0;
}
#submain form {
  padding: 5px;
  background: #fff;
  border: 0px;
}
/* news items */

#eventlinks { width:100%; padding:0 0 0 5px; margin:0; }
#eventlinks ul { margin:0; padding:0;list-style-type: square;}

#eventlinks ul li {
	list-style-type: square;
	list-style:outside;
	margin-bottom: 5px;
}

#eventlinks ul li span {
	color: #ccc;
}
#eventlinks ul li a {
	padding:0;
	margin: 0;
	line-height: 1.9em;
	text-decoration: underline;
}
#eventlinks ul li.more {
	float:left;
}
#eventlinks ul li.more a {
	color:#d00;
}
#eventlinks ul li.moren a:hover {
	text-decoration:underline;
}
#eventlinks ul li a:hover {
	color:#d00;
}

/* sidebar */	
#sidebar {
	float: right;	
	width: 400px;	
	font-size: .95em;
}

#sidebar #links {
	float: right;	
	width: 380px;	
	font-size: .95em;
	border: 1px solid #CD1B28;
	height: 200px;
	padding: 5px;
	overflow: hidden;
	margin-bottom: 5px;
}
#sidebar #links h4 {
	margin: -5px -5px 5px -5px;
	display: block;
	padding: 0 5px 0 5px;
	background: #CD1B28;
	color: #FCDADC;
	font-weight: bold;
}

#sidebar #links ul {
	width: 182px;
	margin: 0px;
	padding: 0px;
	margin-right: 5px;
	padding-left: 3px;
	float: left;
	list-style: none;
}

#sidebar #links ul li {
	margin: 0; padding: 0;
	background: url(../images/greybullet.gif) no-repeat left center;
	padding: 0 0 0 20px;
}
#sidebar #links ul li:hover {
	background-color: #f3f3f3;
}
#sidebar #links ul li a {
	color: #444;
	font-size: 100%;
	font-weight: lighter;
	text-decoration: none;
}
#sidebar #links ul li a:hover {
	color: #444;
}



#sidebar p {
	margin-left: 10px;
}
#sidebar h3 {
	font: bold 14px "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #CD1B28;
	padding: 10px 5px 0 10px;
	margin: 5px 0 10px 0;
	letter-spacing: 0px;		
	text-transform: uppercase;	
}
#sidebar #sidebar-left {
	width: 185px; 
	float: left;
	padding: 0em 0.7em 0.3em 0.2em;	
	border-right: 1px dotted #EAEAEA; 
}	
#sidebar #sidebar-right	{
	width: 185px; 
	float: left;
	padding: 0em 0em 0.5em 0.7em;	
}	
#sidebar #sidebar-right p {
	margin: 5px 0; padding: 0;
}
#sidebar #sidebar-right a img {
	padding: 0; margin: 0 0 3px 0;
	border: 1px solid #D3DBDC;
}	
#sidebar #sidebar-right h3 {
	padding-left: 0px;
	color: #B5B5B5; 
	text-transform: uppercase;
	letter-spacing: 1px;	
}
#sidebar #sidebar-right .ad-box {
	width: 100%;
	margin: 0; padding: 0 0 0 10px; 		
	text-align: center;	
}	
#sidebar #sidebar-right .banners {
	padding-bottom: 2px;
	margin-bottom: 8px;
	border-bottom: 1px solid #EAEAEA; 	
	/* background: transparent url(../images/gray_dotted.gif) repeat-x left bottom; */
}

/* sidebar menu */
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 0 10px 15px 10px; padding: 0;
	text-decoration: none;	
	background: transparent url(../images/bk_dotted.gif) top left repeat-x;  
	/* background: transparent url(../images/gray_dotted.gif) top left repeat-x; */
}
#sidebar ul.sidemenu li {
	background: transparent url(../images/gray_dotted.gif) repeat-x left bottom;
	padding: 6px 5px 6px 0px;
}

#sidebar ul.sidemenu li.article {
	line-height:normal;
	padding-top: 15px;
}


* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu li a {
	text-decoration: none;	
	color: #666666;	
	color: #4E5F62; 	
	color: #00217E;
}
#sidebar ul.sidemenu li a:hover {
	text-decoration: none;	
	color: #CB4721;
}

/* footer */
#footer {
	clear: both;
	margin: 0; padding: 10px 0 30px 0;
	font-size: .95em;
	text-align: left;	
	background: #E6404E url(../images/footer-bg.jpg) repeat-x left top;
	min-height: 120px;
	color: #FBDBDD;
}
#footer p {
	line-height: 150%;
	margin-top: 0px;
}
#footer a img, #footer a:hover img {
	border: none;
}
#footer-content {	
	margin: 0 auto;
	padding-top: 10px;
}
#footer-content a{
	color: #fcfcfc;
}
#footer-content a:hover {
	text-decoration: underline;
}
#footer-content .footer-left {
	float: left;
	width: 65%;		
	padding: 0px 0px 10px 0px;
}
#footer-content .footer-right {
	float: right;
	width: 30%;	
	padding: 5px 0px 10px 0px
}
#footer-content .footer-right p {
	margin: 0; padding: 0;
}

/* alignment classes */
.float-left   { float: left; }
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center }

/* display and additional classes */
.clear {  clear: both;  height: 0; }
.displaynone {	display:none; }
.block {  display: block; }
.hide { display: none; }
.err { color: #f00; }	
.msg { color: #090; font-weight: bold; }	
.blue { color: #003366; }
.red { color: #CD1B28; }
.white { color: #fff; }
.resedge { color:  #729722; }
.grey { color: #ccc;}
.separator { margin-right: 5px; }
.entry {	clear:both;	}
.email-add { border:none; padding: 0; margin: 0; }


.imgLeft { float: left; margin: 5px; }

/* template list */
.news-list {
	list-style:none;
	margin:0px 0px 10px;
	padding:0px 0 0px 0px; 
}
.news-list .details {
	width: 100%;
}
.news-list .details p {
	margin: 0; padding: 0;
}
.news-list br{
	display:none;
}
.news-list p br{
	display:block;
}
.news-list li{
	margin: 12px 0px;
	background: url(../images/thumb-hr.gif) no-repeat center bottom;
}
.news-list h3{
	margin: 0px;
	padding: 5px 0 0 0;
	font: bold 15px "Trebuchet MS", Tahoma, Arial, Sans-serif;
	color: #CD1B28;
	text-transform: none;
}
.news-list img {
  border: 1px solid #E1E1E1;
  padding: 5px;
  background: #EEE;
}
.news-list img.buttons {
	padding: 0;
	border: none	
}
.news-list a img {
	text-decoration: none;
}
.news-list p.buttons {
	margin-top: 20px;
}
.news-list p.buttons a {		
	padding: 7px 10px 7px 25px;	
	font-weight: bold;	
	color: #333;		
	/* border: 1px solid #E1E1E1; */
}
.news-list .preview-button {
	background: url(../images/preview.gif) no-repeat left center;	
}
.news-list .download-button {
	background: url(../images/save.gif) no-repeat left center;	
}

/* link Blocks */
.link-block {
	float:left;
	width:250px;
	margin-right:15px;
}
.link-block2 {
	float:left;
	width:250px;
}	

/* Resource page */
ul.section-tab {
	width: 510px; 
	min-height: 30px;
	border: 1px solid #EBEBEB;
	list-style: none;
	margin: 0;
	padding: 0;
} 
ul.section-tab  li {
	margin: 0; padding: 0;
	background: none;
	float: left;
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	display: inline;
	line-height: 30px
}
ul.section-tab  li a {
	padding: 0 15px;
	display: block;
	color: #959595;
	border-right: 1px solid #EBEBEB;
}
ul.section-tab  li.selected a {
	padding: 0 15px;	
	background: #f3f3f3;
	color: #333;
}
ul.section-tab li a:hover {
	color: #CD1B28; text-decoration: underline;
}

#resource-list ul {
	margin:5px 0 10px 0;
	background: url(../images/bk_dotted.gif) repeat-x left top;
	font-size: 95%;
		
	/* added by erwin */ 
	list-style: none;
	padding: 0; margin: 0;
}
#resource-list ul li {
	/* color:#74898e; */
	background:url(../images/bk_dotted.gif) repeat-x left bottom;
}
#resource-list ul li a {
	display:block; 
	border:0;
	padding:0;
}
* html body #resource-list ul li a {
	height: 1%;
}
#resource-list ul li a:link, #resource-list ul li a:visited {
	color: #4E5F62;
	padding:3px 0 3px 0;	
}
#resource-list ul li a:hover {
	color:#e45a49;
	padding:3px 0 3px 0;	
	text-decoration: none;
}	

#resource-list ul.cat-nav {
	margin:10px 0;
	padding: 10px 0;
	background:none;
	width: 510px;
	height: 50px;
	border-top: 1px solid #EBEBEB;			
}	
#resource-list ul.cat-nav li {
	display:inline;
	float:left; 
	margin: 1px 0;		
	white-space:nowrap; 
	background: none;
	/* background:transparent url(../images/link_go.gif) no-repeat right center; */
}		
#resource-list  ul.cat-nav li a {
	display:inline;
	color: #244800;		
}		
#resource-list  ul.cat-nav li a:link, #resource-list  ul.cat-nav li a:visited {
	padding: 3px 22px 3px 5px;
	background:transparent url(../images/link_go.gif) no-repeat right center; 
}		
#resource-list  ul.cat-nav li a:hover  {
	color: #244800;	
	text-decoration: underline;
}

/* sitemap */
#sitemap ul {
	margin:5px 0 10px 0;
	background: url(../images/bk_dotted.gif) repeat-x left top;
	font-size: 95%;
	list-style: none;
	padding: 0; margin: 0 20px 0 0;
}
#sitemap ul li {
	background:url(../images/bk_dotted.gif) repeat-x left bottom;
}
#sitemap ul li a {
	display:block; 
	background:url(../images/check-bullet.gif) no-repeat 0em .5em; 
	border:0;
	padding:0;
}
* html body #sitemap ul li a {
	height: 1%;
}
#sitemap ul li a:link, #sitemap ul li a:visited {
	color: #4E5F62;
	padding:3px 0 3px 25px;	
}
#sitemap ul li a:hover {
	color:#e45a49;
	padding:3px 0 3px 25px;	
	text-decoration: none;
}

/* Table Data */
.pageNav {
	text-align: right;
	color: #acacac;
	font-size: 9px;
	font-weight: bold;
}
.pageNav a {
	padding: 3px;
}

#ITab {	padding: 0; border-collapse: separate; border-spacing: 0; color: #000; width: 100%;}
#ITab .heading { font-weight: bold; background: #DEF1F6; }
.shaded { background: #F9FCFF; padding: 20px; }
.shaded td { text-align: center }
.pad { padding: 20px; }
#ITab tr.form { font-weight: normal; background: #DEF1F6; }
#ITab tr.row1 { background: #fefefe;}
#ITab tr.row0 { background: #fff;}
#ITab tr.row1:hover, #ITab tr.row0:hover{ background: #fcfcfc; cursor: pointer; }
#ITab tr.row2:hover { background: #F2AAD3; cursor: pointer; }
#ITab tr.btn { background: #A6D9E6;}
#ITab a { display: inline; }
#ITab td { border-bottom: 1px dotted #DEF1F6; padding: 3px; vertical-align: top; font-size: 12px; top;}
#ITab td.featured { background: url(../images/bg_ft.png) no-repeat right; }
#ITab th { display: inline; }
#ITab td.link { text-align: center; }
#ITab td.money { text-align: right; padding-right: 5px; }
#ITab td.hint { font-size: 70%; color: #666; background: transparent url(../images/hint_arrow.gif) left top no-repeat; padding-top: 10px}

#msg {display:none; position:absolute; z-index:200; background:url(../images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}