/*** The contents of this file were (ostensibly) written by Owen Briggs
@ www.thenoodleincident.com, and any Copyright rests with him. No
credit for the work that has gone into researching the use of font
sizes and styles rests with ClevaTreva Designs. 100% Kudos to Owen.
This is an EDITED version of the original! You will want to play with
these settings to make your own style for fonts and color other
bits. ***/

body {
	font-family: Trebuchet MS, Arial, Sans-Serif;
	font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
	color:#000000;
	}
a {
	text-decoration: none;
	font-weight: normal;
	outline: none;
	color:#E03056;
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
strong, b {
	font-weight: bold;
	}
h1 {
	font-size: 1.4em; 
	font-weight:normal;
	padding:26px 0 12px 0;
	margin:0;
	color:#E03056;
	text-transform: uppercase; 
}
h2 {
	font-size: 1.1em; 
	margin:6px 0 4px 0px;
	color:#4E5659;
	font-weight:normal;
}
h3 {
	font-size: 0.85em; 
	margin: 6px 0px 2px 0px;
	font-weight: bold;
}
p {
	font-size: 0.85em;
	line-height: 1.3em;
	margin: 0;
	padding: 0px 0px 10px 0px;
}
td {
	font-size: 90%;
	}
/* PB code */

.pagerbox {
	clear: both;
	margin: 5px 0 10px 0px;
	padding:2px;
	height: 22px;
	font-size: 0.8em;
	border: 1px solid #dee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #f1f9f9;
}
.pagerbox a, .pagerbox span.current { margin: 0 .4em 0 0; padding: 2px; }
.pagerbox a.page       {}
.pagerbox span.current { color: #be261e; font-weight: bold; }
.pagerbox a.first      {}
.pagerbox a.last       {}
.pagerbox span.extend  {}
.pagerbox span.pages   {}

#container-center{
	padding:0 10px 10px 10px;
}
#container-center ul{
	 margin:0 30px 6px 30px; 
	 padding:0;
}
#container-center li{
	 margin:0 0 0 8px;
	 font-size:0.79em
	 }
#container-right ul{
	 margin:0 30px 6px 30px; 
	 padding:0;
}
#container-right li{
	 margin:0 0 0 8px;
}
.defaulttable  {
	border-collapse: collapse;
	border: 1px solid #c0c1c2;
	font-size:0.9em;
	color: #666666;
	background-color:#c5d6f3;
}
.defaulttable td, .formstyle th {
	border: 1px solid #c0c1c2;
	padding: .5em;
	color: #666666;
	background: #e2e2e3;
  }

.defaulttable thead th {
	text-align: left;
	background: #c3c3c4;
	color: #666666;
	text-transform:uppercase;
	padding: .5em;
}
.defaulttable td td {
	border: none;
}

/* END PB code */
img {
	border: 0;
	}
/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/
div,p{margin:0}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */
#sidebar {
	position: relative;
	width: 191px;
	margin: 0;
	padding: 0;
}
#navlist {
	font-size:0.75em;
}
#navlist, #navlist ul {
	margin: 0;
	padding: 0 ;
	list-style-type: none;
	font-weight:normal;
}
#navlist li {
	margin:0;
	color: #E03056;
}
#navlist li a, #navlist li a:visited {
	display: block;
	padding: 4px 4px 4px 20px;
	border-bottom: 1px dotted #C0C1C3;
	background-color: #fff;
	color: #E03056;
	text-decoration: none;
}
#navlist li a:hover {
	background-color: #C0C1C3;
	color: #2D1E2D;
}
#navlist ul li a, #navlist ul li a:visited {
	display: block;
	padding: 4px 4px 4px 26px;
	border-bottom: 1px dotted #C0C1C3;
	background-color: #fff;
	color: #E03056;
	text-decoration: none;
	font-size: 1em;
}
#navlist ul li a:hover {
	background-color: #C0C1C3;
	color: #2D1E2D;
}

