body {background:#fff url(images/bg.jpg) repeat-x; text-align:center;/* IE hack to center page contents */
	margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;}

h1, h2, h3, h4 {padding:0; margin:0;}
h2 {font:bold 22px Georgia,"Times New Roman",serif; color:#636; padding:10px 0 5px 0;} /* page titles */
h4 {font:bold 18px Georgia,"Times New Roman",serif; color:#DA3799;  padding:10px 0 5px 12px;} /* content area sub-headers */
p {margin:0; padding:6px 0 6px 0; font-size:80%; line-height:150%;}
p.error {padding:0 0 20px 20px !important; background:url(admin/icons/warning.gif) 0 2px no-repeat; color:#de0000;}
p.thanks {color:#9E3E42 !important; padding-bottom:20px;}
ul, ol {font-size:80%; margin:0 0 0 35px; padding:6px 0 6px 0;}
li {line-height:150%; padding-bottom:5px;}

hr {color:#fff; background-color:#fff; height:1px;}

div.hrule {height:21px; width:550px; background:url(images/hr.gif) no-repeat; margin:6px auto;}

form {margin:0;}
img {border:0;}
.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}


/* ---- links ----------------------------------------- */
a {color:#00abfd; text-decoration:underline;}  
a:visited {}
a:hover {color:#f60; text-decoration:none;}
a:active {color:#00abfd;}


/* ---- forms ----------------------------------------- */
form {margin:0;}
input, textarea, select, option {border:0; padding:4px; background:#eee; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}


/* ---- ids & classes ----------------------------------------- */ 
#frame {width:100%; margin:0 auto; padding:15px 0 0 0; text-align:left; position:relative; background:url(images/bg_frame.gif) center 35px no-repeat;}


	 
#header {width:740px; margin:0 auto; z-index:1000;}
	#logo {margin-left:2px; width:497px; height:40px; background:url(images/logo.gif) no-repeat; text-indent:-4000px;}
		#logo a {display:block; width:497px; height:40px;}

#metanav {width:730px; margin:10px auto 12px;}
	/*#metanav ul {margin:0; padding:0; list-style:none;}*/
	#metanav ul {padding:0; margin:0; color:#fff; width:100%; font-size:11px;}
	#metanav li {display:block; float:left; padding:0;}
	#metanav a {padding:0 4px; margin:0 20px 0 0; text-align:center; background:#6eceff; color:#fff; text-decoration:none; float:left; border:1px solid #fff; line-height:20px;}
	#metanav a.on {background:#fc9908;}
	#metanav a:hover {background:#fc9908; color:#fff;}
	#metanav a.fc:hover {background:#DA3799;}
	#metanav a.pd:hover {background:#636;}
	#metanav a.s:hover {background:#66c;}

#content {width:740px; padding:20px 10px 10px 10px; background-color:#fff; margin:0 auto; min-height:450px; _height:450px; position:relative;}
	p#loader {position:absolute; top:120px; left:150px; padding:0; font-size:65%; color:#999;}
	/* html #content {_height:450px;} */
	#content h2 {padding-left:10px; padding-right:10px;}
	#content p {padding-left:12px; padding-right:12px;}
	#scroller {width:740px; height:221px; background:transparent; margin:0 0 10px; position:relative; border-right:1px solid #666; border-left:1px solid #666; z-index:100;}
		#scroller p {position:absolute; bottom:-10; right:0; padding:0; text-align:right; font-size:65%; color:#666; z-index:100;}
	#navmenu {width:720px; margin:0 auto 10px; background:url(images/bg_nav.gif) repeat-y; font-size:85%; color:#fff; position:relative;}
		#fccover {position:absolute; bottom:1px; left:156px; width:85px; height:115px; background:url(images/fccover.png) no-repeat;}
		#pdcover {position:absolute; bottom:1px; left:396px; width:85px; height:115px; background:url(images/pdcover.png) no-repeat;}
		#pdcover, #fccover {behavior:url(scripts/iepngfix.htc);}
		#navmenuicons {width:720px; background:url(images/bg_navicons.gif) 0 100% no-repeat;}
	#navmenu h3 {font:bold 18px Georgia,"Times New Roman",serif; color:#fff; padding:0 0 7px 5px;}
		h3.small {font-size:15px !important;}
	#navmenu ul {margin:0; padding:0 0 0 5px; list-style:none;}
	#navmenu li {line-height:100%;}
	#navmenu a {color:#fff; text-decoration:none; padding-left:14px;}
	#navmenu a:hover {color:yellow;}
	#navmenu a.on {color:yellow; padding-left:14px; background:url(images/mini-flwr.gif) 0 2px no-repeat;}
		.box {width:220px; height:100% !important; padding:10px; float:left;}
		.lastbox {}
		.fadeout {height:100%; /*filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;*/}
		.fadeout h3, .fadeout a {/*color:#F7D7EC !important;*/}
		.fadeout a:hover {color:yellow !important;}
	#imagecol {width:212px; padding:0 12px; margin:15px 5px 20px 20px; float:right; background:#EAF8FF; white-space:pre-wrap;}
		#imagecol img {display:block; margin:12px 0 0 0;}
		#imagecol p {font-size:70%; line-height:110%; color:#666; padding:5px 0 10px 0;}
	/* videos */
	div.videos {margin:0 auto; padding:0 0 20px 0; text-align:center;}
	div.videos object {margin:0 auto 10px;}
	div.videos p {margin:0; padding:0 0 3px 0; text-align:left;}
	/* now & then table */
	table#nat {background:#EAF8FF; margin:8px auto;}
		table#nat td {vertical-align:top; padding:5px 10px 10px 10px;}
		table#nat p {padding:0;}
		table#nat img {display:block;}

/* footer styles ---- */
#footer {width:740px; margin:0 auto; color:#00abfd; padding:10px;}
	#footer p {font-size:9px; padding:0;}
	#footer a {color:#00abfd; text-decoration:underline !important;}
	#footer a:hover {text-decoration:none !important;}
	p#props {color:#7dd5ff; padding-top:10px;}
	p#props a {color:#7dd5ff;}
	 
	 
	 /* login table */
		table#loginTable {margin:0px 0 0 100px; width:400px;}
			table#loginTable td {vertical-align:top; padding:4px; font-size:80%;}
			table#loginTable td.right {text-align:right;}
			
			
/* ---- "Forgot Password" popup ----------------------------------------- */
#popupFrame {padding:20px; text-align:left; color:#4C412B;}
	#popupFrame h2 {font-size:130%; font-weight:normal; padding-bottom:4px;}
	#popupFrame p {font-size:70%;}
	#popupFrame a {text-decoration:underline;}
	table#tafTable {margin:10px 0;}
	table#tafTable td {vertical-align:top; padding:4px; font-size:70%;}
	#popupFrame form {margin:0;}
	#popupFrame input, #popupFrame textarea {font:normal 100% verdana,sans-serif; color:#666; margin:0 0 10px 0; width:240px;}
	#popupFrame textarea {height:80px;}
	#popupFrame input.button {width:60px;}	
			
			
/* ---- admin panel styles -------------------- */
#adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0; top:0; 
	border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:170px; z-index:100;}
	#adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;}
	#adminmenu table td {padding:3px;}
	#adminmenu img {margin-left:6px;}
	#adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;}
	#adminmenu a:hover {color:red;}
	
/* ---- debug panel styles -------------------- */
div#debug {width:200px; text-align:left; background:#efefef; border:1px solid #ccc; padding:4px 10px; margin:10px; color:#666;}
	div#debug p { font-size:11px;}