@charset "UTF-8";

/* Screen Styles                                    */
/* Copyright(C)2009 Source Internet Development Ltd */

/* Common Styles */
html {height: 100%; margin: 0;}
body {height: 100%; background: top center repeat-x url(../images/bg-header-pattern.jpg) #fff; margin: 0; text-align: center;}

p, span, h1, h2, h3, h4, h5, a, label, table, li	{font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #5f5f5f;}

#header100			{width: 100%; margin: 0; text-align: center; padding: 0;}
#headerArea			{width: 960px; margin: 0 auto; text-align: left;}
#logo				{float: left; margin: 0 15px 0 0;}
#logo img				{border: none;}

#headerLeft			{margin: 0; padding: 0; float: left;}
#headerRight			{margin: 0; padding: 0; float: right; text-align: left;}

#menuBar 			{text-align: left; margin: 0; padding: 0;}
#menuBar ul 			{margin: 0; padding: 19px 0 0 0; list-style: none;}
#menuBar li 			{float: left; margin: 0 20px 0 0; padding: 0; color: #fff;}
#menuBar li a 			{text-decoration: none; color: #fff; font-weight: normal; font-size: 90%;}
#menuBar li a:hover 	{text-decoration: none; color: #fff600;}

#iconRow				{float: right; margin: 0 10px 0 0; padding-top: 103px;}

#footer100			{width: 100%; margin: 0; padding: 0; clear: both; border-top: 1px solid #ced0d4; border-bottom: 1px solid #ced0d4; background: #e6e9ec;}
#footerArea			{margin: 0 auto; width: 960px; text-align: left; overflow: hidden;}
#footerArea p			{font-size: 80%; color: #5f5f5f; margin: 0;}
#footerArea p a		{font-size: 100%; color: #5f5f5f; font-weight: normal; text-decoration: none;}
#footerArea p a:hover	{color: #fff; background: #5f5f5f; text-decoration: none;}

#footerArea #leftCol		{float: left; margin: 10px 0 30px 8px; padding: 0;}
#footerArea #rightCol	{float: right; margin: 10px 20px 30px 0; padding: 0;}

#subMenu100				{width: 100%; margin: 0; text-align: center; background: none; padding: 50px 0 0 0; clear: both;}
#subMenuArea			{width: 940px; padding-left: 20px; margin: 0 auto 26px auto; text-align: left; overflow: hidden;}
#subMenuArea h1			{color: #7035ac; font-weight: normal; font-size: 200%; margin: 0;}
#subMenuArea ul			{margin: 0 0 0 0; padding: 0 0 0 0;}
#subMenuArea li			{color: #999; font-size: 90%; display: inline; margin: 0 14px 0 0; padding: 0 0 0 12px; list-style: none; background: left no-repeat url(../images/icon-submenu-arrow.png);}
#subMenuArea li a		{color: #9b67d1; margin: 0;}
#subMenuArea li a:hover {color: #fff; background: #9b67d1; text-decoration: none;}
#subMenuArea p			{color: #9b67d1; font-size: 90%; margin: 0;}
#subMenuArea p a		{color: #9b67d1; margin: 0;}
#subMenuArea p a:hover	{color: #fff; background: #9b67d1; text-decoration: none;}

#stdContent100					{width: 100%; margin: 0; text-align: center; background: none; padding: 0; clear: both;}
#stdContentArea					{width: 940px; background: none; margin: 0 auto 45px auto; text-align: left; overflow: hidden;}
#stdContentArea	#halfLeft		{float: left; text-align: left; width: 435px; margin: 0 0 25px 10px;}
#stdContentArea	#halfRight		{float: right; text-align: left; width: 435px; margin: 0 10px 25px 0;}
#stdContentArea	#wideLeft		{float: left; text-align: left; width: 635px; margin: 0 0 0 10px;}
#stdContentArea	#narrowRight	{float: right; text-align: left; width: 230px; margin: 0 10px 0 0;}
#stdContentArea	#contactLeft	{float: left; text-align: left; width: 640px; margin: 0 0 0 10px;}
#stdContentArea	#contactRight	{float: right; text-align: left; width: 225px; margin: 0 8px 0 0;}
#stdContentArea h2				{font-size: 110%; margin: 0 0 7px 0; color: #7035ac;}
#stdContentArea p				{font-size: 90%; margin: 0 0 20px 0; color: #4e525a; line-height: 130%;}
#stdContentArea ul				{margin: 0 25px 30px 0; padding: 0 0 0 15px; overflow: hidden;}
#stdContentArea li				{font-size: 80%; margin: 0 0 3px 0; color: #333; padding: 0 0 8px 13px; list-style: none; font-weight: bold; background: top left no-repeat url(../images/icon-smallbullet-arrow.png);}

#clearLists				{margin: 0; overflow: hidden;}
#listColFloat			{float: left;}

#halfImg				{margin: 0 0 25px 0;}
#halfImg img			{margin: 0 0 5px 0;}
#halfImg p				{margin: 0; font-size: 80%; padding: 0 30px 0 15px; color: #777;}
#halfImg p a			{margin: 0; font-size: 100%; padding: 0; color: #9b67d1;}
#halfImg p a:hover		{background: #9b67d1; color: #fff; text-decoration: none;}

#rightImg				{margin: 0 0 12px 22px; float: right; text-align: left;}
#rightImg img			{margin: 0 0 5px 0;}
#rightImg p				{margin: 0; font-size: 80%; padding: 0 30px 0 15px; color: #777;}
#rightImg p a			{margin: 0; font-size: 100%; padding: 0; color: #9b67d1;}
#rightImg p a:hover		{background: #9b67d1; color: #fff; text-decoration: none;}

#leftImg				{margin: 0 22px 12px 0; float: left; text-align: left;}
#leftImg img			{margin: 0 0 5px 0;}
#leftImg p				{margin: 0; font-size: 80%; padding: 0 30px 0 15px; color: #777;}
#leftImg p a			{margin: 0; font-size: 100%; padding: 0; color: #9b67d1;}
#leftImg p a:hover		{background: #9b67d1; color: #fff; text-decoration: none;}

#linkBox				{margin: 0 0 20px 0;}
#linkBox a				{margin: 0;}
#linkBox img			{border: none;}




/* Homepage Styles */
#homeFeature100			{width: 100%; margin: 0; text-align: center; background: none; padding: 25px 0 0 0; clear: both;}
#homeFeatureArea		{width: 960px; background: none; margin: 0 auto 45px auto; text-align: left; overflow: hidden;}
#feature1				{float: left; width: 294px; background: bottom left no-repeat url(../images/home-intro-page.png); margin: 0 0 0 10px; padding: 19px 0 35px 0; text-align: left;}
#feature1 #txtPic		{margin: 0 0 8px 28px;}
#feature1 h1			{margin: 0 0 15px 28px; color: #313131; font-weight: normal; font-size: 75%; width: 243px;}
#feature1 h2			{margin: 0 0 15px 28px; color: #5f5f5f; font-weight: normal; font-size: 75%; width: 243px;}

#feature2				{float: left; width: 294px; margin: 0 0 0 28px; padding: 0 0 35px 0; text-align: left;}
#feature2 #pic			{margin: 0 0 10px 0;}
#feature2 #heading		{margin: 0 0 10px 8px;}
#feature2 #icon			{float: left; margin: 0 6px 0 9px;}
#feature2 p				{font-size: 90%; margin: 0;}
#feature2 p a			{font-size: 100%; color: #2796df; margin: 0;}
#feature2 p a:hover		{color: #fff; background: #2796df; text-decoration: none;}

#homeContent100			{width: 100%; margin: 0; text-align: center; padding: 0; clear: both; background: #fff top left repeat-x url(../images/bg-home-base.png);}
#homeContentArea		{width: 960px; margin: 0 auto; padding-left: 10px; text-align: left; overflow: hidden;}
#homeContentArea p		{font-size: 80%; margin: 0; color: #4e525a;}
#homeContentArea h5		{font-size: 80%; color: #2796df; font-weight: normal; margin: 0;}
#homeContentArea h5 a	{font-size: 100%; color: #2796df; text-decoration: underline; margin: 0;}
#homeContentArea h5 a:hover		{color: #fff; background: #2796df; text-decoration: none;}

#homeCol				{float: left; width: 294px; margin: 0 28px 60px 0;}
#homeCol #title			{width: 294px; height: 41px; margin: 0 0 14px 0;}
#homeCol #eventbox 	{margin: 0 0 18px 10px; clear: both;}
#homeCol #eventbox #eventpic	{float: left; margin: 0 10px 10px 0; background: white; padding: 3px; border: 1px solid #ddd;}
#homeCol #event			{margin: 0;}
#homeCol #newsbox		{margin: 0 0 18px 10px; clear: both;}
#homeCol #newsbox #newspic	{float: left; margin: 0 10px 10px 0; background: white; padding: 3px; border: 1px solid #ddd;}
#homeCol #newsbox #news	{margin: 0;}
#homeCol #newsbox #news p img	{display:none;}

#homeColEnd				{float: left; width: 294px; margin: 0 0 60px 0;}
#homeColEnd	#title		{width: 294px; height: 41px; margin: 0 0 14px 0;}
#homeColEnd #sponsor	{margin: 0 0 18px 10px; clear: both;}
#homeColEnd #logo		{margin: 0 0 18px 10px; float: right;}

#facebook {margin: 35px 0 35px 0;}
#facebook img {margin: 0; padding: 0; border: 0;}
#facebook a {border: 0;}


/* About Styles */
#trusteeProfile			{margin: 0 0 35px 0; text-align: left; clear: both; overflow: hidden;}
#trusteeText			{float: left; width: 290px; margin: 0 0 10px 0;}
#trusteeProfile h5		{font-weight: bold; font-size: 110%; color: #3e4045; margin: 0 0 2px 0;}
#trusteeProfile	p		{margin: 0; clear: both;}
#trusteePic				{float: right; margin: 0; padding: 0; width: 120px;}

#trusteeTitle {width: 600px; height: 123px; margin: 0 0 20px 0;}
#trusteeTitle h2 {color: white; font-size: 130%; margin: 0 0 0 105px; padding-top: 56px;}
#trusteeTitle p {margin: 0 0 0 105px; color: white;}
#trusteeTitle p a {color: #c8a8d7;}
#trusteeTitle p a:hover {color: white;}

#trusteeLink {margin: 0; padding: 0; clear: both;}
#trusteeLink p {font-weight: bold; font-size: 90%; margin: 0;}
#trusteeLink p a {color: #7035ac; font-size: 100%;}
#trusteeLink p a:hover {color: #fff; background: #9b67d1; text-decoration: none;}


/* News Styles */
#newsArchive			{margin: 0 0 45px 0;}
#newsArchive h3			{color: #7035ac; font-weight: bold; font-size: 100%; margin: 0 0 5px 0;}
#newsArchive ul			{margin: 0 0 35px 0; padding: 0;}
#newsArchive li			{color: #999; font-size: 80%; font-weight: normal; margin: 0 0 5px 0; padding: 0 0 0 12px; list-style: none; background: left no-repeat url(../images/icon-submenu-arrow.png);}
#newsArchive li a		{color: #9b67d1; margin: 0;}
#newsArchive li a:hover {color: #fff; background: #9b67d1; text-decoration: none;}

#newsStory				{margin: 0 0 35px 0; padding-bottom: 20px; border-bottom: 1px solid #c7c8cb; text-align: left; clear: both; overflow: hidden;}
#newsStory h2			{margin: 0 0 5px 0; font-weight: bold; font-size: 150%; padding: 0; color: #7035ac;}
#newsStory h2 a			{margin: 0; color: #7035ac; font-size: 80%;}
#newsStory h2 a:hover	{color: #fff; background: #000; text-decoration: none;}
#newsStory img			{display: none;}
#newsSnippetPic			{float: left; margin: 0 15px 15px 0; background: white; padding: 3px; border: 2px solid #c7c8cb;}
#newsSnippetPic img		{display: block;}

#newsFullStory				{margin: 0 0 45px 0; text-align: left; clear: both; overflow: hidden;}
#newsFullStory h2			{margin: 0 0 5px 0; font-weight: bold; font-size: 150%; padding: 0; color: #7035ac;}
#newsFullStory h2 a			{margin: 0; color: #7035ac; font-size: 80%;}
#newsFullStory h2 a:hover	{color: #fff; background: #000; text-decoration: none;}
#newsFullStory p			{clear: none;}
#newsFullStory img			{float: left; margin: 0 20px 8px 0; border: 1px solid #b2b5b9; padding: 5px; background: white;}
#newsFullStory h1			{margin: 0 0 5px 0; font-weight: bold; font-size: 140%; padding: 0; color: #7035ac;}
#newsFullStory h3			{margin: 0 0 5px 0; font-weight: bold; font-size: 120%; padding: 0; color: #7035ac;}
#newsFullStory h5			{margin: 0 0 5px 0; font-weight: bold; font-size: 100%; padding: 0; color: #7035ac;}

#smallText				{margin: -5px 0 15px 0; clear: both;}
#smallText p			{font-size: 80%; color: #aaa; margin: 0;}
#smallText p a			{font-size: 100%; color: #2796df; margin: 0;}
#smallText p a:hover	{color: #fff; background: #2796df; text-decoration: none;}

#newsContactBox			{margin: 0 0 35px 0; width: 230px; height: 160px;}
#newsContactBox	a		{margin: 0; border: 0;}




/* Events Styles */
TABLE.calendarBG							{margin: 0 0 55px 0; vertical-align: top; padding: 0; border-collapse: collapse; width: 635px;}
TABLE.calendarBG TR.calendarHeader			{padding: 0; text-align: center;}
TABLE.calendarBG TR.calendarHeader TH		{padding: 0 0 12px 0; vertical-align: top;}
TABLE.calendarBG TR.calendarHeader TH a		{padding: 0 50px;}

TABLE.calendarBG TD						{font-size: 90%; padding: 20px 0; text-align: center; background: #f4f6f8; border: 1px solid #ced0d4;}
TABLE.calendarBG TD.calendarDayHeading		{padding: 5px 0; font-weight: bold; background: #521b8a; color: #fff; border: 1px solid #521b8a; border-bottom: none;}

#eventArchive				{margin: 0 0 45px 0;}
#eventArchive h3			{color: #7035ac; font-weight: bold; font-size: 100%; margin: 0 0 9px 0;}
#eventArchive ul			{margin: 0; padding: 0;}
#eventArchive li			{color: #999; font-size: 80%; font-weight: normal; margin: 0 0 12px 0; line-height: 110%; padding: 0 0 0 12px; list-style: none; background: left no-repeat url(../images/icon-submenu-arrow.png);}
#eventArchive li a			{color: #9b67d1; margin: 0;}
#eventArchive li a:hover 	{color: #fff; background: #9b67d1; text-decoration: none;}
#eventArchive li span		{color: #aaa; font-size: 90%; font-weight: normal; padding: 0;}

#eventContent				{margin: 0 0 45px 0; text-align: left; clear: both; overflow: hidden;}
#eventContent h2			{margin: 0 0 10px 0; font-weight: bold; font-size: 150%; padding: 0; color: #7035ac;}
#eventContent p				{clear: none;}
#eventContent img			{float: left; margin: 0 20px 8px 0; border: 1px solid #b2b5b9; padding: 5px; background: white;}

TABLE.eventData				{margin: 0 0 12px 0; border: 0; text-align: left; vertical-align: top;}
TABLE.eventData TH			{font-weight: normal; color: #5f5f5f; font-size: 80%; padding: 0 8px 3px 0;}
TABLE.eventData TD			{font-weight: bold; color: #333; font-size: 80%; padding: 0 8px 3px 0;}
TABLE.eventData TD a		{color: #333; font-size: 100%; padding: 0;}
TABLE.eventData TD a:hover	{background: #333; color: #fff; text-decoration: none;}




/* Membership Styles */
#membershipForms		{padding: 0; background: top left no-repeat #221034 url(../images/bg-membershipdocs.png); width: 435px; height: 205px; margin: 30px 0 25px 0;}
#membershipForms h2		{color: #fff; font-weight: normal; font-size: 110%; margin: 0 0 5px 30px; padding: 22px 0 0 0;}
#membershipForms p		{color: #c8a8d7; margin: 0 30px 15px 30px; font-size: 80%; font-weight: normal;}
#membershipForms ul		{margin: 0 0 22px 30px; padding: 0;}
#membershipForms li		{color: #fff; font-size: 90%; font-weight: bold; list-style: none; padding: 0 0 5px 23px; background: top left no-repeat url(../images/icon-file.png);}
#membershipForms li a	{color: #fff; font-size: 100%;}
#membershipForms li a:hover	{background: #fff; color: #7035ac; text-decoration: none;}

#fullWidthForm				{clear: both; border-top: 1px solid #b5b8bd; border-bottom: 1px solid #b5b8bd; overflow: hidden; margin: 0 10px; padding: 25px 0 30px 0;}
#fullWidthForm h2			{margin: 0; font-size: 120%;}
#fullWidthForm h5			{margin: 0; font-size: 100%;}
#fullWidthForm p			{}
#fullWidthForm #col1		{margin: 0; height: 400px; padding: 0; float: left; width: 240px; border-right: 1px solid #b5b8bd;}
#fullWidthForm #col2		{margin: 0; height: 400px; padding: 0 0 0 30px; float: left; width: 240px; border-right: 1px solid #b5b8bd;}
#fullWidthForm #col3		{margin: 0; height: 400px; padding: 0 0 0 30px; float: left; width: 350px;}
#fullWidthForm label		{font-size: 100%; font-weight: bold; margin: 0 0 2px 0; color: #333;}

#fullWidthForm #freeform		{margin: 0;}
#fullWidthForm #freeform	ul	{margin: 0; padding: 0;}
#fullWidthForm #freeform	li	{margin: 0 0 5px 0; padding: 0; list-style: none; background: none;}

.memFormBox					{margin: 0 0 12px 0; width: 200px; border: 2px solid #aaa; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color: #000; padding: 3px;}
.memBtn						{margin: 0; border: 2px solid #aaa; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color: #000; padding: 3px;}



/* Goddard Styles */
#applicationForm {background: top left no-repeat url(http://www.creativehinckley.co.uk/images/bg-applicationform.png); width: 435px; height: 155px; margin: 0 0 25px 0;}
#applicationForm h2 {color: white; font-size: 120%; font-weight: bold; padding: 20px 0 5px 25px;}
#applicationForm p {padding: 0 30px 10px 25px; color: #c8a8d7; margin: 0; font-size: 80%;}
#applicationForm ul {margin: 0 0 0 25px; padding: 0;}
#applicationForm li {font-size: 90%;}
#applicationForm li a {color: white;}
#applicationForm li a:hover {color: #c8a8d7;}




/* Links Styles */
#linkBox				{margin: 0 0 20px 0; clear: both; overflow: hidden;}
#linkBox h4				{color: #333; font-size: 90%; margin: 8px 0 0 0; font-weight: bold;}
#linkBox img			{float: right; margin: 0 0 15px 20px;}
#linkBox p				{line-height: 120%; font-size: 80%; margin: 0 0 5px 0;}
#linkBox p a			{font-size: 100%; color: #9b67d1;}
#linkBox p a:hover		{color: #fff; background: #9b67d1; text-decoration: none;}




/* Contact Styles */
#contactForm			{padding: 0; background: top left no-repeat #221034 url(../images/bg-contactform.png); width: 640px; height: 305px; margin: 0 0 25px 0;}
#contactForm h2			{color: #fff; font-weight: normal; font-size: 110%; margin: 0 0 13px 30px; padding: 22px 0 0 0;}
#contactForm label		{color: #c8a8d7; margin: 0; font-size: 80%; font-weight: normal;}
#contactForm span		{font-size: 70%; color: #c8a8d7;}

TABLE.contForm			{margin: 0; border: 0;}
TABLE.contForm TH		{vertical-align: top; text-align: left; margin: 0; padding: 0 30px 0 30px;}
TABLE.contForm TD		{vertical-align: top; text-align: left; margin: 0; padding: 0;}

.contFormBox			{margin: 3px 0 12px 0; width: 165px; border: 2px solid #c8a8d7; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color: #000; padding: 2px;}
.contFormArea			{margin: 3px 0 15px 0; width: 355px; height: 132px; border: 2px solid #c8a8d7; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color: #000; padding: 2px;}
.contFormBtn			{margin: 8px 0 0 0;}
.contFormTick			{float: left; margin: 3px 8px 10px 0; padding-top: 5px;}

#contDetails			{margin: 0 0 25px 0;}
#contDetails h4			{color: #333; margin: 0; font-size: 90%;}
#contDetails p strong	{color: #9c67d1;}
#contDetails a			{color: #9c67d1; font-weight: bold;}

#contactImage			{width: 940px; height: 409px; margin: 0 0 10px 0; clear: both;}

#artographyLink			{text-align: left; clear: both;}
#artographyLink	a:hover	{color: #fff; background: #5f5f5f; text-decoration: none;}