/* GENERAL STYLES */
.todo
{
    background-color: yellow;
}

#holderbody
{
        background-color: #fff;
        margin: 10px;
}

#holder
{
	border: 1px solid #ccc;
	padding: 10px;
}

#holder h2 {
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 120%;
}
#holder h3 {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 130%;
	margin-top: 1.5em;
}
#holder p {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 180%;
	margin-top: 1.5em;
}
#holder ul {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 1.5em;
}
#holder ul li {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 180%;
	list-style-type: disc;
	margin-left: 2em;
}
#holder ul li ul {
	margin-top: 0;
	font-size: 1.3em;
}
#holder ul li ul li {
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 180%;
	list-style-type: disc;
	margin-left: 2em;
}
#holder .imagecaption {
	padding:0;
	margin: 0;
	padding-top: 8px;
	font-size: .95em !important;
	display: block;
	line-height: 130%;
	padding-right: 30px;
}
#holder blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	margin-left: 2em;
	margin-right: 2em;
	font-style: italic;
}
#holder blockquote p {
	line-height: 130%;
	color: #666666;
}
#holder table {
	width: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 1.5em;
	color: #666666;
}
#holder table tr {
	margin: 0;
	padding: 0;
}
#holder table td {
	margin: 0;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
}

#holder a {
	font-weight: bold;
	color: #7B347E;
}

/* CSS Document */
/* CSS Document */
/*Varnish stripping**/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
abbr, acronym {border: none;}
/*browser normalisation*/
#force-scrollbar { 
	position: absolute; 
	top: 0; 
	bottom: -1px;
	width: 1em;
	z-index: -1;
}
/*accessibility*/
.access {
	display: none;
}
#skiplinks {	
	position: absolute;
	top: 0;
	left: -2000px;
	z-index: -100;
}
/*Main page elements*/
.nobreak {
	white-space : nowrap;
}
.clearboth {
	clear: both;
}
body {
	background-color: #E8E8E8;
	margin-top: 8px;
	font-size: 62.5%;
}
/*Top banner*/
#header {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	font-size: 1.2em;
	position: relative;
	padding-top: 10px;
}
#header h1#strapline {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	margin-left: 22px;
}
#header h1#phone {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	margin-right: 22px;
}
#logo-container {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	height: 89px;
	position: relative;
	background-image: url(/media/827/menu-background.jpg);
	background-repeat: no-repeat;
	clear: both;
	overflow: hidden;
}
#logo {
	float: left;
}
#search-form {
	float: right;
	margin-right: 24px;
	height: 39px;
	padding-top: 36px;
}
#search-form p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #8D8D8D;
}
#search-form input#search {
	width: 120px;
	border: 1px solid #CCCCCC;
	height: 16px;
	padding: 2px;
	vertical-align: middle;
	color: #333333;
}
#search-form input#search-go-button {
	padding: 2px;
	padding-top: 3px;
	vertical-align: middle;
}
#search-form label {
	padding-right: 6px;
	color: #8D8D8D;
}
#search-form a {
	color: #8D8D8D;
	margin-left: 2px;
}
/*Menu*/
#top-menu {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	left: 0;
	top: 0;
	background-image: url(/media/772/background-grad.jpg);
	background-repeat: repeat-y;
	clear: both;
}
#top-menu ul {
	background-color: #7B347E;
	margin-left: 6px;
	margin-right: 6px;
	border-bottom: 6px solid #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: .5em;
	padding-left: 10px;
}
#top-menu li {
	display: inline;
	background-color: #7B347E;
	background-image: url(/media/782/divider-bar.gif);
	background-repeat: no-repeat;
	background-position: 0px .25em;
}
#top-menu li#home {
	display: inline;
	background-color: #7B347E;
	background-image: none;
}
#top-menu li a {
	color: #FFFFFF;
	font-weight: bold;
	padding: .2em;
	padding-right: 1em;
	padding-left: 1em;
}
#top-menu li a:hover {
	color: #FFFF00;
	text-decoration: none;
}
#login {
	position: absolute;
	top: 0;
	right: 0;
}
#login li {
	display: inline;
	background-color: #7B347E;
	background-image: none;
}
/*Breadcrumb trail */
#breadcrumb {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/media/772/background-grad.jpg);
	background-repeat: repeat-y;
	color: #999999;
	padding-top: 6px;
	padding-bottom: 6px;
	text-transform: lowercase;
}
#breadcrumb ul {
	margin-left: 28px;
	margin-right: 28px;
}
#breadcrumb li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 12px;
	font-size: 1.1em;
	background-image: url(/media/777/breadcrumb-arrow.jpg);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
