/* SPANCLASS.CSS
Copyright GB Blanchard, All Rights Reserved 
last update 27 Feb. 2005
*/

/* body, wrapper, header
----------------------------------------------- */
body {
margin:5px 0 10px;
padding:0;
text-align:center;
min-width:748px; /* causes centering */
/*
background:#fff url(_back.gif);
background-repeat: repeat-x;
background-color:navy;
background-attachment: fixed;
*/

font-family:helvetica,arial,verdana,sans-serif;
}

#header {
background-color:
#006699;border:4px solid #ccccff;  /**** behind image */
width: 748px;
}

#header a {
display:block;
height:100px;  /**** header height set here */
}

.centfoto{	/* to center photo imgs in classes*/
text-align: center;
}

/* nav
----------------------------------------------- */
#nav {
/* margin:0; */
margin:0 auto;
padding:0;
border-bottom:7px solid #ccccff; /**** border below nav items*/
background:navy;  /**** nav bar items background */
width: 755px; /* watch this - it's wider than the 748 above */
}

ul#nav, ul#nav li {
margin:0;
padding:0;
}

ul#nav {
position:relative;
height:22px; /*distance between navbar and body*/
}

ul#nav li {
display:inline;
list-style-type:none;
}

ul#nav li a:link, ul#nav li a:visited {
float:left;
margin-left:1px;
margin-right:1px;
padding:0 9px 2px 9px;
border-top:0px solid #ccccff;/**** above nav items - at 1px this was causing the unalignment */
/*border-bottom:1px solid #ccccff;/**** below items */
background-color:transparent;
color:#fff; /**** nav item text */
font:11px/21px verdana, lucida, arial, sans-serif;
text-decoration:none;
}
ul#nav li#nav-homepage a { /**** the id=homepage sets the "selected" color */
margin-left:0px;
}
ul#nav li a:hover {
color:#fff; /**** nav item hover text color */
background:#ccccff; /**** nav item selected color */
}
ul#nav li a:active {
color:#fff; /* on-click color */
background-color:#ccccff;
/*background-image:none;*/
}

body#homepage ul#nav li#nav-homepage a {
border-bottom:1px solid #ccccff;/**** bottom of selected nav item */
margin:0;
color:#000000; /**** selected nav item text color*/
background:#ccccff; /**** selected nav item bkcolor */
}


/* COLUMNS, WRAPPING, IMG. ALIGNMENT
----------------------------------------------- */

/* GLOBAL
--------------------------------------*/

#pagewrap {
margin:0 auto;
width:748px; /*  748  */
text-align:left;
background:#eee; 
}

/* BEGIN SPANISH CLASSES
--------------------------------------*/
#leftcolcontent {
float: left;
width:370px; /*  748  */
text-align: left;
/* background:red;*/
}

#leftcolwrap {
margin-left: 12px;
width:340px; /*  748  */
text-align: left;
/* background:#aaa; */
}

#rightcolcontent {
float: right;
width:370px; /*  748  */
text-align: left;
/* background: #bbb; */  
} /* no rightcolwrapping in the class pages*/

#singlecolcontent {
float: left;
margin-left: 20px;
width:700px; /*  748  */
text-align: left;
background:#eee; 
}

#singlecolwrap {
margin-left: 12px;
width:640px; /*  748  */
text-align: left;
/*background:red; */
}

#rightalignimg { /* align SS,SW,MK screenshots */
float:right;
padding:0 10px;
}

.leftalignimg p { /* align SS,SW,MK icons */
float:left;
}

/* END SPANISH CLASSES
--------------------------------------*/
/***/

#singlecolcontent, #leftcolcontent, #rightcolcontent,
#widecolcontent {
position:relative;
font-size:13px;
line-height:140%;
color:#000000;
}

#narrowcolcontent p {
position:relative;
/*font-style:italic;*/
font-size:12px;
line-height:140%;
color:#000000;
}


h1,h2,h3,h4 { font-family:helvetica,arial,verdana,sans-serif; }

h1 {
position:relative;
margin:0 0 -10px;
/*padding:4px 0 0;*/
font-size:16px;
line-height:18px;
font-style:italic;
color:#000000;
letter-spacing: 0px;
}

h2 {
margin-bottom:-10px;
font-size:15px;
line-height:12px;
color:#000000;
letter-spacing:-1px;
}

ul {
position:relative;
font-size:13px;
line-height:150%;
color:#000000;
list-style-type: disc
}


#footer {
margin: 0 auto;
background-color: #ccccff;
color: #6666ff;/* #B8B8B8;*/
font-size:10px;
line-height:12px;
width: 738px; /* watch this - it's smaller than the 748 above */
/* border-top: 1px solid #006; */
text-align: center;
padding: 2px 10px 0 0;
clear: both;
}

/* img, clear
--------------------------------------*/
img { border: 0px; }

.clear {
clear:both;
height:0;
line-height:0;
}