/* Start of CMSMS style sheet 'drperl' */
html, body {
   background: #fff url(images/dr/bg-blue.gif) repeat top;
   font-family: 'Century Gothic', Helvetica,Arial,sans-serif;
   font-size:12px;
   margin:0;
   padding:0;
   text-align:left;  
   color: #333;  
   line-height: 1.8em;
} 

#container {   
   -x-system-font:none;
   font-family: 'Century Gothic', Helvetica,Arial,sans-serif;
   font-size:1em;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   line-height:normal;
   margin:0 auto;
   overflow:hidden;
   text-align:left;
   width:1033px;
   background: #fff; /*url(images/mbc/bg-mid.png) repeat-y scroll 0 0;*/ 
   background: rgba(255, 255, 255, 0.5);
}  

* html #container {
   overflow:visible;
}

#header {
	width: 1033px;
	height: 198px;
	padding-top: 7px;  
	background: #FFF url(images/dr/top-bg.png) no-repeat;
}       

#logo {
   float:left;
}
#banner {
   float:left;
}

img {
   border: none;
}       
      


/* TYPOGRAPHY */
a {
   color:#3679ff;
   text-decoration: none;
}
a:hover {
   color:#333;
   text-decoration:underline;
}     

h1 {
   -x-system-font:none;
   color:#000;
   text-transform: uppercase;
   font-size:1.8em;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   line-height:normal;
   margin-top:0;
   padding-top:0;
}
.mainheading {
   font-size:123%;
   font-weight:bold;
}
h2 {
   -x-system-font:none;
   color:#3679ff;
   font-size:1.5em;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   line-height:normal;
   margin-top:0;
   padding-top:0;
}    

h3, h4, h5 {
   -x-system-font:none;
   color:#3679ff;
   font-size:1em;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   line-height:normal;
   margin-top:0;
   padding-top:0;
} 

h4, h5 {
   color:#666; 
} 
p {
   font-size:1em;  
}

        




/* NAVIGATION */
ul#nav {
	margin: 0 0 10px 0;
	list-style: none;
	padding: 0px;
	
}
ul#nav li {
	float: left;
	margin: 0;
	padding: 0;
} 

ul#subnav {
	margin: 0;
	list-style: none;
	padding: 0px;
	
}    

#content {
	line-height: 1.5em;
} 

#content img {
	float: left;
	margin: 10px 20px 5px 0;
	
}
     

a.more-link {
	background: url('images/dr/long/arrow-white.png') no-repeat top left;
	color: #3679ff; 
	margin-top: 1.5em;
	padding: 8px 20px; 
}


ul#subnav li {
	display: block;
	margin: 0;
	padding: 6px 0 6px 16px;  
	border-bottom: 1px dotted #cdcdcd;  
	background: #fff url('images/dr/long/arrow-white.png') top left no-repeat;
}

ul#subnav li.sel, ul#subnav li:hover  {  
	border-bottom: 1px dotted #fff;   
    background: #97c9ec url('images/dr/long/arrow-blue.png') top left no-repeat;
} 
ul#subnav li a {

	text-decoration: none;
	color: #000;
}
   

/*  BOX LAYOUTS */   

.clear {
	clear: both;
} 

.hr {
	margin: 2em 0 2em 0;
	border-bottom: 1px dotted #999;
}
 
.box {
	float: left;
}          
 
.small-mid {
   	background: url('images/dr/home/box-small-bg.png');
	padding: 10px 25px 10px 15px;
	width: 162px; 
}   
.small-bot {
	background: url('images/dr/home/box-small-bottom.png');
	width: 202px;
	height: 20px;
}
    
/*  SHORT PAGE  */
.small-blue-mid {
   	background: url('images/dr/home/box-small-blue-bg.png');
	padding: 15px 25px 15px 15px;
	width: 162px; 
}   
.small-blue-bot {
	background: url('images/dr/home/box-small-blue-bot.png');
	width: 202px;
	height: 20px;
}

.subnav-mid {
   	background: url('images/dr/long/subnav-bg.png');
	width: 201px; 
	min-height: 300px;
	border-left: 1px solid #eee;
}   
.subnav-bot {
	background: url('images/dr/long/subnav-bot.png') left bottom no-repeat;
	width: 202px;
	height: 10px;
}      

