/* Start of CMSMS style sheet 'optasia-main' */
/** 
OPTASIA
Design by: www.21stCenturyDesign.com
colors:
body background - white
hover links - #bf0000 (red)
nvaigation links - #0066cc
menu side grey - #656565
menu text on grey - #e5e5e5

Title letters - white - #ffffff
Title letters - black - #000
**/
* {
margin:0;
padding:0;
}

body {
	width:100%;
margin: 0 auto;
	padding: 0;
	background: #ccc url(uploads/images/optasia/main_bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111111;
}

blockquote {
	font-style: italic;
}

/*default link styles*/
a,
a:link 
a:active {
   text-decoration: none;
   background-color: inherit; 
   color: #0066cc; 
}

a:hover {
   text-decoration: none;
   background-color: inherit;
   color: #bf0000;
}
h2,h3 {
padding:15px 0;
margin:0;
}
h2 {
font-size:18px;
color:#000;
}
h3 {
font-size:14px;
color:#454545;
}
h4 {
padding:10px 0;
margin:0;
color:#bf0000;
}
p{
margin:0 10px 15px 0;
font-size: 12px;
}
img {
border:0;
}
img a {
border:0;
}
.img_left img {
padding: 10px 20px 10px 0;
border:0;
}
.img_right img {
padding: 10px 0px 10px 20px;
border:0;
}
ol, ul {
padding:0 0 5px 20px;
margin:0;
color:#212121;
}
.leftPage {
float:left;
margin:0 30px 0 0;
padding: 0;
width:240px;
}
.rightPage {
float:right;
margin:0 10px 0 0;
padding: 0 0px 0 0px;
text-align:left;
width:50%;
}
.clear {
clear:both;
}
#header {
border:0;
height:100px;
width:595px;
background: #fff url(uploads/images/optasia/header.jpg) no-repeat;
margin:0 0 0 0;
padding:0;
float:left;
}
#header h3 {
font-size:16px;
color:#bf0000;
font-weight:bold;
text-align:center;
background:transparent;
margin:0;
letter-spacing:1px;
padding:45px 0 0 40px;
}

#content{
float:left;
line-height:1.6em;
margin:0 auto;
padding:0 10px 0 10px;
text-align:left;
width:575px;
background:#fff;
font-size:12px;
}

#leftContent{
float:left;
margin:20px 0 0 0;
padding:5px 10px 0 10px;
background:#fff;
font-size:12px;
line-height:1.5em;
}
span.red {color: #bf0000}
p.red {color: #bf0000}
span.blue {
	color: #0066cc;
	}
p.blue {
	color: #0066cc;
	}
.pageImage {
text-align:center;
}
.pageImage img {
border:0;
margin:10px 0 0 0;
padding:0px;
text-align:center;
}

.books{
float:right;
text-align:left;
padding: 0 5px 20px 5px;
margin:0 5px 0 5px;
background:#fff;
color:#505050;
width:150px;
border:0px solid #ccc;
}
.books h3 {
color:#000;
font-size:1.1em;
border-bottom:2px solid #000;
text-align:center;
margin:0 0 5px 0;
padding:0;
color:#2f6319;
}
.books p {
color:#000;
font-size:11px;
text-align:left;
margin:0 0 0 10px;
padding:0;
line-height:1.1em;
}
span.author {
	font-size: 11px;
color:#212121;
}
span.desc {
	font-size: 11px;
color:#595959;
}
.more {
text-align:right;
padding: 5px 0 0 0;
font-size:11px;
}
.buy {
text-align:center;
margin:5px 0 0 0;
}
 .buy img {
text-align:center;
margin:0;
}
.books-page {
text-align:left;
padding: 0 5px 20px 5px;
margin:0 5px 0 5px;
background:#fff;
color:#505050;
width:500px;
border:0px solid #ccc;
}
.books-page h3 {
color:#000;
font-size:1.1em;
border-bottom:2px solid #000;
text-align:left;
margin:0 0 5px 0px;
padding:0;
color:#2f6319;
}
.books-page p {
color:#000;
font-size:11px;
text-align:left;
margin:0 0 0 10px;
padding:0;
line-height:1.1em;
}
/* Page */

#page {
	width: 770px;
	margin: 0 auto;
	background: url(uploads/images/optasia/leftbg.gif) repeat-y;
padding:0;
border-right:1px solid #656565;
border-top:1px solid #656565;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 175px;
margin:0;
padding:0;
background: #656565;
}

/* Logo */

#logo {
	height: 180px;
	background: #bf0000 url(uploads/images/optasia/logo_head.jpg) no-repeat;
}

#logo h1, #logo h2 {
	margin: 0;
	text-align: center;	
}

#logo h1 {
	padding: 55px 0 0 0;
	background: transparent;
	font-size: 30px;
text-transform: uppercase;
letter-spacing:1px;
color: #fff;
font-weight:bold;
}

#logo h2 {
	font-size: 14px;
color: #000;
padding: 10px 0 0 0;
font-weight: bold;
}

#logo a {
	color: #fff;
	text-decoration: none;
font-family:times, helvetica;
font-size:32px;
font-weight:bold;
}

/* Menu */
#navigation {
width:175px;
background:#656565;
margin:0;
padding:0;
}
#menu {
	padding: 0px;
	width:100%;
margin:0;
}

#menu ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}
#menu li {
	padding: 0;
	margin: 0;
font-weight:bold;
}

#menu li a, 
#menu li a:visited {
	text-decoration: none;
font-size: 11px;
	color: #fff;
	padding: 5px 10px 5px 20px;
	font-weight:bold;
	letter-spacing:1px;
