body {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
padding : 0;
color : #000000;
background-color : #ffffff;
background-repeat : repeat-x;
background-position : left top;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
}
input, textarea {
width : 220px;
background : #ffffff url(images/img04.gif) repeat-x;
border-top : 1px solid #a3a3a3;
border-right : 1px solid #e5e5e5;
border-bottom : 1px solid #ffffff;
border-left : 1px solid #d6d6d6;
font : normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #757575;
}
h1, h2, h3, h4, h6, h7 {
color : #31363b;
}
h1, h1 a, h2, h2 a, h3 a, h4 a, h6 a, h7 a {
text-decoration : none;
color : #000000;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h6 a:hover, h7 a:hover {
color : #ff0000;
}
h8 a {
text-decoration : none;
color : #ff0000;
}
h8 a:hover {
color : #ffffff;
}
h1 {
	font-size : 20px;
	color: #990033;
}
h2 {
font-size : 12px;
font-weight : bold;
color : #ffffff;
}
h3 {
	font-size : 14px;
	color : #FFFFFF;
}
h4 {
font-size : 14px;
color : #000000;
}
h5 {
font-size : 10px;
color : #000000;
display : inline;
}
h6 {
font-size : 12px;
color : #000000;
}
h7 {
font-size : 12px;
color : #000000;
}
h8 {
font-size : 12px;
font-weight : bold;
}
p, ul, ol {
	margin-top : 0;
	line-height : 110%;
}
a.red {
color : #ff0000;
font-weight : bold;
margin-left : 10px;
}
a.red:hover {
color : #ffffff;
font-weight : bold;
margin-left : 10px;
}
a.white {
color : #ffffff;
}
a.white:hover {
color : #000000;
}
a.black {
color : #000000;
font-weight : bold;
font-size : 12px;
}
a.black:hover {
color : #ff0000;
}
ul, ol {
margin-left : 3em;
}
blockquote {
margin-left : 3em;
margin-right : 3em;
}
a {
	color : #333333;
	text-decoration : underline;
}
a:hover {
	text-decoration : none;
	color : #990033;
}
a img {
border : none;
}
img.left {
float : left;
margin-right : 20px;
}
img.right {
float : right;
margin-right : 5px;
clear : left;
}

img.centre {
	margin-right : 20px;
	vertical-align: top;
}

hr {
display : none;
}
#header {
	width : 100%;
	margin : 0 auto;
	background-image : url(Images/img05.jpg);
	background-repeat : repeat-x;
	background-position : left top;
}
#logo {
	width : 740px;
	height : 80px;
	margin-top : 0px;
	margin-right : 0;
	margin-bottom : 0;
	margin-left : 0;
	float : left;
	text-align : left;
}
#logo2 {
width : 400px;
height : 140px;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 10px;
text-align : left;
position : absolute;
}
#logo h1, #logo h2 {
margin : 0;
padding : 0;
text-transform : uppercase;
}
#logo h1 {
	font-size : 46px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #31363b;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 20px;
}
#logo h2 {
padding : 0 0 0 25px;
font-size : 10px;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
color : #808080;
}
#logo p {
margin : 0;
padding : 0 0 0 20px;
line-height : normal;
font-size : 1.2em;
font-weight : bold;
}
#logo a {
color : #31363b;
}
#img {
float : right;
height : 140px;
width : 120px;
}
#splash {
width : 754px;
height : 266px;
padding-bottom : 3px;
background : no-repeat left top;
float : left;
}

/*MENU */
.menu {
	width:745px;
	height:32px;
	position:relative;
	z-index:100;
	font-family:Arial, Helvetica, sans-serif;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:186px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:186px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:10px;
	text-decoration:none;
	color:#fff;
	width:186px;
	height:30px;
	border:1px solid #000;
	border-width:1px 0 1px 1px;
	line-height:29px;
	background-image: url(Images/img02.jpg);
	text-align: center;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:185px; w\idth:186px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background: #CCCCCC;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
	background-color: #CCCCCC;
}
.menu ul ul :hover > a.drop {
	background-color: #CCCCCC;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background: #CCCCCC;
}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:184px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:183px; top:-1px; width:183px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-183px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	color:#000;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:351px;
	border-width:0 1px 1px 1px;
	background: #CCCCCC;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:183px;w\idth:351px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#FFFFFF;
	background-color: #666666;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#FFFFFF;
	background: #666666;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu .current, .menu ul ul .current{
	color:#FFFFFF;
	background-color: #666666;
}
.menu .current > a, .menu ul ul .current > a {
	color:#FFFFFF;
	background: #666666;
}

