﻿	
a{ outline:transparent none 0px;}
body {
background:none repeat scroll 0 0 #000; /*#121212*/;
color:#343434;
font:0.8em "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
margin:0;
padding:0;
}
#wrapper {

border:14px solid #2E2E2E; border-bottom:7px solid #2E2E2E; 
margin:30px auto;
padding:55px 25px 25px;
position:relative;
width:703px;
background-color:#000;
}

#maincontent-wrap {
    left: 0;
    margin: 0;
    max-height: 714px !important;
    position: absolute;
    top: -27px;
    width: 100%;
    z-index: 50;
}

#banner{ width:753px; height:127px; background:url("imgs/header.jpg") no-repeat scroll 0 0 #0D0D0D; position:relative; top:-54px; left:-25px; margin-top:-16px;}
.headlink{border:0px none transparent; height:120px !important; width:750px; position:relative; }

h1 {
margin:-49px;
padding:0.3em 0;
text-align:center;
text-indent:-99999px;
text-transform:uppercase;
}
#nav {
background:url("imgs/nav_bar.jpg") repeat-x scroll 0 0 #2E2E2E;
display:block;
font-size:0.9em;
height:33px;
list-style:none outside none;
 margin-top:-25px;
 margin-bottom:20px;
 margin-left:0px;
 margin-right:0px;
overflow:hidden;
padding:0;
text-transform:capitalize; 
}
#nav li {
display:inline;
}
#nav li a {
color:white;
display:block;
float:left;
padding:10px  18px;
text-decoration:none; outline:transparent none 0px;
}
#nav li a:hover {
background:url("imgs/nav_bar_o.jpg") repeat-x scroll 0 0 #1B1B1B;
}
#nav li a.selected{
background:url("imgs/nav_bar_o.jpg") repeat-x scroll 0 0 #1B1B1B;
}
#load {
background:url("imgs/gearsloader2.gif") no-repeat scroll 0 0 transparent;
display:none;
height:82px;
position:absolute;
right:15px;
text-indent:-9999em;
top:169px; z-index:50;
width:50px;
}
#content 
{
 position:relative; 
    


}
#contentwrap{min-height:87px; position:relative;
              }

#dynamicContent{ position:relative; z-index:100; }
h2 {
color:#568945;
font-family:Helvetica,Arial,Sans-serif;
margin:0;
padding:0.5em 0;
width:257px !important;
overflow:hidden; white-space:nowrap; 
}
p {
color:#686868;
line-height:1.4em;
margin:0;
padding:0.4em 0;
}
#content img.right {
float:right;
margin:0 0 8px 8px;
}

#csllcs 
{
    margin:auto; top:-61px;
    text-align:center; position:relative; z-index:1007; color:#E5CEAC; width:100px; height:24px; clear:both;
}
#csllcs span{cursor:pointer;}
#csllcs a:link    { color:#E5CEAC;  text-decoration:none;  cursor:pointer;}
 #csllcs a:visited { color:#E5CEAC; text-decoration:none; }
 #csllcs a:hover   { color:#E5CEAC; text-decoration:underline; }
 #csllcs a:active  { color:#E5CEAC; text-decoration:none;}
 

#foot {
border-top:1px solid #222222;
color:#666666;
margin:30px 0 7px;
padding:15px;
text-align:center; position:relative; top:-16px;
}