background:#656565;
border-bottom:1px solid #999;
text-transform:uppercase;
display:block;
}
#menu li li a, 
#menu li li a:visited {
text-decoration: none;
font-size: 11px;
	color: #000;
	padding: 5px 10px 5px 30px;
	text-transform:none;
	font-weight:bold;
	letter-spacing:1px;
background:#656565;
border-bottom:1px solid #999;
}
#menu li a:hover{
text-decoration: none;
color: #000;
background:#656565 url(uploads/images/optasia/arrow_hover.gif) left center no-repeat;
padding: 5px 10px 5px 20px;
}
#menu li li a:hover{
text-decoration: none;
color: #ccc;
background:#656565 url(uploads/images/optasia/sub_arrow_hover.gif) left center no-repeat;
padding: 5px 10px 5px 30px;
}
#menu li h3  {
border-bottom:1px solid #999;
text-decoration: none;
font-size: 11px;
color: #000;
	padding: 5px 10px 5px 20px;
	font-weight:bold;
	letter-spacing:1px;
background:#656565 url(uploads/images/optasia/arrow.gif) left center no-repeat;;
margin:0;
text-transform:uppercase;
line-height:1.5em;
}

#menu li li h3 {
border-bottom:1px solid #999;
text-decoration: none;
font-size: 11px;
color: #000;
	padding: 5px 10px 5px 30px;
	text-transform:none;
	font-weight:bold;
	letter-spacing:1px;
background:#656565 url(uploads/images/optasia/sub_arrow_active.gif) left center no-repeat;
margin:0;
line-height:1.5em;
}
#menu li a.activeparent {
border-bottom:1px solid #999;
text-decoration: none;
font-size: 11px;
color: #000;
	padding: 5px 10px 5px 20px;
	font-weight:bold;
	letter-spacing:1px;
background:#656565 url(uploads/images/optasia/arrow_parent.gif) left center no-repeat;
margin:0;
text-transform:uppercase;
line-height:1.5em;
}
* html #menu li a { height: 1%; } 
* html #menu li hr { height: 1%; }
/* Content */
/************* #quick links and search styles ***************/
#links{
	clear: both;
	background:#fff;
	font:#000;
	padding: 0;
	margin:0 0 0 25px;
	}
.address {
padding:0;
margin:50px 0 0 10px;
height:80px;
background:transparent;
font-weight:bold;
}

.address p {
color:#000;
text-align:left;
padding:5px 0 5px 0;
font-size:.9em;
margin:0;
}
span.name {
color:#ccc;
padding:10px 0 0 10px;
text-align:center;
}
#imgRotate {
float:left;
margin:20px 0 0 20px;
padding:0 0 20px 0;
width:145px;
background:#fff;
}
#imgRotate img {
border:0;
margin:0;
}
.topTagLine {
margin:0 0 0 35px;
padding:0 0 0 0;
background:#fff;
color:#000;
text-align:center;
}
.topTagLine img {
border:0;

}

#quoteLine {
float:left;
margin:0px 0 0 0px;
padding:35px 0 0 0;
background:#fff;
color:#000;
text-align:left;
}
#quoteLine h2 {
color:#656565;
text-align:left;
font-weight:bold;
font-size:13px;
}
#search{
	float:left;
	padding: 30px 0px 5px 15px;
	font-size: 90%;
	background:#fff;
	margin:0;
	}
#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}

/* Footer */

#footer {
	width:770px;
	margin: 0 auto;
	background: #FFFFFF;
border-top:3px solid #0066cc;

}
.divider {
margin-left:175px;
background:#fff;
height:1px;
}
#footerWrapper {
float:left;
width:769px;
background: #FFFFFF;
border-right:1px solid #656565;
border-bottom:1px solid #656565;
border-left:1px solid #656565;
}
#footerRight{
float:right;
line-height:1.5em;
margin:0 auto;
padding:15px 0;
width:595px;
background:transparent;
font-size:1em;
text-align:center;
border-left:1px solid #656565;

}
.sponsors {
margin:20px 0 0 50px;
text-align:left;
float: left;

}
.sponsors img{
margin:0;
float: left;
}
#footerLeft {
	float: left;
	width: 171px;
padding: 25px 0;
margin:0 auto;
background: #FFFFFF;
text-align:center;

}
#footerLeft h5 {
color:#454545;
text-align:center;
font-weight:bold;
font-size:13px;
padding:0 0 15px 0;
}

#footerLeft img {
border:0;
margin:0 0 0 0;
text-align:center;
}
#site-info {
margin:0 0 0 150px;
padding-top:5px;
color:#0066cc;
text-align:center;
background:transparent;
height:25px;
}
#site-info ul li{
list-style:none;
}
#site-info ul{
margin: 0;
padding: 0;
margin:0 auto;
}
#site-info li {
float: left;
margin: 2px 0 0 0;
list-style:none;
text-align:center;
}
#site-info li a {
padding: 5px;
font-size: 100%;
text-decoration:none;			
}
#site-info li a:hover {
text-decoration:none;				
}
#copyright {
font-size: 95%;
padding-top:5px;
color:#333333;
text-align:center;
margin:0 auto;
background:#fff;
}
#copyright p{
font-size: 95%;
padding-top:5px;
color:#333333;
text-align:center;
margin:0;
}
#copyright a{
color:#4d8ac7;
}
#copyright a:hover{
color:#bf0000;
}
#copyright p.webdesign{
font-size: 95%;
padding-top:5px;
color:#999;
text-align:center;
margin:0;
}
/*Additional styles*/




/* End of 'optasia-main' */