/*=========================================================================
   Global Settings
 *=========================================================================*/



/* reset browser defaults */
* {
    margin: 20px;
    padding: 20px;
}






body {
    position: relative;
    margin: 10px;
    padding: 0px;
    padding-bottom: 25px;
    text-align: left;
    background-color: #ffffff;
    background-image: url(http://whoishank.com/images/back.jpg);
    color: white;
}

img {
    border: 0px;
}


#contentArea {
    position: relative;
    top: 0px;
	bottom: 30px;
    width: 960px;
    margin: 20px auto;
    border: 0px solid black;
    background-color: #ffffff;
    overflow: visible;
}


#contentArea1 {
    position: relative;
    top: 10px;
    width: 960px;
    margin: 0px auto 0px auto;
    border: 5px solid black;
    background-color: #a0a0a0;
    overflow: visible;
}

#contentPane {
    position: relative;
    width: 950px;
    height: auto;
    top: 10px;
    left: 10px;
    margin: 0;
    margin-bottom: 11px;
    
}



/*=========================================================================
   Container Table - used to create a smooth shadow around main content area
 *=========================================================================*/
 
table.containerTable {
    width: 950px;
    padding: 0px;
    margin: 0px;
    height: 2000px;
    border-top: 1px solid #ffffff;       
} 

table.containerTable tr {
    vertical-align: top;
}

table.containerTable > td {
    padding: 0px;
}

td.contentTopLeft {
    width: 100%;
    background-color: white;
}

td.contentTopLeft img.curl
{
  position:absolute;
  top:0px;
}

td.contentTopRightShadow {
    width: 10px;
    margin-top: 0px;
    margin-bottom: 8px;
    background-image: url();
    background-repeat: repeat-y;
}

td.contentBottomLeftShadow {
    height: 8px;
    background-image: url();
    background-repeat: repeat-x;
}

td.contentBottomRightShadow {
    height: 8px;
    background-image: url();
    background-repeat: no-repeat;
}


/*=========================================================================
   Main Content Area
 *=========================================================================*/

#contentMainArea {
    position: relative;
    top: 0px;
    left: 0px;
    border: 0px solid black;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 300px;
    min-height: 300px;
    width: 430px;
    height: 2000px;
    vertical-align: top;
}

#contentDivider {
	width: 280px;
	position: relative;
}

#alert {
	
   position:fixed;
   _position:absolute;
   top:0;
   _top:expression(eval(document.body.scrollTop));
   left:0;
   margin:0;
   padding:0;


   width:100%;

   text-align:center;
}

.noticeMessage, .errorMessage {
	
  font-size: 12px;
  line-height: 15px;
  position: absolute;
  width: 410px;
  z-index: 50000 !important;
  top: 0px;
  right: 100px;
  margin-left: 0px;
  margin-right: 0px;

  padding-top: 5px;
  padding-bottom: 5px;

  padding-left: 10px;
  padding-right: 10px;
	
}


.slickerror
{
}

.slickerror p
{
  color:#fff;
  background:#cc0000;
  padding:10px;
  padding-bottom:10px !important;
}

.slickerror a
{
  color:#fff;
  text-decoration:underline;
}

.slickerror a:hover
{
  color:#00adef;
}



/*=========================================================================
   Main Content Area
 *=========================================================================*/

#headerArea {
    position: relative;
    height:90px;
	
    z-index: 1000;
    border-bottom: 0px solid #a0a0a0;
	
}



.ie #headerArea {
	height: 90px;
}

* html #headerArea {
    border-bottom-style: solid;
}    

#infoArea {
    position: relative;
    height: 150px;
    background-color: #f9f4e4;
    padding: 10px;
    z-index: 0;
}

#infoBar {
    position: relative;
    height: 30px;
    background-color: #a29c83;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 0;
}    


#logo {
    position: absolute;
    right: 275px;
    top: 10px;
}



