/* CSS Document */

/*##############################################################
  Mortal Path Website
##############################################################*/ 

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a:link, a:visited, a:active {text-decoration: none}
table {border-collapse: collapse; border-spacing: 0}
ol, ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

/*#######################
  Element Styles 
#######################*/

body {background:#000000; font-size:14px; font-family:Arial}
a {outline:none; color:#ffffff}
	a:hover {text-decoration:none; color:#ff0000}
    
#content h2  {font-size:1.15em; font-weight:bold; line-height:1.25; font-size:4; font-color:#000000; margin:10px 0px 10px 10px; }
#content h6  {font-size:1.15em; font-weight:bold; line-height:1.25; font-size:4; font-color:#000000; margin:10px 0px 10px 10px; font-style:italic }

#sidebar h2 {margin-bottom:5px}


h3 {font-size:1.0em; color:#ffffff}
h4 {font-size:1.2em; color:000000}


/*#######################
  Layout Styles 
#######################*/


#wrapper {width:1100px; margin:0 auto; background-color:#000000}
#smwrapper {width:500px; margin:0 auto;}

#header {width:1100px; height:282px; background:#000000}
#smheader {width:500px; height:129px;}

#header img {float:left; margin:10px 0px 10px 0px}       
#header h1 {float:left; display:inline; margin:50px 0 0 15px; font-size:2em; font-weight:bold; color:#fff}
        
#content_wrapper {width:1100px; float:center; background:#00000} 
#smcontent_wrapper {width:500px; float:left;}     
       
#sidebar{float:left; display:inline; padding-bottom:25px; width:98px; background-color:#00000}     


#shell {text-align:center; margin-left:0px }
#shell p {clear:both; text-align:left; margin-left:17px;}

#nav1 {
  width:1100px;
  padding:0; 
  list-style-type:none;
  margin:12px 0px 2px 0px; 
  }
#nav1 li {
  float:left;
  width:80px;
  border:2px solid #cc9933;
  }
#nav1 a {
  display:block;
  width:80px;
  color:#ffffff; 
  background:#097f44; 
  text-align:center; 
  padding:4px 0; 
  text-decoration:none; 
  float:left; 
  }
#nav1 a:hover {
  color:#fff; 
  background:#08c;
  }


.slider {clear:both; float:left; width:100%; overflow:hidden;}
#nav2 {
  padding:0; 
  margin:2px 0px 10px 0px; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  }
#nav2 li {
  float:left; position:relative; right:50%; font-size:.9em; font-weight:bold;
  }
#nav2 a {
  width:auto;
  display:block;
  padding:3px 11px;
  color:#ffffff; 
  background:#097f44; 
  border-top:2px solid #cc9933;
  border-bottom: 2px solid #cc9933;
  text-decoration:none;
  }
#nav2 a:hover {
  color:#faf704; 
  background:#02ab56;
  }

  /*** Beginning of new code for home page only ***/
  #wrap {
	margin-right: 120px;
	padding-top: 5px; }

