@charset "utf-8";
/* CSS Document 

READ ME:

+++++keep this +++

-creator : Mario Noble




THIS CSS SHEET
-General tags (body,html,H's,a's, etc.)
-General DIVS and styles applied by section beginning at top of site page
	examples: wrappers,containers, header, main nav, content,indiv cols,footer,etc.
-Specific classes based on function and rarity of occurance or specificity
	examples: forms, front landing page, miscellanous classes and DIVS
-Misc styles, Turn offs and storage

Code comments below explain different CSS functions throughout this document. Please read carefully.


*/

/* general changes to background color, font-type and size and overall links */

/* TAGS */

body {
	/* change font family */
	font-family: Arial, Helvetica, sans-serif;
	
	/* overall background color - won't show up if you're using an image - may not work depending on the design */
	/* customize_body */ background-color:#FFF; /* customize_body */
	
	/* overall font color */
	/* customize_body */ color: #666; /* customize_body */
	
	/*overall background image */
	/* customize_background *//* customize_background */
}

#containerWrap a:link, #containerWrap a:visited {
	/* customize_link */ color: #df8600; /* customize_link */
	text-decoration:none;
}

#containerWrap a:hover, #containerWrap a:active, #containerWrap a:focus {
	/* customize_link_hover */ color: #df8600; /* customize_link_hover */
	text-decoration:underline;
}

#containerWrap h1, #containerWrap h2, #containerWrap h3, #containerWrap h4, #containerWrap h5{ 
	margin:0;
	font-weight:700;
	/* customize_misc */ color: #149a9a; /* customize_misc */
	/* customize_misc */  /* customize_misc */
}


#containerWrap p{ 
	font-size:1.2em; /* used in conjuction with body size in main.css - best overall fix for most browsers. please stick with em's instead of pixels since it's more accessible*/
}

#containerWrap strong {
	font-weight:700; /* equivalent to bold, but better */
}

#containerWrap h1 {
	font-size:1.75em; /* experiment and see what works best */
	/*change this image or delete this and others like it below - or just swap out the image for another with the same name 
	you can also comment them out like this sentence
	*/
	background-repeat: repeat-x;
	background-position: left top;
	padding:3px 0px 3px 6px; /* adds a bit of space and can also give some breathing room for background images */
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #149a9a;
}

#containerWrap h2 {  
	font-size:1.65em; 
	padding:5px 0px 5px 5px;
	margin:0px 0px;
	position:relative;
	left:0px;
}

#containerWrap h3 {  
	font-size:1.4em; 
	padding:3px 0px 0px 3px;
}

#containerWrap h4 {  
	font-size:1.3em; 
	padding:5px 0px 5px 10px;
}

#container ul.nav li {
	/* this can be removed if you don't want separators between nav list elements */
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #630;
}

#container input, #container select, #container textarea {
	background-color:#FFF !important; /* overrides google toolbar's auto background coloring of common form elements - change to a custom color*/
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #333;
}

#containerWrap img {
	border: 0px; /* IE fix - since it sometimes draws border around linked images where you don't want them */
}

/* container Elements */

#containerWrap {
	background-image:url(http://www.spanishformedical.com/themes/generalLayout/images/BGgrad5.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
}


/* Header Elements */


#headerNavWrap {
	width:100%;
	position:relative;
	top:0px; /* change this to change the nav position */
	left:0px;
}

#headerNav { /* if you want to change the height remember to scale the background image or turn the image off and just color the background*/
	
}

#headerNav ul {
	
}

#headerNav ul li {
	padding: 8px 10px 5px 10px;
}

#headerNav ul li.first {
	border-left-style: none;
}

#headerNav a {
	text-decoration:none;
	font-weight:700;
	background-position: left top;
	font-size:1.3em;

}

#headerNav a:link, #headerNav a:visited {

}

#headerNav a:hover, #headerNav a:active, #headerNav a:focus {
	
}

/*sidebar nav Elements */

#myContent .grid_nav {
    font-size:1.2em;	
}

/* footer */
#footer a:link, #footer a:visited {
	text-decoration:underline;
}

#footer a:hover, #footer a:active {
	text-decoration:none;
}


#footerNav ul li {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}


/* DIV Background Changes and Hooks */

#headerWrap {
	/* change this to change the headerWrap height - make sure to do the math on all elements heights inside or you might have a conflict*/
	
}

#header {
	height: 150px; /* change this to change the header height */
	background-image:url(http://www.spanishformedical.com/themes/generalLayout/images/SFMheaderV2.gif);
	background-repeat: no-repeat;
	background-position: center top;	/* to align the site to the left send this elment to the left - float:left */
	background-color:#FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #006666;
	border-left-color: #006666;	
}

#headerNav {
	/* to align the site to the left send this elment to the left - float:left */
	background-color:#FFF;
}


#contentWrap {
	
}

#myContent {
	background-color:#FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #006666;
	border-left-color: #006666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006666;	/* to align the site to the left send this elment to the left - float:left */
}

#primaryContentWrap {
	
}

#primaryContent {
	
}

#primaryContent object embed {
margin:10px 0px;
}

#secondaryContent1Wrap {
	background-color:#FFF;
}

#secondaryContent1 h3, #secondaryContent2 h3 {
	font-size:1em;
    padding:5px 0px 5px 5px;
}


#secondaryContent1 {

}

#secondaryContent2Wrap {
	
}

#secondaryContent2 {
  
}

#footerWrap {
	
}

#footer {
	/* to align the site to the left send this elment to the left - float:left */
	padding:10px 0px 150px 0px;
	background-color:#FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #006666;
	border-left-color: #006666;
}

#footerNav ul li.first {
	border-left-style: none;	
}

/* home page - most of these are modified throught the actual home.css */

#welcomeArea, #newsArea, #adArea {
	
}

#choiceOne, #choiceTwo, #choiceThree {
   
}

#mediaOne, #mediaTwo {
	
}

/* handy styles for Tiny MCE content editor */

#container .padImageLeft {
	/* gives a image some breathing room - doesn't actually show up in the text editor however but it does in the Concrete5 editor */
	padding:0px 0px 0px 10px;
}

#container .padImageRight {
	/* gives a image some breathing room - doesn't actually show up in the text editor however but it does in the Concrete5 editor */
	padding:0px 10px 0px 0px;
}

#container .brclear {
	/* helps resolve floated element conflicts */
	clear:both;
	height:0;
	font-size:1px;
	line-height:0;
	margin:0;
}


/* turn offs */

/*use these to "turn off/hide" via css different website elements that you don't want displayed, like perhaps the logo or logo text. 
  it doesn't actually get rid of them (you'd have to go into the actual php to do so) but it does hide them from view in almost all browsers.
*/


#logoText, #headerLogo, #headerNav /*, #headerLogo, #headerLogo img */{
   display:none;
   visibility:hidden;
}