@charset "utf-8";
/* CSS Document */
html {height: 100%;}
body {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 11px;
}
.hdr_bgr {
	background-image: url(images/hdr_bgr.png);
	background-repeat: repeat-x;
	height: 270px;
	margin: -15px -5px 0px -5px;
	background-position: top;
}
.top_nav {
	height: 22px;
	width: 100%;
	vertical-align: baseline;
}
.main_bdr {
	border: 1px solid #666666;
}
.hdr_img {
	height: 130px;
}
.logo {
	padding: 5px 10px 0px 10px;
}
.slideimage_bump {
	padding: 0px 0px 0px 2px;
}
/*page*/    
.skinwrapper{border:10px #333 solid;background:#FFF;padding:1px;}   
.skinheader{padding:10px;background:#EEE;}   
.skinmenu{background:#C00;}   
.skinuser{padding:5px;background:#CCC;text-align:right;}   
.skincontentstable{}   
.leftpane{background:#EEE;width:200px;}   
.contentpane{background:#FFF;}   
.rightpane{background:#EEE;width:200px;}   
.skinfooter{padding:5px;background:#CCC;text-align:center;font-size:10px;}  
.skinobject {
	font-weight: normal;
	color: #666666;
} 

/*panes  
.leftpane{width:200px;padding:10px 10px 0 10px;}   
.contentpane{width:100%;padding:10px 10px 0 10px;}   
.rightpane{width:200px;padding:10px 10px 0 10px;}   
*/ 
/*text*/   
.normal,div,span,p,td,th,li,a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#202020;
}   
.head,.subhead{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFB300;
	text-decoration: none;
	font-variant: normal;
	text-transform: capitalize;
}   
 
  
/*links & buttons*/   
a:link{color:#C00;text-decoration:underline;}   
a:visited{color:#C00;text-decoration:underline;}   
a:hover{color:#C00;text-decoration:none;}   
a:active{color:#C00;text-decoration:none;}   
  
.StandardButton{background:#CCC;border:1px #CCC outset;padding:5px;}   
  
a.CommandButton{font-size:14px;font-weight:bold;}   
.controlpanel a.CommandButton{font-size:10px;}   
a.CommandButton:link{color:#C00;text-decoration:none;}   
a.CommandButton:visited{color:#C00;text-decoration:none;}   
a.CommandButton:hover{color:#C00;text-decoration:underline;}   
a.CommandButton:active{color:#C00;text-decoration:underline;}   
  
a.skinuser:link{color:#C00;text-decoration:none;}   
a.skinuser:visited{color:#000;text-decoration:none;}   
a.skinuser:hover{color:#C00;text-decoration:underline;}   
a.skinuser:active{color:#C00;text-decoration:underline;}
.login {
	font-weight: normal;
	padding: 0px 10px 0px 0px;
}
.login a:link{
	color:#666666;
	text-decoration:none;
}   
.login a:visited{
	color:#666666;
	text-decoration:none;
}   
.login a:hover{
	color:#CCCCCC;
	text-decoration:underline;
}   
.login a:active{
	color:#666666;
	text-decoration:underline;
}   

.ccommon{margin: 0 0 20px 0;}    
.ccommon .ccontent{padding:10px 0 0 0;}    
.ccommon p{margin:0;}    
.ccommon .actionbuttons{text-align:right;font-size:10px;line-height:10px;height:15px;padding-right:20px;}    
.actionbuttons img{margin:0 0 10px 0;}
.header_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFB300;
	text-decoration: none;
}
/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
	background-color: #FFFFFF;
	margin: 0px;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 11px;
	background-image: url(images/page_bgr.png);
	background-repeat: repeat-x;
	background-position: left top;
}
/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}
.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding: 6px 4px 0 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding: 6px 4px 0 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding: 6px 4px 0 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding: 6px 4px 0 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding: 6px 4px 0 6px;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.page_div {
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #333333;
	height: 100%;
	width: 1px;
}
.footer {
	font-weight: normal;
	color: #FFFFFF;
	padding: 2px 10px 0px 0px;
}
/*MAIN MENU*/
.skinmenu{background:transparent;}
.MainMenu_MenuContainer{background:transparent;}
.MainMenu_MenuContainer td{cursor:default;font-size:3px;}
.MainMenu_MenuIcon{display:none;}
.MainMenu_RootMenuArrow{display:none;}
.MainMenu_MenuItem{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-transform: lowercase;
	height: 20px;
}
.submenuitembreadcrumb{
	color:#FF9900;
	font-size:12px;
	font-weight:bold;
	text-transform: lowercase;
	height: 20px;
	background-color: #FFFFFF;
	padding:0px 0px 0px 0px;
}
.submenuitemselected{
	color:#FF9900;
	font-size:12px;
	font-weight:bold;
	text-transform: lowercase;
	height: 20px;
	background-color: #FFFFFF;
	padding:0px 0px 0px 0px;
}
.MainMenu_MenuArrow{
display:none;
}
.submenu{
	z-index:1000;
	border:1;
	padding:0px 0px 0px 0px;
	background-color: #666666;
}
.rootmenuitem{background:transparent;}
.rootmenuitem td{
	padding:0 5px 0 5px;
	height:20px;
	cursor:pointer;
	cursor:hand;
	background-image: url(images/main_bdr.png);
	background-repeat: repeat-y;
	background-position: right;
}
.rootmenuitem td span{
	color:#666666;
	font-size:12px;
	font-weight:bold;
	text-transform: lowercase;
}
.rootmenuitembreadcrumb{background:transparent;}
.rootmenuitembreadcrumb td{
	padding:0 5px 0 5px;
	height:20px;
	cursor:pointer;
	cursor:hand;
	background-image: url(images/main_bdr.png);
	background-repeat: repeat-y;
	background-position: right;
}
.rootmenuitembreadcrumb td span{
	color:#FF9900;
	font-size:12px;
	font-weight:bold;
}
.rootmenuitemselected{background:transparent;}
.rootmenuitemselected td{
	padding:0 5px 0 5px;
	height:20px;
	cursor:pointer;
	cursor:hand;
	background-image: url(images/main_bdr.png);
	background-repeat: repeat-y;
	background-position: right;
}
.rootmenuitemselected td span{
	color:#FF9900;
	font-size:12px;
	font-weight:bold;
	text-transform: lowercase;
}
.MainMenu_MenuBreak{display:none;}

/************ END MENU STUFF **********************/

.white_table {
	background-image: url(images/main_bgr.png);
	background-repeat: repeat-y;
}

/**************************************************************

	Image Menu
	v 2.2

**************************************************************/


#imageMenu {
	position: relative;
	width: 800px;
	height: 200px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;
	padding: 0px;
}
#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:134px;
	height: 200px;
}

#imageMenu ul li.landscapes a {
	background: url(images/landscapes.jpg) repeat scroll 0%;
}

#imageMenu ul li.people a {
	background: url(images/people.jpg) repeat scroll 0%;
}

#imageMenu ul li.nature a {
	background: url(images/nature.jpg) repeat scroll 0%;
}

#imageMenu ul li.urban a {
	background: url(images/urban.jpg) repeat scroll 0%;
}

#imageMenu ul li.abstract a {
	background: url(images/abstract.jpg) repeat scroll 0%;
}

#imageMenu ul li.zoo a {
	background: url(images/zoos.jpg) repeat scroll 0%;
}

.clear {
	clear: both;
}

/*************************************************************/
.base_bgr {
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(images/base_bgr.png);
	height: 18px;
	padding-top: -4px;
}
.yellow_line {
	background-image: url(images/yellow_dot.jpg);
	background-repeat: repeat-x;
	height: 80px;
	width: 10%;
	margin: 4px 0px 0px 0px
}
.doubleyellow_line {
	background-image: url(images/doubleyellow_dot.jpg);
	background-repeat: repeat-x;
	height: 168px;
	width: 10%;
	margin: 4px 0px 0px 0px
}
/************************************************************
LIGHT BOX STUFF
*/

#overlay{ background-image:  url(http://www.centaman.net/portals/0/lightBox/overlay.png); }

* html #overlay{
background-color: #000;
background-color: transparent;
background-image: url(http://www.centaman.net/portals/0/lightBox/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.centaman.net/portals/0/lightBox/overlay.png", sizingMethod="scale");
}

#lightbox{
	background-color:#FFFFFF;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

/****************** END LIGHTBOX **************************/

.main_borders {
	background-image: url(images/main_bdr.png);
	background-repeat: repeat-y;
	background-position: right center;
	height: 100%;
	width: 100%;
}
.main_padding {
	padding-right: 10px;
	padding-left: 0px;
}
.content_borders {
	background-image: url(images/main_bdr.png);
	background-repeat: repeat-y;
	background-position: left center;
	height: 100%;
	width: 100%;
}
.content_padding {
	padding-right: 0px;
	padding-left: 10px;
}