/* $TopStyle:URL=http://www.dev.solarmetrics.com/assets/templates/Andreas01/style/andreas01.css$ */

/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.2 (Oct 21, 2005)
*/
body{
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
color:#303030;
background:#f4f4f4 url(../images/bg.gif) top center repeat-y;
}

.calendar{
background-color:white;
border:1px solid black;
padding:3px;
color:#333399;
}

.lefttitlesidebar{
border-bottom:1px dashed grey;
margin-right: 8px;
text-align:right;
}

#righttitlesidebar{
border-bottom:1px dashed grey;
margin-left: 2px;
margin-right:2px;
text-align:left;
}

#wrap{
background: #FFFFFF;   /*#9EA3A2*/
color:#303030;
margin:0 auto;
width:780px;
}

#header{
clear:both;
margin:0;
padding:4px 4px 2px 4px;
height:14px;
display:none;
}

#headimage{
background-image: url("../images/smx_header_flare_01052008w.png");
background-position: 0% 0%;
background-repeat: no-repeat;
background-color:grey;
height:123px;
margin-bottom:8px;
}

#subheader {
float:left;
border-bottom:1px solid #8E9491;
border-top:1px solid #8E9491;
height:20px;
margin: 96px 0 0 10px;
color:white;
padding-top:2px;
display: inline;
}

#quote{
margin-left:400px;
}

#subheader p {
padding: 2pt; 0 2pt 0;
}

#search{
float:right;
padding-top: 3px;
height:20px;
margin:95px 10px 0 0;
clear:right;
display:none;
}

#ajaxSearch_output{
background-color:#FFFFFF;
float:left;
}

#header h1{
width:250px;
margin:0px 20px 0;
float:left;
}

#header p{
width:500px;
float:right;
text-align:right;
color:#a0a0a0;
margin:0 0 10px 0;
font-size:0.8em;
line-height:1.2em;
background-color:inherit;
}

#frontphoto{
margin:0 0 0 0;
border:0;
}

#breadcrumbs {
font-size:0.9em;
float:left;
}

#breadcrumbs a {
color:#FFF;
}

#avmenu{
clear:left;
float:left;
width:130px;
margin: 6px 6px 6px 6px;
font-size:1.0em;
padding: 0 6px 0 0;
}

.announce{
margin:10px 0 10px 0;
padding:10px;
width:130px;
color:#505050;
background-color:#f4f4f4;
line-height:1.3em;
}

#leftsidebar{
clear:left;
float:left;
width:140px;
margin: 0px 0px 0px 0px;
text-align:center;
display:inline;
background-color:white;
}

#rightsidebar{
float:right;
width:135px;
margin: 0px 5pt 0px 5px;
display:inline;
}

#events{
font-size:0.8em;
text-align:left;
padding: 10px 0px 3px 5px;
}

#links{
font-size:0.8em;
text-align:right;
padding: 10px 0px 3px 5px;
}

#login{
font-size:0.8em;
text-align:center;
padding: 10px 0px 3px 5px;
align-vertical:middle;
}

#speciallinks{
font-size:13px;
text-align:right;
padding-right: 6px;
font-family: impact,chicago;
}

#speciallinks ul {
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
}

#news{
font-size:1.0 em;
text-align:left;
}

#extras{
font-size:0.8em;
line-height:1.5em;
padding: 3px 3px 3px 5px;
height:530px;
}

#content h1 h2 h3 h4 p{
margin:5px;
padding-left:10px;
padding-right:10px;
display:inline;
}

#content{
margin:0px;
line-height:1.4em;
text-align:left;
background-color:#E8F6FF;
padding:0px;
width:490px; 
height:550px; 
display:inline;
}

.contentbox{
background-color:#E8F6FF;
height:550px; 
width:485px;
margin-bottom:5px;
}

#clients{
vertical-align:middle;
}

.contentbox td{
cellpadding:7px;
vertical-align:text-top;
}

#content img{
padding:1px;
display:inline;
background:#ffffff;
color:#303030;
border:4px solid #f0f0f0;
}


h3{
font-size:1.2em;
margin:0 0 10px 0px;
color:#333399;
display:inline;
}


h4{
font-size:12px;
margin: 0.2em 0 0.1em 0;
color:#4224A6;
}


hr{
color:#333399;
width:95%;
text-align:left;
noshade:true;
margin:0 0 5px 5px;
}

a{
text-decoration:none;
color:#286ea0;
}

a:hover{
text-decoration:underline;
color:#286ea0;
}

a img{
border:0;
}

#footer{
clear:both;
margin:0 auto;
padding:10px 0 20px 0;
border-top:4px solid #f0f0f0;
width:780px;
text-align:center;
color:#808080;
font-size:0.9em;
background-color:#44485E;
}

#footer a{
color:#808080;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}

/* Navigation ============================================================= */

#sideMenu{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
width:137px;
text-align:right;
float:left;
/* Only IE5 MAC needs the left float \*/
float:none;
/* End IE5 MAC comment hack found at stopdesign.com see also http://www.stopdesign.com/log/2004/07/06/filtering-css.html */
}
/* Because the sideMenu is not floated (except for IE5 MAC), this casued problems with usual image replacement methods, so... */ 
/* sideMenu h3 may be hidden from screen readers and printers due to display none */
@media aural, braille, print{
#sideMenu h3{
display:block;
}
}
#avmenu,
{
/* Something shaky going on in IE6 with the background images, border-left stops it shaking */
border-left:1px solid white;
padding:75px 0 0 0;
margin:0 0 40px 0;
}
#avmenu{
background:transparent;
}

#sideMenu ul{
margin:0;
padding:0;
list-style:none;
}
#sideMenu li{
font-size:0.9em;
display:block;
margin:0;
padding: 2px 0 2px 0;
border-bottom:1px solid ECE9D8;
}

/* Link Styles */
#sideMenu li a{ 
/* display:block; */
padding:4px 10px 4px 5px;
margin:0 0 0px 0;
border:0;
/* text-transform:uppercase; */
font-weight:bold;
text-decoration:none;
color:#4224A6;
}
/* Background position http://wellstyled.com/css-nopreload-rollovers.html */
#avmenu li a{
background:transparent  -100px;
}
#avmenu li a:visited{
background-position:0 50% ;
}

#sideMenu li a:hover,
#sideMenu li a:focus,
#sideMenu li a:active{
padding-right:6px;
border-right:4px solid #EF8907;
color:#4224A6;
text-decoration:none;
}
	
#sideMenu li a.c{
display:inline;
padding:0 2px 0 0;
text-transform:lowercase;
font-style:italic;
font-weight:normal;
margin:0;
border:0;
background-position:-100px;
}
#sideMenu li a.c:hover,
#sideMenu li a.c:visited,
#sideMenu li a.c:active,
#sideMenu li a.c:focus{
padding:0 2px 0 0;
border:0;
background-position:-100px;
}

/*
#sideMenu li {
padding: 4px 20px 4px 0px;
list-style: none;
} 

#sideMenu li a { 
padding-left: 0px;
padding-right: 20px;
background-image: url("../images/arrow.png");
background-repeat: no-repeat;
background-position: 100% 0;	
font-weight:normal;
height:20px;
display:block;
font-size:1.0em;
text-align:left;
font-variant:small-caps;
text-decoration:none;
}

#sideMenu ul a{
	text-decoration: none;
padding: 4px 20px 4px 0px;
list-style: none;
}

#sideMenu ul a:hover{
	text-decoration: underline;	
} 

*/

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}