.test{ border:1px solid red;}
.reset{ clear:both; height:1px; width:100%;}
.bld{ font-weight:bold;}
.bldOrg{ font-weight:bold; color:#FF9900;}
.sml{ font-size:smaller;}
.gray{ color:#666666;}
.org{color:Orange;}
.right{ float:right;}
.tempWhiteBg{ background-color:#ffffff;}

#index1,#index2,#index3 { color:#CCCCCC; list-style:disc outside url("imgs/check.png"); width:228px; margin-left:2px; margin-right:2px; float:left;}




img  {border:0px none  transparent }
#objective{ font-size:small; color:#E0E0E0; font-style:italic; float:right; width:177px; margin:9px; text-align:left; }

/*
#mvc{ z-index:5; height:30px;}
#mvc a:link    { color:#999999;  text-decoration:none; }
 #mvc a:visited { color:#999999; text-decoration:none; }
 #mvc a:hover   { color:#568945; text-decoration:underline; }
 #mvc a:active  { color:#999999; text-decoration:none;}
 */

#foot a:link    { color:#568945;  text-decoration:none; }
 #foot a:visited { color:#568945; text-decoration:none; }
 #foot a:hover   { color:#FF9900; text-decoration:underline; }
 #foot a:active  { color:#568945; text-decoration:none;}
 
#relatedSites{ margin:auto; text-align:center; position:relative; top:14px;  z-index:1005; width:777px; }
#relatedSites ul{ padding:0;}
#relatedSites ul li{ padding-left:7px; padding-right:7px; display:inline;}
#relatedSites a:link    { color:#686868;  text-decoration:none; }
#relatedSites a:visited { color:#686868; text-decoration:none; }
#relatedSites a:hover   { color:#FF9900;  text-decoration:underline; }
#relatedSites a:active  { color:#686868; text-decoration:none;}

#contentwrap a:link    { color:#568945;  text-decoration:none; }
#contentwrap a:visited { color:#568945; text-decoration:none; }
#contentwrap a:hover   { color:#FF9900; text-decoration:underline; }
#contentwrap a:active  { color:#568945; text-decoration:none;}

#mvc{ margin:auto; text-align:center; height:30px; position:relative; top:-1px; z-index:1005; }
#mvc ul{ padding:0;}
#mvc ul li{ padding-left:7px; padding-right:7px; display:inline;}
#mvc a:link    { color:#FFCC33;  text-decoration:none; }
 #mvc a:visited { color:#FFCC33; text-decoration:none; }
 #mvc a:hover   { color:#FF9900; text-decoration:underline; }
 #mvc a:active  { color:#FFCC33; text-decoration:none;}
 
li{color:#686868;
line-height:1.4em;
margin:0;
padding:0.4em 0;}

.split{ background:transparent url(imgs/split.gif) repeat-x 0 0}

.custBg{ background:transparent url(imgs/custItembg.png) repeat-x 0 0; color:#CCCCCC; padding:5px; text-align:left;}



/* contact modal start ================================*/    
   /* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:100;
	} 
#contactModalWrap {
	position:absolute;
	left:173px;
	z-index:1000;
	top:44px;
	}
	
/* Hides the whole signin form until needed */	
#contactModal {
	height:385px;width:408px;
	background:transparent url(imgs/contactBgBubble.png) no-repeat top left;
	padding:7px; 
	color:#000; text-align:left;
	display:none;
	}   

	
/* Hides the confirmation message until needed */	
#contactFeedBack {display:none;}
	 

#contactModal .send {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	height:37px; width:105px; 
	cursor:pointer; text-align:center;
	float:right;  position:relative; top:-31px; right:-7px;
	}
	
#contactModal .submit:active {background:#cacaca; } 	
 #contactModal .email-missing, #contactModal .message-missing, #contactModal .name-missing, #contactModal .subject-missing{ color:#FF9900; font-size:9px; display:none;}  
 
 
 #contactClose{height:27px; width:25px; position:absolute; top:-1px; left:381px; background:transparent url(imgs/x.png) no-repeat top right; cursor:pointer;}
 
/*================contact form end================*/



/*======================sign in start=====================*/

#signInModalWrap {
	position:absolute;
	left:205px;
	z-index:1001;
	top:35px;
	}
	
/* Hides the whole signin form until needed */	
#signInModal {
	height:338px;width:337px;
	background:transparent url(imgs/signinbg.png) no-repeat top left;
	padding:7px; 
	color:#000; text-align:left;
	display:none;
	}   

	
/* Hides the confirmation message until needed */	
#signInFeedBack {display:none;}
	 

#signInModal .authenticate {
	border:1px solid #aba8a8; 
	background:#666666; 
	text-transform:uppercase; 
	color:#fff; 
	font-weight:bold; 
	height:25px; width:77px; 
	cursor:pointer; text-align:center; display:none;
	float:right; 
	}

