/* CSS Document */

/* ----------------------------------------------------- 
	Project Name: El Paso Chamber of Commerce
	Created Date: 09/18/2008
	Version: 1.0.0
	Copyrights:  copyright 2008. Sonisa Managed Communications
-------------------------------------------------------*/
			
/***********************************
	General CSS
************************************/

body { margin:0px auto; padding:0px auto; text-align:center; background-color:#EBECEC; }
 
h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#CC0000; margin-top:18px; margin-left:15px; text-align:left; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#CC0000; margin-top:10px; margin-left:15px; text-align:left; }

.logo { float:left; margin-left:20px; margin-top:20px; }
.search { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFFFFF; padding-top:9px; text-align:left; }
.search:link { color:#FFFFFF; text-decoration:none; }
.search:hover { color:#FFFFFF; text-decoration:underline; }
.tag { float:left; margin-left:25px; margin-top:8px; font-family:Georgia, "Times New Roman", Times, serif; color:#CC0000; font-size:16px; }
.dottedLine { width:%85; height:1px; background-image:url(../images/dottedLine.gif); background-repeat:repeat-x; margin-top:10px;}

.content { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#000000; }
.content:link { color:#626262; text-decoration:none; }

.title { font-family:arial, serif; font-size:18px; color:#000000; }

.starContent { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#626262; }
.bottomMenu { color:#666666; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; text-align:left; float:left; padding-left:; }
.copyright { color:#666666; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; text-align:left; float:left; margin-left:0px; }
.reified { color:#666666; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; }

/*-- Homepage Scroller --*/

#pscroller1{
width: 200px;
height: 250px;
border: 0px solid black;
padding: 5px;
background-color: #fff;
}


#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

/*-- menu --*/

.wireframeauramenu { font-family:Arial, Helvetica, sans-serif; font-weight: normal; font-size: 80%; width: 100%; padding-top:2px; }

.wireframeauramenu ul { padding: 8px 0; margin: 0; text-align: left; /*set value to "left", "center", or "right"*/ overflow: hidden; }

.wireframeauramenu ul li { display: inline; height:40px; background-image:url(../images/menuDivide.jpg); background-repeat:no-repeat; }

.wireframeauramenu ul li a { color: #fff; padding: 10px 8px 10px 10px; margin: 0; text-decoration: none; /*right border between menu items*/ }

.wireframeauramenu ul li a:hover { color: #FFCC99; background: transparent url(media/lightyellow.gif) center center no-repeat; /*background of menu item onMouseover*/ }

/***********************************
	Main Layout CSS
************************************/

#outer {margin:0px auto; width: 100%; height:100%; text-align:center; }
#outer  #outerheadbg { text-align:center; }
#outer  #outerheadbg #main { width:100%; background-image:url(../images/bgRepeat.gif); background-repeat:repeat-x; background-position:top; padding-top:10px; }

/*-- Header--*/

#outer  #outerheadbg #main #container  { margin:0px auto; width:925px; height:%100; text-align:center; }
#outer  #outerheadbg #main #container  #left { width:10px; height:100%; float:left; background:url(../images/left.gif); background-repeat:repeat-y; }
#outer  #outerheadbg #main #container  #right { width:10px; height:100%; float:right; background:url(../images/right.gif); background-repeat:repeat-y; }

#outer  #outerheadbg #main #container #header { margin:0px auto; width:925px; height:180px; text-align:center; }
#outer  #outerheadbg #main #container #header #global { margin:0px auto; width:925px; height:0px; }

#outer  #outerheadbg #main #container #header #logodiv  { width:925px; height:204px; margin:0px auto; text-align:center; background-color:#FFFFFF; background-image:url(../images/fadeHeader.gif); background-repeat:repeat-x; background-position:bottom; }
#outer  #outerheadbg #main #container #header #logodiv #headerDisplay { width:658px; height:204px; float:right; background-image:url(../images/EPChamberofCommerce01.jpg); }
#outer  #outerheadbg #main #container #header #logodiv #headerDisplay #search { width:358px; height:36px; float:right; margin-top:-10px; padding: 3px 10px 0 24px;  background-image:url(../images/searchTop.gif); background-repeat:no-repeat; background-position:top; }
#outer  #outerheadbg #main #container #header #title  { margin:0px auto; width:400px; height:44px; margin-top:-18px; text-align:center; font-size:19px; font-family:Georgia, "Times New Roman", Times, serif, sans-serif; color:#fff; }
/*-- star header --*/
#outer  #outerheadbg #main #container #header #logodiv #headerStar { width:658px; height:204px; float:right; background-image:url(../images/EPChamberofCommerce10.jpg); }
#outer  #outerheadbg #main #container #header #logodiv #headerStar #search { width:358px; height:36px; float:right; margin-top:-10px; padding: 3px 10px 0 24px;  background-image:url(../images/searchTop.gif); background-repeat:no-repeat; background-position:top; }

/*-- menu --*/

#outer  #outerheadbg #main #container #menu { margin:0px auto; text-align:left; vertical-align:middle; margin-top:24px; width:926px; height:38px; background:url(../Images/menuBg.jpg); background-repeat:no-repeat; background-position:center; }
#outer  #outerheadbg #main #container #menu #items { margin:0px auto; width:680px; height:35px; padding-top:18px; font-family: Georgia, "Times New Roman", Times, serif; color:#666666; font-size:16px; font-weight:bold; }
#outer  #outerheadbg #main #container #menu #items a:link { color:#666666; text-decoration:none; font-weight:bold; }
#outer  #outerheadbg #main #container #menu #items a:visited { color:#666666; text-decoration:none; font-weight:bold; }
#outer  #outerheadbg #main #container #menu #items a:hover { color:#666666; text-decoration:underline; font-weight:bold; }

/*-- content --*/

#outer  #outerheadbg #main #content { margin:0px auto; width:925px; height:%100; text-align:center; background-color:#FFFFFF; }
#outer  #outerheadbg #main #content a:link { color:#1033a7; text-decoration:none; }
#outer  #outerheadbg #main #content a:visited { color:#808080; }
#outer  #outerheadbg #main #content a:hover { color:#CC0000; }
#outer  #outerheadbg #main #content #left { width:10px; height:100%; float:left; background:url(../images/left.gif); background-repeat:repeat-y; }
#outer  #outerheadbg #main #content #right { width:10px; height:100%; float:right; background:url(../images/right.gif); background-repeat:repeat-y; }
#outer  #outerheadbg #main #content #leftHeader { float:left; width:588px; height:53px; margin-left:18px; margin-top:10px; background-image:url(../images/headerLeft.gif); }
#outer  #outerheadbg #main #content #leftContent { float:left; width:586px; height:425px; margin-left:18px; border-left: 1px solid #bebebe; border-right: 1px solid #bebebe; }
#outer  #outerheadbg #main #content #leftContent #leftColumn { float:left; width:260px; height:330px; margin-left:18px; margin-top:20px; text-align:justify; }
#outer  #outerheadbg #main #content #leftContent #rightColumn { float:right; width:260px; height:330px; margin-right:18px; margin-top:20px; text-align:justify; }
#outer  #outerheadbg #main #content #leftBottom { float:left; width:588px; height:6px; margin-left:18px; background-image:url(../images/bottomLeft.gif);}

#outer  #outerheadbg #main #content #rightHeader { float:right; width:287px; height:53px; margin-right:18px; margin-top:-52px; background-image:url(../images/headerRight.gif); }
#outer  #outerheadbg #main #content #rightContent { float:right; width:285px; height:425px; margin-right:18px; border-left: 1px solid #bebebe; border-right: 1px solid #bebebe; }
#outer  #outerheadbg #main #content #rightContent #events { float:left; width:255px; height:425px; margin-left:18px; margin-top:20px; text-align:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#626262; }
#outer  #outerheadbg #main #content #rightBottom { float:right; width:287px; height:6px; margin-right:18px; background-image:url(../images/bottomRight.gif); background-repeat:no-repeat; background-position:top; padding-bottom:25px; }

/*-- content Sub --*/

#outer  #outerheadbg #main #content #subHeader { float:left; width:888px; height:53px; margin-left:18px; margin-top:10px; background-image:url(../images/headersub.gif); background-repeat:no-repeat }

#outer  #outerheadbg #main #content #subContent { float:left; width:886px;  margin-left:18px; border-left: 1px solid #bebebe; border-right: 1px solid #bebebe; }
#outer  #outerheadbg #main #content #subContent #leftColumn { float:left; width:800px; height:350px; margin-left:18px; margin-top:20px; text-align:justify; }
#outer  #outerheadbg #main #content #subContent #leftColumnAbout { float:left; width:850px; height:350px; margin-left:18px; margin-top:20px; text-align:justify; }
#outer  #outerheadbg #main #content #subContent #leftColumnCal { float:left; height:%100; margin-left:18px; margin-top:20px; text-align:justify; }
#outer  #outerheadbg #main #content #subContent #rightColumn { float:right; width:265px; height:350px; margin-right:18px; margin-top:20px; text-align:justify; }
#outer  #outerheadbg #main #content #subBottom { float:left; width:888px; height:5px; margin-left:18px; background-image:url(../images/bottomSub.gif); background-repeat:no-repeat; margin-bottom:25px;}

/*-- Franklin Mountain Star  --*/

#outer  #outerheadbg #main #content #leftContent { float:left; width:586px; height:425px; margin-left:18px; border-left: 1px solid #bebebe; border-right: 1px solid #bebebe; }
#outer  #outerheadbg #main #content #leftContent #leftColumnStar { float:left; width:545px; height:%100; margin-left:18px; margin-top:20px; text-align:justify; }

/*-- Team Bliss --*/

#outer  #outerheadbg #main #content #subContent #leftColumnTeam { float:left; width:850px; height:350px; margin-left:18px; margin-top:20px; text-align:justify; }

/*-- Members Directory List iFrame --*/

#outerdiv
{
width:100%;
height:600px;
overflow:scroll;
position:relative;
}

#outerdiv2
{
width:100%;
height:510px;
overflow:scroll;
position:relative;
}

#inneriframe
{
position:absolute;
top:-130px;
left:-0px;
width:900px;
height:1200px;
}

#inneriframe2
{
position:absolute;
top:-130px;
left:-0px;
width:100%;
height:600px;
}

/*-- Footer --*/

#outer  #outerheadbg #main #container2 { margin:0px auto; width:925px; height:%100; text-align:center; }

#outer  #outerheadbg #main #container2 #content #ads { width:925px; height:65px; margin:0px auto; }

#outer  #outerheadbg #main #container2 #content #footer { width:925px; height:120px; margin:0px auto; }
#outer  #outerheadbg #main #container2 #content #footer a:link { color:#666666; text-decoration:none; }
#outer  #outerheadbg #main #container2 #content #footer a:visited { color:#666666; text-decoration:none; }
#outer  #outerheadbg #main #container2 #content #footer a:hover { color:#666666; text-decoration:underline; }
#outer  #outerheadbg #main #container2 #content #footer #sonisa { width:100px; height:30px; float:right; text-align:left; }

#outer  #outerheadbg #main #bottom { margin:0px auto; width:935px; height:20px; background-image:url(../images/bottom.gif); background-repeat:no-repeat; }
#outer  #outerheadbg #main #bottomSub { margin:0px auto; width:935px; height:20px; margin-bottom:-3px; background-image:url(../images/bottom.gif); background-repeat:no-repeat; }