body {
margin : 0;
padding : 0;
font : 90% "Trebuchet MS", verdana, arial, sans-serif;
background : #c0c0c0;
color : #333;
}
#container {
width:1110px;
margin-left:auto;
margin-right:auto;
padding:0;
border:5px solid #999766;
background:#ffffff;
color:#333;
}
			/*TOP BANNER*/
#topimg {
height:195px;
padding:0;
margin:0;
background:#ffffff url(img/solution3.jpg) no-repeat;
color:#333;
}
#topimg h1 {
float:left;
margin:10px 0 0 15px;
font-size:28px;
letter-spacing:3px;
color:#000000;
}
			/*TOP NAVIGATION*/
#navcontainer ul {
float : left;
text-align:center;
margin: 0;
font-size : 110%;
color : #333;
}
#navcontainer ul li {
display : inline;

}
#navcontainer ul li a {
text-align:center;
float : left;
padding: 20px 10px 0 10px;
text-decoration : none;
color : #fff;
width:100px;
background: url(img/1.gif) no-repeat center;
height:48px;
}
#navcontainer ul li a:hover, #navcontainer ul li a#current {
color : #cd5a66;
}
			/*MAIN CONTENT*/
#content {
margin : 0 0 5px 170px;
padding : 5px;
background : #ffffff;
color : #333;
}
#content a:link, #content a:visited {
text-decoration : underline;
background : #ffffff;
color : #333;
}
#content a:hover {
background : inherit;
color : #000000;
}
			/*LOGIN CONTENT*/
#login {
width : 100px;
margin : 0px 0px 0px 0px;
padding : 5px;
background : #ffffff;
color : #333;
}
#content a:link {
text-decoration : underline;
background : #ffffff;
color : #333;
}
#content a:hover {
background : inherit;
color : #000000;
}
			/*SIDEBAR*/
#sidebar {
float : left;
width : 160px;
margin : 0 10px 0 0;
padding : 10px;
background : #ffffff;
color : #333;
}
			/*SIDE MENU*/
.sidemenu ul {
list-style-type : none;
text-align : left;
}
.sidemenu ul li {
display : block;
color : #666;
background : inherit;
}
.sidemenu ul li a {
background : transparent url(img/list-off.gif) no-repeat left center;
padding-left : 15px;
font : normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration : none;
color : #000;
}
.sidemenu ul li a:hover {
background : transparent url(img/list-on.gif) no-repeat left center;
color : #666;
}
.sidemenu ul li a#current {
background : transparent url(img/list-active.gif) no-repeat left center;
color : #666;
}
			/*FOOTER*/
#footer {
clear : both;
padding : 5px;
margin : 0;
font-size : 90%;
border-top : 1px solid #fff;
background : #000080;
color : #fff;
}
#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #fff;
}
#footer a:hover {
border-bottom : 1px dashed #eee;
background: inherit;
color : #fff;
}
			/*FONTS*/
p {
line-height: 1.7em;
margin : 15px;
}
h1 {
margin-top : 10px;
padding : 10px;
font-size : 200%;
text-transform : uppercase;
letter-spacing: 3px;
text-align:center;
color : #ffffff;
background : #000080;
}
h2 {
margin : 10px 0 0 5px;
padding-left : 10px;
font-size : 120%;
text-transform : uppercase;
letter-spacing : 5px;
color : #ffffff;
background : #000080;
}
h3 {
margin-top:10px;
padding:0;
font-size:250%;
text-transform:uppercase;
letter-spacing:3px;
text-align:center;
color:#ff0000;
}
			/*CLASSES*/
.img {
float : left;
padding : 10px;
border : none;
}
.img a {
border : none;
}
.post { 
background : #eee;
padding : 3px;
margin : 20px 10px 0 5px;
border : 0 dashed #8a795d;
font-size : 90%;
} 
.post .date { 
background : url(img/clock.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .comments { 
background : url(img/comment.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .readmore { 
background : url(img/document.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}

.speechbox h1, .speechbox h2, .speechbox p {margin:0 10px; letter-spacing:1px;}
.speechbox h1 {font-size:2.5em; color:#fc0;}
.speechbox h2 {font-size:2em; color:#234; border:0;}
.speechbox p {padding-bottom:0.5em; color:#ffffff;}
.speechbox h2 {padding-top:0.5em; padding-left:10px;}
.speechbox {background: transparent; margin:1em;}

.speechbox em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .speechbox em {width:24px; height:12px; }
.speechbox span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #000080; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .speechbox span {width:20px; height:10px;}

.sbox1, .sbox2, .sbox3, .sbox4, .sbox5, .sbox6, .sbox7 {display:block; overflow:hidden; font-size:0;}
.sbox1, .sbox2, .sbox3, .sbox4, .sbox5, .sbox6 {height:1px;}
.sbox4, .sbox5, .sbox6, .sbox7 {background:#ccc; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}

.sbox1 {margin:0 8px; background:#ffffff;}
.sbox2 {margin:0 6px; background:#ffffff;}
.sbox3 {margin:0 4px; background:#ffffff;}
.sbox4 {margin:0 3px; background:#000080; border-width:0 5px;}

.sbox5 {margin:0 2px; background:#000080; border-width:0 4px;}
.sbox6 {margin:0 2px; background:#000080; border-width:0 3px;} 
.sbox7 {margin:0 1px; background:#000080; border-width:0 3px; height:2px;} 

.sboxoxcontent {display:block; background:#000080; border:3px solid #fff; border-width:0 3px; text-align:center}
.quote {text-align:center}
