/* ---- Body ---- */

* { padding: 0; margin: 0; }

body#one,
body#two,
body#three,
body#four,
body#five {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: #eae7e7 url(images/bg.png) 0 0 repeat-x;
text-align:left;
margin:0 auto;
}

a {
color:#438ec4;
text-decoration:underline;
font-weight:bold;
outline:none;
}

a:hover {
color:#438ec4;
text-decoration:none;
font-weight:bold;
outline:none;
}

h1 {
margin:10px 10px 0 10px;
padding:0 0 5px 0;
color:#438ec4;
font-size:16px;
font-style:italic;

}

h2 {
margin:10px 10px 0 10px;
padding:0 0 5px 0;
color:#438ec4;
font-size:16px;
font-style:italic;

}

/* ---- Wrapper ---- */

body#one #wrapper,
body#two #wrapper,
body#three #wrapper,
body#four #wrapper,
body#five #wrapper {
margin: 0 auto;
width: 944px;
height:735px;}

body#one #wrapper { 
background: url(images/wrapper-1-bg.png) bottom right no-repeat;
}

body#two #wrapper { 
background: url(images/wrapper-2-bg.png) bottom right no-repeat;
}

body#three #wrapper { 
background: url(images/wrapper-3-bg.png) bottom right no-repeat;
}

body#four #wrapper { 
background: url(images/wrapper-4-bg.png) bottom right no-repeat;
}

body#five #wrapper { 
background: url(images/wrapper-5-bg.png) bottom right no-repeat;
}

/* ---- Header ---- */

#header {
background: url(images/header-bg.png) top left no-repeat;
color: #333;
width: 100%;
height: 127px;
float: left;
padding: 0px;
margin: 0px;
}


/* ---- Sidebar 1 ---- */

#sidebar-1 { 
background: url(images/sidebar-bg.png) top center repeat-y;
color: #333;
margin: 0 10px 0 0;
padding: 0px;
width: 100px;
height: auto;
float: left;
}

#sidebar-1-footer {
background: #eae7e7 url(images/sidebar-footer-bg.png) top center no-repeat;
height: 22px;
width: 100px;
bottom:0;
}

/* ---- Quote Boxes (Sidebar 1) ---- */

#quote_box_1 {
float:left;
clear:left;
bottom: 0;
margin: 0;
padding:0;
width: 209px;
height: 139px;
background: url(images/) top center no-repeat;
}

#quote_box_1 p {
font-size:15px;
color:#FFFFFF;
margin: 0;
padding: 17px 10px 0 10px;
line-height: 18px;
}

#quote_box_1 p span {
margin: 0;
padding: 0 0 0 30px;
}

#quote_box_1 p small {
margin: 0;
padding: 0;
float:right;
font-style:italic;
}


/* ---- Navigation ---- */

#menu {
position: relative;
margin: 0;
padding: 0px 0 3px 0;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#menu li { margin: 0px 0px 1px 0px; padding: 0px 0px 2px 0px; list-style:none;}
#menu li ul { margin: 0px 0px 0px 0px; list-style-type: none;}
html>body #menu li ul { margin: 0px 0px 0px 4px; }

#menu a {
display: block;
text-decoration: none;
color: #616060;
background-color: transparent;
padding:5px 0 5px 5px;
margin:0 0 0 4px;
font-weight:normal;
width:87px;
}
#menu a:visited { color: #616060; background-color: transparent; }
#menu a:active { color: #616060; background-color: transparent; }
#menu a:hover { color: #FFF; background-color: #666; }

#menu a.second {
width:190px;
}

/* ---- JS Menu Styles ---- */
ul#menu { visibility: hidden; list-style-type: none; }

#menu a { display: block;}
#menu a:hover, #menu a.unfolded, #menu a.unfolded:hover { color: #FFF; background-color: #666; }

#menu li { position: relative; margin: 0px; padding: 5px 0px 5px 0px;}

#menu li ul {
display: none;
position: absolute;
top: 0px;
padding: 1px;
list-style-type: none;
color: #000;
background-color: #dddbdb !important;
border-left: 1px solid #c3c1c1;
border-bottom: 1px solid #c3c1c1;
font-size:12px;
}

