/*
      Basic 2col layout by Kevin M. Rooke C.
      krooke@sextante.com
	  
*/

* { padding: 0; margin: 0; }

body
{
	background-color: #EFF9FD;
	background-image: url(../gfx/bodybg.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: fixed;
	font-family: Helvetica, Arial, sans-serif;
  	font-size: 10pt;
}
 
 h2
 {
 	font-family: Helvetica, Arial, sans-serif;
 	font-size: 22px;
 	color: #888;
 	margin: 15px 0 10px 0;
 	font-style: normal;
 	font-weight: lighter;
 }
 
/* --- mod to display article titles in the H2 specified size ---- */
 
 #titular a 
 {
 	font-size: 24px;
 	color: #888;
 	font-weight: 100;
 }
 
 

h3
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14pt;
	color: #888;
	margin: 0 0 8px 0;
	font-style: normal;
	font-weight: lighter;
	line-height: normal;
}
 
 
 h4 
 {
 	font-family: Helvetica, Arial, sans-serif;
 	font-size: 10pt;
 	color: #240078;
 	margin: 0px 0 6px 0;
 	font-style: normal;
 	font-weight: 100;
 }
 

  ul {
  list-style:none;
	margin: 0;
}


#wrapper { 
 margin: 0 auto;
 width: 950px;
 /* border: 1px solid red; */
 }



#header
{
	
	width: 930px;
	height: 150px;
	float: left;
	padding: 10px;
	margin: 0;
	background-color: #FFF;
	background-image: url(../gfx/sm_logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}


#topmenu
{
float: right;
text-align: right;
	
}

#topmenu li
{
	color: #006;
	font-size: 10pt;
	font-family: Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	display: inline;
	padding: 0 6px 0 6px;
}

#topmenu li a {
text-decoration: none;
color: #006;

}

#topmenu li a:hover {
color:#00a1d7;
}



#navigation
{
	float: left;
	width: 930px;
	color: #ACACAC;
	padding: 10px 10px 20px 10px;
	/* border: 1px solid red; */
	margin: 0;
	background: #FFF;
}

#navmenu
{
	font-weight: normal;
	color: #00a1d7;
	width: 100%;
	/* border: 1px solid red; */

	}

#navmenu ul
{
	margin: 0;
	text-align: center;
	
	
}

#navmenu ul li{
display: inline;
}

#navmenu ul li a
{
	color: #4b08a1;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-family: Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	/* border-left: 1px solid #09F; */
	padding: 6px 14px 0 14px;
}

#navmenu ul li a:hover, .navmenu ul li a.selected
{
	text-decoration: none;
	color: #00a1d7;
	
}


a
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #4b08a1;
	text-transform: none;
	text-decoration: none;
}

a:hover
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #00a1d7;
	text-transform: none;
	text-decoration: none;
}




#breadcrumbs
{
	
	width: 100%;
	padding: 3px 0 3px 0;
	background-color: #FFF;
	border-top: 1px solid #CCF;
	border-bottom: 1px solid #CCF;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	line-height: normal;
}

#breadcrumbs a
{
	color: #4b08a1;
	text-decoration: none;
}

#breadcrumbs a:hover
{
	color: #00a1d7;
	text-decoration: none;
}

/* -------------Begin Left Column--------------------------------- */

#leftcolumn
{
	color: #333;
	/* border-top: 1px solid #ccc; */
	margin: 0;
	padding: 0 20px 0 20px;
	width: 638px;
	float: left;
	background: #FFF;
}

#leftcolumn p

  {
  	font-family: Helvetica, Arial, sans-serif;
  	font-size: 10pt;
  	color: #828282;
  	line-height: 21pt;
  	  }
  	  

input {
vertical-align:middle;
padding:2px;
}

#leftcolumn li
{
	margin: 12px 0px 12px 0px;
}





/* #leftcolumn input[type=button] {
border: 1px solid #ccc;
color: #000;
font-size: .8em;
line-height: 1.5em;
cursor: pointer;
display: block;
float: left;
background: #f9f6f2;
margin: 0 .1em;
padding: .2em .8em;
} */

strong {
font-weight:700;
color: #09F;
}

em
{
	font-style: italic;
	color: #09F;
}

underline {
text-decoration:underline;
color: #5C5C5C;
}

del {
text-decoration:line-through;
}

fieldset
{
	border: 1px solid #888;
	color: #000;
	margin: 0 0 8px;
	padding: 10px 8px;
	background-color: #F4F4F4;
}

textarea {
width: 580px;
height: 100px;
padding: 3px;
}

.comment {
color: gray;
border-top: 1px solid #ccc;
background: #F5F6F6;
margin: 0 0 10px;
padding: 10px;
}

.commentsbox
{
	color: gray;
	background: #F5F6F6;
	margin: 10px 0 10px 0;
	padding: 10px;
	border: 1px solid #888;
}

/* <-----------textarea in contact form made smaller here ------------> */
.commentsbox textarea {
width: 580px;
height: 120px;
padding: 3px;
}

.date
{
	/* border-top: 1px solid #9CF; */
	text-align: right;
	margin: 5px 0 5px 0;
	
}

.clearer {
clear: both;
margin: 0 auto;
padding: 1px 0 0;
}




/* --------begin right column ------------------------- */



#rightcolumn
{
	float: right;
	/* color: #333; */
	border-left: 1px solid #888;
	margin: 0;
	padding: 0 10px 0 10px;
	width: 251px;
	display: inline;
	background: #FFF;
	position: relative;
	
}

#rightcolumn p
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	color: #828282;
	line-height: 14pt;
	margin: 0 0 10px 0;
}


#rightcolumn li
{
	margin: 4px 0px 4px 0px;
	list-style-type: none;
	list-style-position: default;
}

/* ---tweak to have contents in the right column vertically aligned to the bottom

#floating 

{
	width: 251px;
	height: 100%;
	background: #FFF;
	position: relative;
}


#floating div
{
	position: absolute;
	bottom: 0;
	left: 0;

	padding: 0 20px 0 5px;
	
} --- */

/* -------------Ends right column ------------------ */

/* for expandable title links on archive and sitemap pages */
.drop_title a {
font: bold 12px Arial;
}

.droplist_div {
width:95%;
border-bottom:1px solid #ccc;
padding:4px 0;
}

.subcatlist_div {
width:95%;
padding:0 0 0 15px;
}

#footer
{
	width: 930px;
	clear: both;
	background: #FFF;
	margin: 0;
	padding: 40px 10px 10px 10px;
	text-align: center;
	text-transform: inherit;
}

#footer p
{
	color: #ACACAC;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	}