/*===================================================================================================
 * BOTTOM STRIPES AND THE FOOTER MENU
 *===================================================================================================*/

#bottomPane {
    position: relative;
   
    left: 0px;
    top: 0px;
    height: 20px;
    width: 960px;
border-top: 2px solid #a0a0a0;
color: #a0a0a0;
text-align:center;
font-color: #a0a0a0;

	
}

#bottomPaneNavigation {
    width: 100%;
}

#bottomPaneNavigation * {
    color: #f9f4e4 !important;
}

#bottomPaneCopyright {
    float: right;
    margin-top: 6px;
    margin-left: 10px;
    padding: 3px;
    padding-right: 10px;
}

#bottomPaneMenu {
	margin-top: 6px;
    margin-right: 10px;
    float: center;
    padding: 3px;
	color: #aoaoao;
}




.tooltipDialog h3 {
	width: 350px;
}



/*===================================================================================================
 * Global Styles
 *===================================================================================================*/
body, option, optgroup {
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #535154;
	
}


.rightfloat1 { float: right; margin-right: 50px; text-align: right; width: 375px;font-size: 13px; line-height: 19px; font:Arial, Helvetica, sans-serif;}

.rightfloat { float: right; margin-right: 20px; text-align: right; margin-top:75px;}
.rightfloat a{ font-size:16px; color:#a0a0a0; text-decoration:none;} 
.rightfloat a:hover{ font-size:16px; color:#a0a0a0; text-decoration: none; color: #00adef;} 


.leftfloat  { float: left; margin-left: 40px; text-align: left; width: 350px;font-size: 13px; line-height: 19px; font:Arial, Helvetica, sans-serif;}


.leftfloat1 { float: left; margin-left: 100px; text-align: left; width: 350px;font-size: 13px; line-height: 23px; font:Arial, Helvetica, sans-serif;}


.leftfloat2 { float: left; margin-left: 50px; text-align: left; width: 300px;font-size: 13px; line-height: 23px; font:Arial, Helvetica, sans-serif;}


.leftfloat3 { float: left; margin-left: 50px; text-align: left; width: 250px;font-size: 13px; line-height: 23px; font:Arial, Helvetica, sans-serif;}



.leftfloat4  { float: left; margin-left: 40px; margin-right: 40px; text-align: left; width: 375px;font-size: 13px; line-height: 19px; font:Arial, Helvetica, sans-serif;}

.leftfloat5  { float: left; margin-left: 40px; margin-right: 40px; text-align: left; width: 375px;font-size: 13px; line-height: 19px; font:Arial, Helvetica, sans-serif;}


.leftfloat6  { float: left; margin-left: 40px; margin-right: 40px; text-align: left; width: 850px;font-size: 13px; line-height: 19px; font:Arial, Helvetica, sans-serif;}


a:link {color: #a0a0a0; text-decoration: none;}
a:visited {color: #a0a0a0}
a:hover {color: #00adef}

p   		{font-size: 13px; line-height: 19px; padding-left: 50px; padding-right: 20px; font:Arial, Helvetica, sans-serif; color: #a0a0a0;}
p a  		{font-size: 13px; font:Arial, Helvetica, sans-serif; color: #a0a0a0; text-decoration:none;}
p a  hover	{font-size: 13px;font:Arial, Helvetica, sans-serif; color: #00adef; text-decoration:underline;}


h1 {
	font-weight: normal;
	width: 350px;
	overflow:hidden;
	color: #00adef;
	font-size: 30px;
	line-height: 34px;
	height: 35px;
	margin-top: 20px;
	margin-left: -10px;
	
	
}

h1 img {width: 940px; height: 350px;}

p img {padding-left: 25px; padding-right: 25px; height: 100px; width: 150px; padding-top: 5px; float: left;}

#headerArea h1 {
	position: absolute;
	left: 20px;
	top: 10px;

}

h2 {
	font-weight: normal;
	width: 400px;
	overflow:hidden;
	color: #00adef;
	font-size: 30px;
	line-height: 34px;
	height: 35px;
	margin-top: 20px;
	margin-right: 30px;
	
	
}


/*===================================================================================================
 * Bottom Pane of the Main Template
 *===================================================================================================*/
#bottomPaneCopyright {
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 11px;
	color: #993300;
}

#bottomPaneMenu {
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 11px;
	color: #993300;
}

#bottomPaneMenu a {
	color: #9f3702;
	font-weight: normal;
}

#login,#welcomeUser {
	font-size: 11px;
	color: #a29c83;
}

#bottomPaneSiteLinks a {
	color: #536b3c;
}

#bottomPaneSiteLinks div {
	padding: 10px;
	padding-top: 8px;
}

#bottomPaneSiteLinks table tr {
	vertical-align: top;
}