/*SEARCH*/
#search {
float : right;
width : 230px;
height : 30px;
background-image : url(Images/img02.jpg);
border : 1px solid #000000;
}
#search form {
float : right;
margin : 0;
padding : 0 5px 0 0;
}
#search input {
float : left;
border : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
#searchagain {
width : 100px;
height : 18px;
color : #ff0000;
background-color : #ffffff;
margin-top : 5px;
padding-top : 3px;
padding-right : 0;
padding-bottom : 0;
padding-left : 5px;
}
#search-submit {
height : 30px;
margin-left : 5px;
color : #ffffff;
width : 110px;
background-image : url(Images/img02.jpg);
}

/*FORM*/
label {
width : 90px;
float : left;
text-align : left;
margin-right : 0.5em;
display : block;
margin-bottom : 0;
height : 15px;
padding-top : 12px;
}
select {
font-size : 12px;
padding : 0;
margin-right : 0;
margin-bottom : 10px;
float : right;
height : 20px;
font-family : Arial, Helvetica, sans-serif;
margin-top : 5px;
}
input {
color : #000000;
border : 1px solid #000000;
background-color : #cccccc;
margin-bottom : 0.5em;
}
.input2 {
color : #000000;
border : 1px solid #000000;
background-color : #cccccc;
margin-bottom : 0.5em;
display : block;
float : right;
height : 15px;
width : 235px;
padding-left : 5px;
font-family : Arial, Helvetica, sans-serif;
padding-top : 5px;
}
.submit input {
color : #ffffff;
border : 2px outset #cccccc;
width : 100px;
margin-right : 10px;
background-color : #ff0000;
margin-top : 10px;
}
fieldset#f1 {
margin : 0;
padding : 0;
border : none;
}
fieldset#f2 {
width : 700px;
border : 1px solid #ff0000;
float : left;
margin-top : 5px;
}
fieldset#f3 {
width : 700px;
border : 1px solid #ff0000;
float : left;
margin-top : 5px;
}
legend {
padding : 0.2em 0.5em;
border : 1px solid #ff0000;
color : #ff0000;
font-size : 90%;
text-align : right;
}
#left-column {
width : 340px;
float : left;
}
#right-column {
width : 340px;
float : right;
}
#left-column2 {
width : 340px;
float : left;
}
#right-column2 {
width : 340px;
float : right;
}

/*PAGE*/
#wrapper {
width : 100%;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
}
#page {
	width : 754px;
	margin-right : auto;
	margin-bottom : 0;
	margin-left : auto;
	padding-top : 0;
	border : thin solid #990033;
	margin-top : 10px;
}
#content {
float : left;
width : 340px;
height : 360px;
}

#example1 {
	float : left;
	width : 370px;
	height : 100px;
	padding-top: 160px;
}

#example2 {
	float : left;
	width : 340px;
	height : 100px;
	padding-top: 160px;
}

#example3 {
	float : left;
	width : 739px;
	height : 100px;
	padding-top: 160px;
}
#example4 {
	float : left;
	width : 300px;
	height : 100px;
	padding-top: 160px;
	text-align: center;
}
#example5 {
	float : right;
	width : 200px;
	height : 100px;
	padding-top: 160px;
	text-align: right;
	padding-right: 15px;
}

#example6 {
	float : left;
	width : 220px;
	height : 100px;
	padding-top: 160px;
}

#example7 {
	float : left;
	width : 280px;
	height : 100px;
	padding-top: 50px;
	padding-left: 450px;
}
#example8 {
	float : left;
	width : 280px;
	height : 100px;
	padding-top: 50px;
	padding-left: 160px;
}
#example9 {
	float : left;
	width : 180px;
	height : 100px;
	padding-top: 50px;
	padding-left: 100px;
}
#example10 {
	float : left;
	width : 130px;
	height : 200px;
	padding-top: 50px;
	padding-left: 230px;
}
#example11 {
	float : left;
	width : 100px;
	height : 200px;
	padding-top: 50px;
	padding-left: 240px;
}
#brochures {
	float : left;
	width : 739px;
	height : 266px;
	background-image : url(Images/Brochures.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 3px;
}
#books {
	float : left;
	width : 739px;
	height : 266px;
	background-image : url(Images/Books.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 3px;
}
#directories {
	float : left;
	width : 739px;
	height : 266px;
	background-image : url(Images/Directories.jpg);
	background-repeat : no-repeat;
	padding-left: 15px;
	padding-bottom: 3px;
}
#calendars {
	float : left;
	width : 739px;
	height : 266px;
	background-image : url(Images/Calendars.jpg);
	background-repeat : no-repeat;
	padding-left: 15px;
	padding-bottom: 3px;
}
#corporate {
	float : left;
	width : 739px;
	height : 266px;
	background-image : url(Images/Corporate.jpg);
	background-repeat : no-repeat;
	padding-left: 15px;
	padding-bottom: 3px;
}
#cards {
	float : left;
	width : 739px;
	height : 266px;
	background-image : url(Images/Cards.jpg);
	background-repeat : no-repeat;
	padding-left: 15px;
	padding-bottom: 3px;
}
#leaflets {
	float : left;
	width : 739px;
	height : 266px;
	background-image : url(Images/Leaflets.jpg);
	background-repeat : no-repeat;
	padding-left: 15px;
	padding-bottom: 3px;
}
#websites {
	float : left;
	width : 739px;
	height : 266px;
	background-image : url(Images/Websites.jpg);
	background-repeat : no-repeat;
	padding-left: 15px;
	padding-bottom: 3px;
}
#banners {
	float : left;
	width : 739px;
	height : 266px;
	background-image : url(Images/Banners.jpg);
	background-repeat : no-repeat;
	padding-left: 15px;
	padding-bottom: 3px;
}
#contact {
float : left;
width : 754px;
height : 350px;
background-image : url(Images/Image_Contact.png);
background-repeat : no-repeat;
}