#signInModal .submit:active {background:#cacaca; } 	
 #signInModal .email-missing, #contactModal .message-missing, #contactModal .name-missing, #contactModal .subject-missing{ color:#FF9900; font-size:9px; display:none;}  
 
 
 #signInClose{height:27px; width:25px; position:absolute; top:64px; left:310px; background:transparent url(imgs/siclose.png) no-repeat top right; cursor:pointer;}
 
 
 
 #signInForm{ margin-top:70px; margin-bottom:40px; margin-left:30px; margin-right:30px;}
/*================sigin end======================*/
.textBox { border:0px none transparent; height:25px; width:274px; padding:3px;
	background:transparent url(imgs/textboxshadow.gif) no-repeat top left;  font-family:Comic Sans MS; color:#000;
	}
	
	.textBoxR { border:0px none transparent; height:25px; width:274px; padding:3px;
	background:transparent url(imgs/textboxshadow0.gif) no-repeat top left;  font-family:Comic Sans MS; color:#000;
	}
	
	.textBoxBubble{background:transparent url("imgs/tbbubble.gif") no-repeat top left; border:0px none transparent; font-family:Comic Sans MS; font-size:97%; color:#000;
height:89px; margin:2px; padding:6px; overflow:hidden;
width:330px;}
	
.button{outline:none; padding:3px; padding-left:6px; padding-right:6px; margin:3px; font-weight:bold;  border:1px solid #CC6600; border-top:1px solid #CC9900; background:transparent url(imgs/buttonbg.jpg) repeat-x 0 0; color:#000033; cursor:pointer;}

.err{ color:red; display:none;}
.blk{ color:#000;}
.normal{ font-style:normal;}



.referencelist{ width:580px; margin-left:52px; list-style:none;}
.vcard{ width:130px; margin-right:15px;}
.single_comment	{
		padding:10px;
color:#000;
		padding-bottom:12px;
		}
.comment-author	{
		position: absolute;
		left: -151px;
		text-align:right;
		width: 120px;
		margin-left:10px;
		color: #484848;
		font-size: 10px;
		font-weight:normal;
		line-height: 13px;
		}

.comment_wrap	{
		position:relative; 
		overflow:visible;
		height:100%;	
		background:#FFF url(imgs/bg_reference.png) bottom left repeat-x;
		border: 1px solid #ccc;
		width:598px; margin-left:20px; margin-right:20px;
		}

ol.commentlist {
	margin:0 0 20px 0;
	padding:20px 0;
	background:#f2f2f2;
	}			
			
ol.commentlist li {
	margin: 0px;
	padding:5px 10px 0px 10px;
	padding-left:130px;
	list-style:none;
	}








.comment-arrow {
	position:absolute;
	left:-17px;
	top:20px;
}


.alt {
	margin: 0;
	padding:0px;
	}




	
.commentlist code {
	background:#e6e6e6;
	padding:3px;
	}

.commentlist .moderation {	
	margin-top: 10px;
	color: #dd0000;	
	}

.comment-author a {
	text-decoration:none;
	}

.avatar {
	border:1px solid #ddd;
	}

.commentlist .children {
	margin-top:5px;	
	}





#commentform input[type=image]{
	width:auto !important;
	background:none;
 }



cite.fn {
	clear:both;
	padding-top:5px;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	}

.comment-meta {
	margin-top:2px;
	color:#aaa;
	}

#commentform label { width:25%; float:left;}


#crown{background: transparent url(imgs/proverbs3.png) no-repeat top center; height:15px; width:776px; position:relative; top:-70px; left:-36px; margin-top:-1px;}

#btm{  background: transparent url(imgs/btm.jpg) no-repeat top center; height:56px; width:781px; position:relative; top:158px; left:-39px; z-index:999; margin-top:-121px;}
#btm-waves{ background: transparent url(imgs/btmWaves.png) no-repeat top center; height:237px; width:1105px; position:relative; top:111px; left:-192px; z-index:1000; margin-top:-121px;}

#ship{background:transparent url('imgs/ship.png') no-repeat top left; height:166px; width:100%; position: absolute; top:580px;	left: 0; z-index: 1; }