/* Top navigation */
#subheader2 .navbar {
	margin: 0;
	padding: 0;
	position: relative;
	height: 28px;
	padding-left: 14px;
	font-size:0.8em;
	padding: 0;
}
#subheader2 .navbar ul {
	margin: 0;
	padding: 0;
	float: left;
}
#subheader2 .navbar li {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
}
#subheader2 .navbar a:hover, #subheader2 .navbar .active{
	color: #fff;
	background:#000 url(../images/navbar_over2.gif) right center repeat-x;
}
#subheader2 .navbar li a {
	display: block;
	float: left;
	padding: 0 9px;
	height: 28px;
	line-height: 27px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}


/* footer navigation */


#subfooter1 .navbar {
	margin: 0;
	padding: 0;
	font-size:0.8em;
}
#subfooter1 .navbar ul {
	margin: 0;
	padding: 0;
	float: left;
	margin-top:13px;
	margin-left:10px;
}
#subfooter1 .navbar li {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
}
#subfooter1 .navbar a:hover {

}
#subfooter1 .navbar li a {
	display: block;
	float: left;
	padding: 0 9px;
	height: 28px;
	line-height: 27px;
	text-decoration: none;
	cursor: pointer;
}


/* side nav*/

#SideNav-Container {
	position: relative;
	width: 191px;
	font-size: .75em;
	margin: 0;
	padding: 0;
}
#SideNav-Container ul {
	margin: 0;
	padding: 0 ;
	list-style-type: none;
	font-weight:bold;
}
#SideNav-Container li {
	margin:0;
	color: #E03056;
}
#SideNav-Container li a, #SideNav-Container li a:visited {
	display: block;
	padding: 4px 4px 4px 20px;
	border-bottom: 1px dotted #C0C1C3;
	background-color: #fff;
	color: #E03056;
	text-decoration: none;
}
#SideNav-Container li a:hover
{
	background-color: #C0C1C3;
	color: #2D1E2D;
}


#SideNav-Container ul li ul li.active a{
	color: #2D1E2D;
}

#SideNav-Container ul li ul li.plain a{
	color: #E03056;
}



#SideNav-Container ul ul li {
	padding:0 0 0 8px;
}
#SideNav-Container #SideNav-Container .uberlink {
	background-color: #9F6F9F;
	/*background-image:  url(sidenav_bkg_over.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;*/
	color: #333 !important;
	font-weight: bold;
	cursor: default;
}





h3#inthissection {
    padding-top: 29px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
	margin:0;
	background-image:url(../images/in-this-section.gif);
    background-repeat: no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:29px; /* for IE5.5's bad box model */
}	
h3#profile {
    padding-top: 94px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
	margin:0;
	background-image:url(../images/how-to-appoint.gif);
    background-repeat: no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:94px; /* for IE5.5's bad box model */
}	
h3#howtoappoint {
    padding-top: 29px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
	margin:0;
	background-image:url(../images/how-to-appoint.gif);
    background-repeat: no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:29px; /* for IE5.5's bad box model */
}	

.post_date {
	font-size:0.72em;
	font-style:italic;
	border-bottom:1px solid #CCCCCC;
	padding:0 0 4px 0;
}
.entry p {
	padding-top:6px;
}
.postmetadata {
	font-size:0.72em;
}
/*
h3#profile {
    padding-top: 94px; /* height of the replacement image * /
    height: 0px;
    overflow: hidden;
	margin:0;
	background-image:url(../images/andrew-fleming.jpg);
    background-repeat: no-repeat;
	height: 0px !important; /* for most browsers * /
    height /**/:94px; /* for IE5.5's bad box model * /
}	
/* An alternative image replacement technique* /
h3#profile2 {
    height: 94px; 
    width: 191px; 
	margin:0;
	padding:0;
    overflow: hidden;
	background-image:url(../images/andrew-fleming.jpg);
    background-repeat: no-repeat;
	height: 94px !important; /* for most browsers * /
    height /** /:94px; /* for IE5.5's bad box model * /
}	
*/