/*** Tan hack for IE. Only IE browsers see this selector.
     This replaces the old Tantek hack. Please see Edwardson Tan's page.
     http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/

* html #wrap {
	width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
	w/idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/

.left {
	float: left;
	margin-left: 4px;
	width: 40%;
	padding: 3px 3px 3px 0;
	background: #ffffff; }
    
.leftsmall {
	float: left;
	margin-left: 4px;
	width: 30%;
	padding: 3px 3px 3px 0;
	background: #ffffff; }    
    
.leftbig {
	float: left;
	margin-left: 4px;
	width: 60%;
	padding: 3px 3px 3px 0;
	background: #ffffff; }

html>body .left {margin-left: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/

.right {
	float: right;
	margin-right: 4px;
	width: 55%;
	padding: 3px 3px 3px 0;
	background: #ffffff; }
    
    
.rightsmall {
	float: right;
	margin-right: 4px;
	width: 35%;
	padding: 3px 3px 3px 0;
	background: #ffffff; }
    
.rightmed {
	float: right;
	margin-right: 4px;
	width: 42%;
	padding: 3px 3px 3px 0;
	background: #ffffff; }

html>body .right {margin-right: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/  
#conimg{float:left; display:inline; background:#ffffff; margin:0px 0px 0px 0px}
#conimgi{float:left; display:inline; background:#ffffff; margin:0px 0px 0px -50px } 
#conimgr{float:left; display:inline; background:#ffffff; margin:0px 0px 0px -50px}
#conimgl{float:left; display:inline; background:#ffffff; margin:0px 0px 0px 68px}
#conimgl{float:left; display:inline; background:#ffffff; margin:0px 0px 0px 51px}

 .floattab { float: both; padding: 5px 3px 0px 0px; }
  .floatleft { float: left; padding: 20px 5px 5px 60px; }
.floatlefta { float: left; padding: 3px 0px 5px 19px; }
.floatleftb { float: left; padding: 3px 0px 5px 15px;  }
.floatleftc { float: left; padding: 0px 0px 5px 27px; }
.floatleftd { float: left; padding: 40px 0px 5px 120px; }
.floatlefte { float: left; padding: 0px 0px 0px 270px; }
.floatleftf{ float: left; margin: 5px 0px 0px 200px; } 
 .floatleftg{ float: left; margin: 0px 0px 0px 240px; }
 .floatlefth { float: left; padding: 0px 0px 5px 220px; }
 .floatlefti { float: left; padding: 0px 0px 0px 250px; }
 .floatleftj { float: left; padding: 0px 0px 0px -100px; }
 .floatleftk { float: left; padding: 40px 0px 5px 100px; }
  .floatlefts { float: left; padding: 20px 0px 5px 10px; }
  
#contentimg{float:left; display:inline; width:1100px; background:#ffffff; margin:0px 0px 0px 0px}  
      
#content{float:left; display:inline; width:1100px; background:#ffffff; margin:0px 0px 0px 0px} 
#smcontent{float:left; display:inline; width:500px; background:#ffffff; margin:0px 0px 0px 0px} 

 
#content p {margin:10px 10px; line-height:1.5em; font-weight:regular}
#content p.center {text-align:center; font-weight:bold; line-height:1.5; margin:10px 10px}
#content img {float:left; display:inlne; margin:5px 10px 5px 5px}
#content ctr {text-align: center;}
#content a {color:#0000ff; line-height:1.5em; text-decoration:underline}
#content a:hover {color:#ff0000; line-height:1.5em; text-decoration:underline}
#content h5  {font-size:1.15em; font-weight:bold; line-height:1.25; font-size:4; }

#contente { line-height:2.3; width:1100px; background:#ffffff; width:980px; margin:10px 10px}
#contente p { text-indent: 5% }  


#center {
text-align: center;
}
  .centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

#left_column {float:left; display:inline; width:350px; padding:0px 0px 0px 20px}
#left_column img  {float:left; display:inline; margin:5px 10px 5px 49px}
#right_column {float:left; width:350px; padding:0px 0px 10px 20px}
#right_columna {float:left; width:250px; padding:0px 0px 10px 80px}
#right_column img  {float:left; display:inline; margin:5px 10px 5px 49px}




#left_columna {float:left; display:inline; width:410px; padding:100px 10px 10px 100px}
#left_columnb {float:left; display:inline; width:500px; padding:10px 10px 20px 210px}
#left_columnc {float:left; display:inline; width:600px; margin:10px 10px 10px 100px}
#left_columnt {float:left; display:inline; width:1100px; margin:10px 10px 10px 103px; text-align:center;}
#table.one { table-layout: automatic }

#content_black h6  {font-size:1.15em; font-weight:bold; line-height:1.25; font-family:Lucinda Handwriting; font-size:4; font-color:#ffffff; margin:10px 0px 10px 10px; } 


#clearcol  {clear:both;}
#clearit  {clear:both; width:1100px; background-color:#ffffff}
#clearleft  {clear:left; width:1100px; background-color:#ffffff}
               
#content_black{float:left; display:inline; width:1100px; background:#000000; margin:0px 0px 0px 98px}
#content_black p {padding:15px 0px 150px 140px;line-height:1.5em}
#content_black img {float:left; display:inlne; margin:0px 150px 0px 0px}      
#content_black h6  {font-size:1.15em; font-weight:bold; line-height:1.25; font-family:Lucinda Handwriting; font-size:4; font-color:#ffffff; margin:10px 0px 10px 10px; } 
   
#content_img{float:left; display:inline; width:550px; background:#ffffff; margin:0px 0px 0px 211px}

#footer {clear:both; width:1100px; margin:40px 0 15px 0; font-size:.9em; line-height:1em; padding:15px 0px 10px 388px; background-color:#000000; color:#ffffff}
#footer a {color:#fff; text-decoration:none}
#footer a:hover {text-decoration:underline}

#translate {float:center; width:1100px; background-color="#000000;}
                 
                 
/* Form Styles */
#content input, textarea {width:350px}	
#content input#submit {width:auto; font-weight:bold}																

#print {padding:2px 0 3px 30px; background:url(../images/print_icon.jpg) left top no-repeat}