#menu li ul { left: 100px; width: 209px; z-index: 100; }
html>body #menu li ul { left: 100px; }

#menu li ul li ul { left: 90px; z-index: 200; }
html>body #menu li ul li ul { left: 75px; }

#menu li ul li, #menu li ul li ul li { 	margin: 0px; padding: 5px 0px 5px 0px; }
html>body #menu li ul li, html>body #menu li ul li ul li { padding: 0px 0px 0px 0px; }
html>body #menu li ul li a, html>body #menu li ul li ul li a { padding: 5px 0px 5px 10px; }

/* ---- Main Content ---- */

body#one #content,
body#two #content,
body#three #content,
body#four #content,
body#five #content {
float: left;
color: #333;
margin: 8px 0px 20px 0px;
padding: 0 0px 0 0;
height: 578px;
width: 550px;
display: inline;
overflow:scroll;
overflow-x: hidden;
}

body#one #content { 
background:url(images/content-1-bg.png);
background-repeat:no-repeat;
background-position:top right;
}

body#two #content { 
background:url(images/content-2-bg.png);
background-repeat:no-repeat;
background-position:top right;
}

body#three #content { 
background:url(images/content-3-bg.png);
background-repeat:no-repeat;
background-position:top right;
}

body#four #content { 
background:url(images/content-4-bg.png);
background-repeat:no-repeat;
background-position:top right;
}

body#five #content { 
background:url(images/content-5-bg.png);
background-repeat:no-repeat;
background-position:top right;
}

#content p {
padding:10px;
margin:0;
color:#616060;
}

#content img {
border:3px solid #d9d6d6;
}

#content ul {
padding:10px 10px 10px 30px;
margin:0;
color:#616060;
}

#content ul.no-list {
padding:10px 10px 10px 20px;
margin:0;
color:#616060;
list-style-type:none;
}


#content ul li {
padding:0 0 4px 0;
margin:0;
}

#content blockquote {
background:url(images/quote_mark.png) 0 5px no-repeat;
padding: 10px;
margin:10px;
color:#438ec4;
font-size:15px;
font-style:italic;
font-weight:bold;
line-height:19px;
}

#content blockquote small {
font-size:13px;
font-weight:normal;
color:#616060;
}

#content blockquote span {
padding: 0 0 0 16px;
}

/* ---- Sidebar 2 ---- */

#sidebar-2 { 
color: #FFF;
margin: 0px 0px 0px 0px;
padding: 0;
height: 598px;
width: 205px;
float: left;
font-size:13px;
font-weight:bold;
}

#sidebar-2 small {
margin: 0;
padding: 0;
float:right;
font-style:italic;
font-weight:bold;
font-size:12px;
}

#sidebar-2 a {
color:#FFFFFF;
text-decoration:underline;
font-weight:normal;
}

#sidebar-2 a:hover {
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
}

/* ---- Quote Boxes (Sidebar 2) ---- */	

.quote_box_2 {
margin:340px 0 0 0;
padding:0 0 0 20px;
width: 180px;
}

.quote_box_3 {
margin:53px 0 0 0;
padding:0 0 0 20px;
width: 180px;
}

/* ---- Footer ---- */

#footer { 
background: #3c3c3c url(images/footer-bg.png) top center repeat-x;
width: 100%;
height:100px;
clear: both;
color: #333;
margin: 0 auto;
color: #7e7d7d;
font-size:11px;
}

#footer a {
text-decoration:underline;
color: #7e7d7d;
font-weight:normal;
}

#footer a:hover {
text-decoration:none;
color: #7e7d7d;
font-weight:normal;
}

.footer_left {
float:left;
margin:0 0 0 225px;
padding:8px 0 0 0;
}

.footer_right {
float:right;
margin:0 300px 0 0;
padding:8px 0 0 0;
}

/* ---- Footer ---- */

.left {
width:48%; 
float:left;}

.right {
width:48%; 
float:right;}