/*  LONG PAGE  */
            
.long-head {
	background: url('images/dr/long/box-long-top.png');
	height: 24px; 
	padding: 16px 0 0 20px;
	color: #fff;
	text-transform: uppercase;
}
.long-mid {
	background: url('images/dr/long/box-long-brain.png');
	padding: 15px 65px 15px 20px;
 	width: 572px;
	min-height: 350px;
}
.long-bot {
	background: url('images/dr/long/box-long-bot.png');
	height: 25px;
}   

/*  WIDE PAGE  */        

.wide-head {
	background: url('images/dr/wide/box-wide-top.png') no-repeat;
	height: 22px; 
	padding: 16px 0 0 20px;
	color: #fff;
	text-transform: uppercase;
}
.wide-mid {
	background: url('images/dr/wide/box-wide-brain.png');
	padding: 15px 25px 15px 20px;
	min-height: 350px;
}
.wide-bot {
	background: url('images/dr/wide/box-wide-bot.png');
	height: 15px;
}










.submitbox {  
   margin: 0;
   clear: both;
   padding: 8px 0 8px 16px;
   height: 24px;
   background: #fff url(images/mbc/bg-side.png) repeat-y -16px 0;
    
}  
.submitbox form {
   margin:0;
   height: 24px;   
}  
#subscribe {
   	background:transparent url(images/mbc/bg-contentside.png) no-repeat scroll right top;
	margin-right:16px;
	overflow:visible;
	height: 24px;
	padding:8px 32px 8px 16px;
	text-align:right;
	width:629px;
}
.linkbutton {
   background:#E5E5E5 none repeat scroll 0 0;
   border:medium none;
   color:#949494;
   font-size:1em;
   font-weight:bold;
   height:20px;
   padding:3px 8px;
}
#maincontent ul {
   list-style: none;
   padding:0;
   margin: 0;
}
#maincontent ul li {
    line-height: 1.5em;
	border-bottom: 1px dotted #efefef; 
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;
} 

.advert {
   background:#FFFFFF none repeat scroll 0 0;
   border:1px solid #C8C8C8;
   margin-left:12px;
   padding:5px;
   width:160px;
}        


.content ul {
	list-style: none;
	margin: 10px 0 10px 0; 
	padding: 0 16px 0 0;
}
.content li {
	padding: 6px 0 6px 42px;
	border-bottom: 1px dotted #EEE;
	background: url(images/mbc/lotus.png) 0 50% no-repeat;   
}
.content li:hover {
	border-bottom: 1px dotted #ddd;
	background: #DCE9F4 url(images/mbc/lotus.png) 0 50% no-repeat; 
}





ul#nav a:link, ul#nav a:visited, ul#nav li ul li a:link {
	font-size: inherit;
	font-weight: bold;
	color: #666;
	text-decoration:none;
}

ul#nav a:hover {
	font-size: inherit;
	font-weight: bold;
	color: #2965A6;
	text-decoration:underline;
}

ul#nav a:active {
	font-size: inherit;
	font-weight: bold;
	color: #666;
	text-decoration:underline;
}

ul.sub a { text-decoration:  none; color:  #000;}
ul.sub a:hover { text-decoration:  none; color:  #B9060A;}    

.UC {
	text-transform: uppercase;
}

/* --------------------------------------- forms */


.formbuilderform label {
	width: 25em;
	position: absolute; 
	text-align:left; 
	text-transform: capitalize;  
	font-size: 1em; 
}  

.formbuilderform  input, .formbuilderform  select { 
    margin-left: 15em;
	font-size: 1em;
}           
  
.hidden { 
	position: relative;
	left:-999px;
}


         
.hide {
	display: none;
}  

.error {
	border: 1px solid #ff0000;
}
        

ul.faq li {
	padding: 5px 0 5px 25px;
	background: url(images/dr/long/arrow-white.png) left top no-repeat;
        list-style:none;
}
ul.faq li:hover a, ul.faq li a:hover {
	color: #000;
}
/* End of 'drperl' */