#bottomPaneSiteLinks table td {
	font-size: 12px;
	line-height: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
}


/*=======================================================================
  Generic Table
  ========================================================================*/
table.genericTable {
	margin-left: -5px;
	width: 100%;
	margin-bottom: 35px;
}

table.genericTable th {
	color: #A0A0A0;
	text-align: left;
	padding-left: 5px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 20px;
}

table.genericTable td {
	text-align: left;
	padding-left: 5px;
	line-height: 22px;
}

table.genericTable tr#last td {
	border-bottom: 1px solid #CCCCCC;
}

table.genericTable tr.odd td {
	background: #eff9ff;
}




=======  OLD NUMBER 2 CSS       =====================================================================================================

/* allow for PNG transparency in IE */
img, div { behavior: url(http://garrettassociates.biz/chevy/javascripts/iepngfix.htc) } /* IE hack for PNG transparency*/


/* overrides */
#contentMainArea{ padding:0 0 0 0; min-height: auto; width:940px; height: 2000px;}
#headerArea{ margin-bottom: -20px;}
.slickshadow.darkshadow{border-color:#535143; border-top-color:#a29c83; border-left-color:#a29c83;}

/* canvas area */
#homewrap #canvas {position:relative; height: 2000px; overflow:hidden;  border-bottom: 3px solid #a0a0a0;  border-left: 1px solid #a0a0a0;  border-right: 3px solid #a0a0a0;  border-top: 1px solid #a0a0a0;}



#homewrap #canvas-images{ padding-left: 15px; padding-right: 25px;}
#homewrap #canvas #slide-images{ width:940px; height:2000px;}
#homewrap #canvas #slide-images div.slide{position:absolute; top:0; width:940px; height:2000px;}

#homewrap #canvas #tagline{position:absolute; top:20px; right:18px; font-size:80px; color:#fff; text-shadow: #000 2px 2px 2px;}



#bottom1{float: left; margin-left: 50px;  margin-right: 50px; margin-bottom: 50px; position:relative; height:100px; width: 200px; overflow:hidden;  border-bottom: 3px solid #a0a0a0;  border-left: 1px solid #a0a0a0;  border-right: 3px solid #a0a0a0;  border-top: 1px solid #a0a0a0;  padding-top: 5px; padding-left: 0px; }

#bottom2{float: left; margin-left: 50px; margin-right: 50px; position:relative; height:100px; width: 200px; overflow:hidden;  border-bottom: 3px solid #a0a0a0;  border-left: 1px solid #a0a0a0;  border-right: 3px solid #a0a0a0;  border-top: 1px solid #a0a0a0; padding-top: 5px; color:a0a0a0;}

#bottom3{float: left; margin-left: 50px; margin-right: 50px; position:relative; height:100px; width: 200px; overflow:hidden;  border-bottom: 3px solid #a0a0a0;  border-left: 1px solid #a0a0a0;  border-right: 3px solid #a0a0a0;  border-top: 1px solid #a0a0a0;  padding-top: 5px; padding-left: 10px; }


/* second level generic */


background-image:url('http://whoishank.com/images/bg.jpg')