/* http://meyerweb.com/eric/tools/css/diagnostics/ 
----------------------------------------------------------------------------------------- 

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; } 

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

body,img,ul,ol,dl,dt,dd,blockquote,p,h1,h2,h3,h4,h5,h6,form,fieldset {border: none; list-style: none; line-height:1.1em; margin: 0;padding: 0;font-weight: normal; outline:none;}

body {background: url(../layout/bg_body.png) repeat-x #e1deca; color:#333; margin:0; padding:0; font-family: "Calibri", "Cambria", Arial, Helvetica, sans-serif; font-size:14px; line-height:120%}

html {overflow-y: scroll;}

/************************************************************************ <h> TAGS CSS ************************************************************************/

h1 {color:#2e627c;}
h2 {color:#138acc;}
h3 {color:#435070;}
h4 {color:#323232;}

h1{font-size:150%;}
h2{font-size:110%;}
h3{font-size:100%;}
h1,h2,h3{margin:0.2em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}

/************************************************************************ LIST ITEMS CSS ************************************************************************/

ul, li {margin:0; padding:0}

/************************************************************************ PSEUDO CLASSES CSS ************************************************************************/

a:link, a:visited {color:#006cb2; text-decoration:none;}

a:hover {color:#0d3039; text-decoration:underline;}

/************************************************************************ FORM STYLING ************************************************************************/

form {font-family: 'calibri', 'lucida grande', Verdana, Geneva, sans-serif; overflow:hidden; background:#ddd; border:1px solid #ccc; margin-bottom:10px; margin-top:10px;}

.submit {width:200px; height:auto; background: /*url(../layout/bg_search.jpg) top right no-repeat*/ #58a6e0; border:1px solid #828282; color:#fff; font-weight:bold; font-size:14px; float:right; -moz-border-radius: 3px; -webkit-border-radius:3px; text-align:center; clear:both}

.submit:hover { background:#294970; cursor:pointer;}

input {background:#fff; color:#435070; border:1px solid #ccc; font-family: 'calibri', 'lucida grande'; padding:3px 2px; font-size:12px; padding-left:5px; float:left; width:350px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

select {background:#fff; font-family: 'calibri', 'lucida grande'; border:1px solid #ccc; padding:4px 2px; font-size:12px; padding-left:5px; width:359px; float:left; -moz-border-radius: 3px; -webkit-border-radius:3px; color:#435070}

textarea {background:#fff; color:#435070; font-family: 'calibri', 'lucida grande'; font-size:12px; border:1px solid #ccc; padding:5px 2px; float:left; padding-left:3px; width:351px; -moz-border-radius: 3px; -webkit-border-radius:3px;}

.fileField {background:#eee; color:#435070; border:1px solid #74afd7; font-family: 'calibri', 'lucida grande'; padding:3px 2px; font-size:12px; padding-left:5px; float:right; width:195px; margin-bottom:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

table {border:1px dotted #ccc; background:#eee;}
tr {vertical-align:middle; }
td {vertical-align:top; font-weight:normal; text-align:left; padding:3px 5px; }

/************************************************************************ GENERIC CSS ************************************************************************/

img {border:none;}
.profilepic{
	float:right; border:1px solid #CCCCCC; padding:4px; background:#fff;
}

.image_border {border:1px solid #CCCCCC; margin:0px 0px 4px; padding:4px;}

.border {border:2px solid #555; background:#555;}

.transparent_class {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.disclaimer-txt {font-size: 10px; color:#0d3039}
.disclaimer-txt-two {font-size: 12px; color:#929293; text-align:justify; margin-top:10px;}
.title {font-size: 16px; color:#0d3039; text-align:center;}
.orange {color:#f48d0c}
.darkBlue {color:#0f425b}
.lightBlue {color:#138acc}
.break {width:680px; height:0px; border-bottom:5px solid #e2eceb; float:left}
.hideElement {display:none}

/************************************************************************ SITE CSS ************************************************************************/

#headerwrap {width:100%; background:url(../layout/header_bg.png) no-repeat;}
#header {height:131px; width:960px; margin:auto; position:relative}
#logo {height:80px; position:absolute; left:2px; top:10px;}
#contactAddress {height:75px; position:absolute; right:210px; top:15px; font-weight:bold; text-align:right; color:#fff; padding:5px}
#contactAddress2 {height:75px; position:absolute; right:371px; top:15px; font-weight:bold; text-align:right; color:#fff; padding:5px}
#contactDetails {height:75px; position:absolute; right:0px; top:15px; font-weight:bold; text-align:right; color:#fff; padding:5px}
#contactDetails a{color:#7bbce6}
#wrapper {border:1px solid #ccc; width:965px; margin:auto; background:#eee}
#container {
	width:940px;
	margin:auto;
	background:#fff;
	position:relative;
	margin-top:10px;
	padding:10px 10px 20px;
	border-bottom:none;
	overflow: hidden;
}
#rightNav {float:right; width:215px; padding:5px; background:#eee; border:1px solid #ddd; text-align:center;}
.rightNavPromo {width:213px; height:100px; margin-bottom:5px; background: #fff; border:1px solid #ccc;}
#content {float:left; width:680px; background: url(../layout/bg_homebox.jpg) bottom repeat-x #fff; padding:5px 10px 20px; margin:0px 0px 5px; border:1px solid #ccc; font-size:1.1em;}
#content p{
	margin-bottom:1px;
}
.homePromoBox {float:left; width:209px; height:240px; text-align:left; position:relative; bottom repeat-x #fff; padding:9px; margin-right:7px; margin-top:5px; border:1px solid #eee; border-bottom-width:5px; border-top-width:5px;}
.homePromoBox h2 {font-size:18px; font-weight:bold; vertical-align:bottom; height:30px; }
.homePromoBoxLogo {position:absolute; bottom:0px; left:0px; width:227px; height:50px;}
.homePromoBoxlarge {float:left; width:680px; height:200px; text-align:left; position:relative; background: url(../layout/bg_medicolegal.jpg) bottom left no-repeat #fff; padding: 5px 10px;  border:1px solid #eee; margin-top:10px;}

.hpbl-text {width:445px; height:185px; text-align:justify; position:absolute; top:10px; right:15px;}
.hpbl-text h2 {font-size:18px; font-weight:bold; vertical-align:bottom; height:30px; } 
.hpbl-text a {text-decoration:none}
.halfPromoBox h1{
	float:left;
	width:209px;
	height:400px;
	position:relative;
	padding:9px;
	margin-right:7px;
	margin-top:10px;
	border:1px solid #eee;
	border-bottom-width:5px;
	border-top-width:5px;
	display:block;
	background-color: transparent;
	filter:alpha(opacity=0);
	text-align:right;
}
.halfPromoBox h1 a:link{
}
#lhspromo{
	width:209px; 
	height:200px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(../images/training-experience-psych-medicine.jpg);
	background-position:bottom;
	text-align:right;
}
#rhspromo{
	text-decoration:none;
	width:209px; height:200px;
	float:right;
	background-repeat:no-repeat;
	background-image:url(../images/training-experience-sexual-health.jpg);
	background-position:bottom;
	text-align:right;
}
#lhspromo a, #rhspromo a{
	display:block;
	height:100px;
	vertical-align:bottom;
	text-decoration:none;
	font-size:20px;
	margin-top:15px;
	
}

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

#footerWrapper {width:100%; margin-bottom:0px; overflow:hidden; clear:both}

#footer {
	background: #fff;
	line-height: 1.7em;
	width: 960px;
	margin: 0px auto;
	font-size:12px;
}

.container .auxlinks{
	float: left;
	background:#fff;
	width: 100%;
	padding-bottom:20px;
	color: #fff;
}
.container .auxlinks ul.col3 {
	width: 210px;
	margin: 0px;
	background:#fff;
/*	border:1px solid #ccc;*/
}
.auxlinks ul.col3 li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 215px;
}
.auxlinks ul.fav li a, #blog .rightcol ul.links li a {
	color:#18212d;
	float: left;
	width: 215px;
	text-decoration: none;
	padding: 2px 5px 2px 0px;
}
.auxlinks ul.fav li a:hover, #blog .rightcol ul.links li a:hover {
	display: block;
	background: #eee;
	color:#18212d;
	text-decoration:underline;
}
li.first p {
	padding: 0;
	margin-bottom: 10px;
	margin-top:10px;
}
li.first p strong{
	font-size: 1.5em;
	font-weight: bold;
	display: block;
	text-align: center;
	background:#adc6d4;
	color:#fff;
	padding: 5px 0;
}
ul.siteinfo p{
	line-height: 2em;
}
li.sole p strong{
	padding-bottom:10px;
}
.disclaimerWrap {
	background: #18212d;
	border-top: 1px solid #85d1ff;
	width: 100%;
}

.disclaimer {
	padding: 20px 0;
	width: 960px;
	font-size:12px;
	margin:auto;
	text-align:center;
	color: #ccc;
}
.disclaimer a {
	text-decoration: none;
	color: #ccc;
}


/************************************************************************ STYLING CSS ************************************************************************/

.noMarginTop {margin-top:0px}
.noMarginBottom {margin-bottom:0px}
.noMarginLeft {margin-left:0px}
.noMarginRight {margin-right:0px}

.textAlignRight {text-align:right}
.textAlignLeft {text-align:left}
.textAlignCenter {text-align:center}
.textAlignJustify {text-align:justify}

.marginTop {margin-top:10px}
.marginBottom {margin-bottom:10px}
.marginLeft {margin-left:10px}
.marginRight {margin-right:10px}

.noPadding {padding:0px; height:auto; width:auto}
.noBorder {border:none}
.dottedBorderBottom {border-bottom:2px dotted #ccc;}

div.pdf-reference {clear:both; overflow:hidden; margin:10px 0; background:#f0f0f0; border:1px solid #ddd; padding:10px;}
div.pdf-reference h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; padding-left:125px;}

div.pdf-reference p {padding-left:125px;}

img.reference {
    -moz-border-radius: 5px; -webkit-border-radius:5px;
    -moz-box-shadow: 0 1px 5px rgba(255, 255, 255, 0.3);
    background: none repeat scroll 0 0 rgba(29, 123, 179, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.2);
    float: left;
    margin: 3px 0 15px;
    padding: 5px;
}

img.reference:hover {background: none repeat scroll 0 0 rgba(29, 123, 179, 0.2); cursor:pointer;}