.post {
padding : 0;
margin-top : 130px;
}
.post .title {
margin : 0;
padding-top : 0;
padding-right : 20px;
padding-bottom : 10px;
padding-left : 10px;
}
.post h1.title {
height : 40px;
font-size : 28px;
color : #ffffff;
padding-top : 5px;
padding-right : 0;
padding-bottom : 0;
padding-left : 20px;
}
.post h2.title {
height : 40px;
font-size : 14px;
color : #ffffff;
padding-top : 30px;
padding-right : 0;
padding-bottom : 0;
padding-left : 10px;
}
.post h8.title {
height : 40px;
font-size : 14px;
color : #ffffff;
padding-top : 30px;
padding-right : 0;
padding-bottom : 0;
padding-left : 10px;
}
.post .title a:hover {
text-decoration : none;
}
.post .entry {
padding-top : 10px;
padding-right : 0;
padding-bottom : 10px;
padding-left : 10px;
color : #ffffff;
font-size : 14px;
width : 410px;
float : left;
}
#sidebar {
	float : left;
	width : 260px;
	margin-left : 10px;
	height : 270px;
	padding-top : 10px;
	border-right-width : 1px;
	border-right-style : dotted;
	border-right-color : #cccccc;
	padding-right: 10px;
}
#sidebar2 {
	float : right;
	width : 460px;
	margin-left : 10px;
	border-top-width : 1px;
	border-top-style : dotted;
	border-top-color : #cccccc;
	height : 270px;
	padding-top: 10px;
}
#sidebar4 {
	float : left;
	width : 740px;
	margin-left : 10px;
	height : 290px;
	padding-top : 10px;
}
#sidebar3 {
	float : left;
	width : 730px;
	margin-left : 10px;
	height : 290px;
	padding-top : 10px;
	padding-right: 10px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 40px;
}

#sidebar li ul {
	padding-left: 0px;
}

#sidebar li li {
	margin: 0;
	padding: 5px 10px;
	border-bottom: 1px dotted #D6C9BF;
}

#sidebar li h2 {
	margin: 0 0 1em 0;
	padding: 15px 0  5px 25px;
	height: 30px;
	text-transform: lowercase;
	font-size: 28px;
	letter-spacing: -1px;
}

#sidebar li p {
	padding: 0 20px;
}

#advertising {
	float : left;
	width : 740px;
	margin-left : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 0;
	margin-top : 10px;
	height : 30px;
	text-align: center;
	display: inline;
	margin-bottom: 10px;
}
#advertising2 {
	float : left;
	width : 740px;
	margin-left : 0;
	color : #ffffff;
	font-size : 12px;
	text-align : center;
	height : 20px;
	padding-top : 5px;
	background-color : #990033;
}
#advertising3 {
float : right;
width : 180px;
background-color : #cccccc;
margin-top : 10px;
text-align : left;
height : 70px;
padding-left : 10px;
padding-bottom : 10px;
padding-top : 5px;
}
#advertising4 {
	float : left;
	width : 740px;
	margin-left : 10px;
	border-top-width : thin;
	border-top-style : solid;
	border-top-color : #990033;
	padding : 0;
	margin-top : 0;
}
#footer {
clear : both;
width : 754px;
height : 30px;
background-color : #ffffff;
background-image : url(Images/img01.jpg);
background-repeat : repeat-x;
background-position : left top;
margin-top : 5px;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
}
#footer p {
margin : 0;
line-height : normal;
padding-top : 10px;
padding-right : 15px;
padding-bottom : 35px;
padding-left : 15px;
}
#footer .legal {
float : left;
}
#footer .credit {
float : right;
}

/*this is to keep page from shifting to left on load in safari and firefox*/
html {
min-height : 100%;
margin-bottom : 1px;
}