@charset "utf-8";
/*Sexology Clinic*/

* {margin:0;padding:0;outline:none;border:none;}
ul, li {list-style-type:none;}
a {text-decoration:none;}
/* Body Styles */
body {background:#dcdddf;font:13px/16px Calibri, Arial, serif;}
/* Body Styles */
.fl {float:left}
.fr {float:right}
.al {text-align:left}
.ar {text-align:right}

/*-----------------------------Header*/
.topStrip {width:100%;height:2px;background:#333}
.header {width:100%;height:125px;background:url(../images/headerBg.gif) repeat-x top left;}
.topNav {height:29px;width:820px;margin:0 auto;position:relative;z-index:1000;}
.topNav ul {height:100%;float:right;}
.topNav ul li {display:inline;float:left;}
.topNav ul li a {display:block;padding:6px 10px 5px 10px;color:#404040;}
.topNav ul li a:hover {color:#FFF;background:#333;border-radius:0 0 4px 4px;}
.whiteColor {background:#FFF}
.logoBand {width:800px;padding:0 15px 0 5px;height:94px;margin:0 auto;overflow:hidden;background:#f3f3f9 url(../images/logoBand_bg.jpg) repeat-x left top;}
.logo {width:266px;height:87px;}
.askDiv {width:143px;height:57px;padding:19px 0 0 0;background:url(../../images/askbutton.gif) no-repeat 0 0}
.askDiv h2 {font:bold 11px Verdana, Geneva, sans-serif;color:#FFF;text-align:center;padding:0 0 8px 0}
.askDiv h3 {font:10px Verdana, Geneva, sans-serif;color:#FFF;text-align:center;padding:4px 0 2px 0}
.askDiv h3 a {color:#CCC;}
.askDiv h3 a:hover {color:#FFF;}
.askDiv p {font:10px Verdana, Geneva, sans-serif;color:#FFF;color:#999}
/*-----------------------------Wrapper*/
.wrapper {width:820px;height:100%;;margin:0 auto;overflow:hidden;background:#f3f3f9;border:3px solid #FFF;border-width:3px 0 3px 0}
.fContent {width:820px;height:120px;background:#c6c7cb;border-bottom:3px solid #FFF;}

.innerPage a.mailToLink {color:#333}
.innerPage a.mailToLink:hover {color:#000}
.innerPage h3 {font-size:14px;color:#333;padding:5px 0 10px 0}
.innerPage h3.line {border-bottom:1px solid #ccc}
.innerPage p {line-height:18px;}
.innerPage img {border:5px solid #efefef;box-shadow:1px 1px 0 #CCC;-moz-box-shadow:1px 1px 0 #CCC;-webkit-box-shadow:1px 1px 0 #CCC;-o-box-shadow:1px 1px 0 #CCC;}
.innerPage p span.bold {font-weight:bold}
/*-------------------Services Page*/
.innerPage ul {padding:0 0 5px 0}
.innerPage ul li {padding:5px 0 5px 15px;line-height:18px;background:url(../../images/LeftBulletIcon.gif) no-repeat left 7px}
.innerPage ul li span.bold {font-weight:bold}

/*-------------------Main Contetn Area*/
.mainContent {width:780px;padding:20px;background:#efefff;overflow:hidden;}
.leftContent {width:495px;background:#FFF;padding:10px}
.leftContent p {color:#404040;padding:5px 0 10px 0}
.leftContent p.bold {color:#333;font-weight:bold}
.leftContent img.strip {border:2px solid #FFF;margin:0 0 10px 0}
.leftContent h1 {color:#dc0a00;padding:0 0 10px 0;margin:0 0 10px 0;font:normal 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;border-bottom:1px dashed #999}
.leftContent h2 {color:#666;padding:8px 0;margin:0 0 10px 0;font:bold 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;border-bottom:1px dashed #999}
.leftContent h1 span {font-weight:bold;color:#060}
.leftImg {padding:0 0 5px 10px}
.eduLinks ul {height:100%;overflow:hidden;}
.eduLinks ul li {width:220px;margin:0 15px 15px 0;border:5px solid #efefef;height:75px;background:#C06;float:left;box-shadow:1px 1px #ccc;-moz-box-shadow:1px 1px #ccc;-webkit-box-shadow:1px 1px #ccc;-o-box-shadow:1px 2px #ccc;}

/*NEW Sexuality Education*/
.FaqLinks {width:240px;padding:15px 0;float:left;}
.FaqLinks ul li {padding:0 0 10px 0;}
.FaqLinks ul li a {color:#333}
.FaqLinks ul li a:hover {padding:0 0 0 3px;color:#000;border-bottom:1px dashed #333}

.rightContent {width:250px;height:100%;float:right}
.rightContent h2 {color:#666;padding:0 0 12px 0;font:bold 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;border-bottom:1px dashed #999}
.humourBox {margin:0 0 15px 0}
.humourBox ul li a {display:block;padding:6px 10px 8px 10px;background:#efefef;border-bottom:1px solid #CCC;border-top:1px solid #FFF;color:#333;font-size:14px}
.humourBox ul li a:hover {padding:6px 10px 8px 12px;color:#060;}
.humourBox ul li a.jokes {background:#efefef url(../../images/icon_smile.png) no-repeat right 5px}
.humourBox ul li a.jokes:hover {background:#c5e0e7 url(../../images/icon_smile.png) no-repeat 225px 5px}
.humourBox ul li a.funnysms {background:#efefef url(../../images/icon_razz.png) no-repeat right 5px}
.humourBox ul li a.funnysms:hover {background:#c5e0e7 url(../../images/icon_razz.png) no-repeat 225px 5px}
.humourBox ul li a.funnyPic {background:#efefef url(../../images/icon_pic1.png) no-repeat right 5px}
.humourBox ul li a.funnyPic:hover {background:#c5e0e7 url(../../images/icon_pic1.png) no-repeat 225px 5px}
.helpline {width:250px;height:145px;}
.helpline img {padding:10px 0}

ul.funnypics {height:100%;overflow:hidden;}
ul.funnypics li {margin:0 0 20px 0;background:none;padding:0;}
ul.funnypics li img {border: 5px solid #ccc;}

ul.funnyJokes {height:100%;overflow:hidden;}
ul.funnyJokes li {margin:0 0 15px 0;background:url(../../images/icon_razz.png) no-repeat top left;padding:0 0 15px 30px;border-bottom:1px dotted #999;}


.newsBox {padding:20px 0;}
.newsBox h3 {font-weight:normal;padding:0 0 5px 0;}
.newsBox h3 a {color:#aa8a0b;}
.newsBox h3 a:hover {color:#F00;}
.newsBox ul li {border-top:1px solid #FFF;background:url(../../images/bullet.png) no-repeat 0 14px;border-bottom:1px solid #CCC;padding:10px 0 10px 20px}
.newsBox ul li:hover {background:#e9e9ec url(../../images/bullet.png) no-repeat 0 14px;}
.newsBox p.date {color:#999;}
.newsBox a.seeMore {display:block;color:#666;padding:10px 0;text-align:center;}
.newsBox a.seeMore:hover {background:#e6e6e7;}



/* Navigation */
#header {}

/* Top Level Menu */
#header ul {margin: 0 auto;position:absolute;left:260px}
#header ul li {display: block;text-align:center;width: 80px;}
#header ul li a {color:#666;}
#header ul li a:hover {color:#FFF;}


/* Sub Level Nav */
#header ul li ul {
	background: #e8e7e7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width:auto;
	position:relative;
	z-index:2000;
	/*width: 100px;*/
	left:87px;
	border: 1px solid #c4c4c4;

}

#header ul li ul li {
	border-bottom: 1px solid #a4a4a4;
	border-top: 1px solid #fff;
	display: block;
	float: none;
	height: 100%;
	text-align: center;
	margin: 0;
	text-align:left;
	width:165px;
	overflow:hidden;
	
}

#header ul li ul li a {

	display:block;
	color:#666;
	padding:6px;
	
}

#header ul li ul li a:hover {
	color: #FFF;
	border-radius:5px 5px 5px 5px;

}

/*-----------------------------Feature Content*/
.fContent_homepage {width:776px;padding:20px 22px;height:333px;background:#c6c7cb;border-bottom:3px solid #FFF;}
ul.featContent {height:100%;overflow:hidden}
ul.featContent li {float:left;border:1px solid #999;width:153px;height:330px;background:#666}
ul.featContent li a {display:block;width:153px;height:330px;}
.ic_container{
    vertical-align:baseline;
    position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
    position:absolute;    
    opacity:0.6;   
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.ic_category{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
    padding:8px 5px 0 5px;
	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Verdana, Geneva,;
	color:#FFF;
    font-size:18px;
}

/*-----------------------------Footer*/
.footer {width:780px;height:50px;margin:0 auto 20px auto;padding:30px 20px 10px 20px; background:#1a1a1a;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-ms-border-radius:0 0 10px 10px}
.copyRight {width:300px;color:#dcdcdc;padding:0 0 0 0;font:11px Arial, Helvetica, sans-serif}
.copyRight a {color:#FFF}
.copyRight a:hover {color:#09F}
.socialIcon {overflow:hidden;width:207px}
.socialIcon ul {height:100%;overflow:hidden;}
.socialIcon ul li {width:32px;height:32px;float:left;margin:0 0 0 10px}
.socialIcon ul li a:hover {position:relative;top:-32px;}

.accordion-toggle {cursor: pointer; margin: 5px 0 0 0;padding:7px 10px;font-size:16px; background:#efefef url(../../images/questionIcon.png) no-repeat 470px 6px;border-bottom:1px solid #FFF}
.accordion-content {display: block; border-bottom:1px solid #ccc; background:url(../images/accordianContentBg.jpg) repeat-x top left;padding:0 10px 0 10px;margin:0 0 12px 0;}
.accordion-content.default {display: block;}

.disclaimer {width:80px;padding:8px 0 0 0;float:left}
.disclaimer a {color:#666}
.disclaimer a:hover {color:#FFF}