#breadcrumb #bc-home {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 0;
	font-size: 1.1em;
	background-image: none;
}
#breadcrumb a {
	color: #666666;
}
#breadcrumb a:hover {
	color: #7B347E;
}
/*Sub menu*/
#sub-menu {
	font-family: Arial, Helvetica, sans-serif;
}


/*Main content container*/
#main-content-container {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/media/772/background-grad.jpg);
	background-repeat: repeat-y;
}
#main-content {
	background-image: url(/media/772/background-grad.jpg);
	background-repeat: repeat-y;
	float: left;
	width: 768px;
	position: relative;
}
/*Left column container */
#left-col-container {
	width: 164px;
	padding-right: 0;
	padding-left: 6px;
	float: left;
	/*
	padding-bottom: 100px;
	position: absolute;
	top: 0;
	left: 0;*/
}
#sub-menu {
	font-size: 1.4em;
	font-weight: bold;
	color: #666666;
	line-height: 140%;
	border-top: 1px dotted #999999;
	padding-top: .5em;
	width: 164px;
}
#sub-menu .menu-head {
	padding-left: 22px;
	width: 142px;
}
#sub-menu ul {
	border-bottom: 1px dotted #999999;
	margin-bottom: .5em;
	padding-bottom: .5em;


}
#sub-menu ul li {
	padding-left: 22px;
		width: 142px;

}
#sub-menu li ul li {
	font-size: .85em;
	padding-left: 22px;
		width: 142px;
}
#sub-menu a {
	color: #666666;
	text-decoration: none;
	display: block;
	width: 142px;
	background-color: #FFFFFF;
}
#sub-menu a:hover {
	color: #7B347E;
}

/*Right content container*/
#right-col-container {
	float: left;
	width: 556px;
	margin-left: 36px;
	border-top: 1px dotted #999999;
	padding-top: .8em;
	padding-bottom: 70px;

}
#right-col-container a {
	color: #7B347E;
	font-weight: bold;
}
#right-col-container a:hover {
	color: #FF3300;
}

/*Central content container */
#central-col-container {
	float: left;
	width: 380px;
}


/*Right-hand menu*/
#right-menu-container {
	width: 155px;
	float: right;
}
#right-menu-container ul#right-menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	border-bottom: 1px dotted #999999;
	line-height: 110%;
	margin-bottom: 30px;
}
#right-menu-container ul#right-menu strong {
	padding-bottom: .5em;
	display: block;
}
#right-menu-container ul#right-menu li {
	font-weight: bold;
	color: #333333;
}
#right-menu-container ul#right-menu li ul li {
	border-top: 1px dotted #999999;
	font-weight: normal;
	color: #999999;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-right: 10px;
}
#right-menu-container ul#right-menu li ul li a {
	display: block;
	background-color: #FFFFFF;
	width: 145px;
	font-weight: normal;
	font-style: normal;
	color: #666666;
}
#right-menu-container ul#right-menu li ul li a:hover {
	color: #7B347E;
}
#right-menu-container p#pull-quote {
	color: #999999 !important;
	font-size: 1.4em !important;
	padding-right: 16px !important;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140% !important;
}

/*Right-menu bullets */
#right-menu-container ul#right-bullets {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 110%;
	margin-bottom: 30px;
}
#right-menu-container ul#right-bullets strong {
	padding-bottom: .5em;
	display: block;
}
#right-menu-container ul#right-bullets li {
	font-weight: bold;
	color: #333333;
}
#right-menu-container ul#right-bullets li ul li {
	font-weight: normal;
	color: #333333;
	padding-top: .25em;
	padding-bottom: .25em;
	padding-right: 10px;
	list-style-type: disc;
	margin-left: 1.5em;
}
#right-menu-container ul#right-bullets li ul li a {
	display: block;
	background-color: #FFFFFF;
	width: 145px;
	font-weight: normal;
	font-style: normal;
	color: #666666;
}
#second-bullets-menu {
	padding-top: 2em;
}
/*Footer*/
#footer {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/media/807/footer-background.jpg);
	background-repeat: no-repeat;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #999999;
	line-height: 140%;
	padding-top: 33px;
	padding-bottom: 10px;
}
#footer #top-of-page {
	text-align: right;
	margin-right: 22px;
}
#footer #footer-menu {
	margin-top: 20px;
	margin-left: 22px;
}
#footer a {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	color: #7B347E;
}

/* EDITOR PROPERTIES */
p {

}

h3 {

}