/* Timothy Framework - www.timothyframework.com */
/* This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php */


/* Color Legend */


/* Reset */

html, body { margin: 0; padding: 0; border: 0;  
				background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse:collapse; border-spacing: 0; }
	
input, select, textarea, form, fieldset { margin: 0; padding: 0; border: 0; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike, breadcrumb { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 120%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style: none; }


/* Global */

html 	{	}
body	{ background-color:#E8DDCA;
			background-image:url(../images/backGrounds/bg_blue.jpg);
			background-repeat:repeat;
			background-attachment:fixed;	}



/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 { font-size:34px; }
h2 { font-size:28px; }
h3 { font-size:22px; }
h4 { font-size:18px; }
h5 { font-size:14px; }
h6 { font-size:10px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }



/* Text Elements */

p           	{ color:#000; font-size:12px; line-height:150%; margin:15px 0; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a           	{   }
a:link			{ color: #003c77;  }
a:visited		{ color: #003c77;  }
a:active		{ color: #ff0080;  }
a:focus			{ color: #666;  }
a:hover     	{ color: #f00;  }

blockquote  	{ color:#000; font-size:12px; }

strong      	{ font-weight: bold; }
em		      	{ font-style: italic; }

/* Images */

.image-frame 	{ padding:10px 0 10; border:1px#CCC solid; margin:10px }

/* Lists */

ul          	{  }
ol          	{ list-style-type:decimal; }

ul li		    { color:#000; font-size:12px; }
ol li	     	{ color:#000; font-size:12px; }

dl          	{  	}
dt       		{  	}
dd          	{ 	}



/* Tables */

table       	{ width:100%; }

tr				{	}
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th          	{ font-weight: bold; }
thead, th    	{ background: #ccc; }

tbody			{   }

th,td,caption 	{ 	}
caption 		{ 	}

tfoot       	{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption     	{ background: #efefef; }





/* Miscellaneous */

sup, sub    	{ line-height: 0; }

abbr, acronym   { border-bottom: 1px dotted #666; }
address     	{ 	 }
del         	{ background:#FFCECE; color:#f00; }

code, pre		{ background-color:#FF9; padding:2px 0px; margin:4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%;	}


/* Containers */

#outer				{ width:1060px; margin:0 auto; background-color:#FFF; }

#wrapper 			{ width:1000px; margin:0px auto; background-color:#FFF;  }

#inkBanner			{ margin:30px 0px 20px 0px; padding:30px 0px 0px 0px }

#breadcrumb			{ float:left; font:Arial, Helvetica, sans-serif; font-size:12px; color:#003C77; margin:2px 10px 5px 0; padding:5px 0 0 40px; }

#leftnav			{ width:90px; margin-top:5px; float:left; color:#FFFFFF; }

#leftnav ul			{ float:left; color:#FFFFFF; }

#leftnav ul li		{ margin:0 0 0 5px; color:#FFFFFF; }

#topnav				{ float:right; }

#topnav ul			{ margin:5px 10px 5px 0; padding:10px 0; }

#topnav ul li		{ display:inline; font-size:16px; font-weight:bold; padding:10px; }

#topnav ul li a		{ padding:0; }

#topnav a:link		{ color:#003C77; }

#topnav a:visited	{ color:#003C77; }

#topnav a:active	{ color:#FF0080; }

#topnav a:focus		{ color:#666 }

#topnav a:hover		{ color:#FF0066; }

#bannerImage 		{ width:800px; float:right; margin-left:10px; padding-left:20px; margin-bottom:10px;  }

#contentSpace		{ width:750px; float:right; margin-left:10px; padding:10px 0 20px 20px; color:#FFFFFF;  }

#content1		 	{ width:780px; float:right; margin-left:10px; padding:5px 20px 0px 20px; color:#FFFFFF;  }

#content2			{ width:800px; float:right; margin-left:10px; padding:5px 0 10px 20px; color:#FFFFFF;  }

#content3			{ width:740px; float:right; margin-left:30px; padding:0px 0 30px 20px; color:#FFFFFF;  }

#content4		 	{ width:320px; float:left; margin-left:60px; padding:10px 0 30px 20px; color:#FFFFFF;  }

#content5		 	{ width:320px; margin-left:575px; margin-right:20px; padding:10px 0 30px 20px; color:#FFFFFF;  }

#feature1			{ float:left; width:750px; margin-left:220px; }

#footer 			{ clear:both; margin:50px 0 20px 0; padding:20px auto 0px; border-top:1px #999999 solid; }

#verticallightgreyline 		{ float:left; margin-left:65px }   

#leftside 			{   }

#rightside 			{   }

#content 			{   }


#box1 { width:210px; float:left; margin:10px 15px 15px 15px; 
			border-top:10px #92f22c solid; border-bottom:20px #eee solid; background-color:#eee; }

#box2 { width:210px; float:left; margin:10px 15px 15px 15px; 
			border-top:10px #12c8cb solid; border-bottom:20px #eee solid; background-color:#eee; }

#box3 { width:210px; float:left; margin:10px 15px 15px 15px; 
			border-top:10px #bb67fd solid; border-bottom:20px #eee solid; background-color:#eee; }

#box1 h3, #box2 h3, #box3 h3 { margin:15px 10px 10px 10px; }
#box1 p, #box2 p, #box3 p { margin:5px 10px 10px 10px; }


#box4 { width:210px; float:left; margin:10px 15px 15px 15px; 
			border-top:10px #f52a48 solid; border-bottom:7px #f52a48 solid; }

#box5 {  width:210px; float:left; margin:10px 15px 15px 15px; 
			border-top:10px #e19111 solid; border-bottom:7px #e19111 solid;  }

#box6 {  width:220px; float:left; margin:10px 15px 15px 15px; 
			border-top:10px #452be5 solid; border-bottom:7px #452be5 solid;   }

#box4 h3, #box5 h3, #box6 h3 { margin:15px 8px 10px 8px; }
#box4 p, #box5 p, #box6 p { margin:5px 10px 20px 10px; padding:0 0 10px 0; }


#box7 	{ width:280px; float:left; padding:10px 0; color:#FFFFFF; }
#box8	{ width:380px; float:left; margin-left:10px; padding:5px 0 0 20px; }

#box9	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box10	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }	
#box11	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box12	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box13	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box14	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box15	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box16	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box17	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box18	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box19	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box20	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box21	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box22	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box23	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box24	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box25	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box26	{width:100px; float:left; margin:25px 0 25px 20px; padding:10px 0; color:#FFFFFF; }
#box27 	{ width:250px; float:left; margin-top:150px; margin-left:25px; padding:40px 0; color:#FFFFFF; }
#box28	{ width:380px; float:left; margin-left:30px; padding:5px 0 0 20px; }
#box29 	{ width:150px; float:left; margin-top:0; margin-left:0px; color:#FFFFFF; }
#box30	{ width:220px; float:left; margin-left:30px; padding:5px 0 0 20px; }
#box31	{ width:220px; float:left; margin-left:30px; margin-bottom:50px; padding:5px 0 0 20px; }
#box32	{ width:220px; float:left; padding:0 0 20px 0; }
#box33  { width:400px; float:left; padding: 20px 0 0 20px; }
#box34	{ width:220px; float:left; padding:0 0 20px 0; }
#box35  { width:400px; float:left; padding: 50px 0 50px 55px; }
#box36	{ width:500px; float:left; margin:10px 0 0 70px; padding:0px 0 20px 0; }
#box37	{ width:450px; float:left; margin:10px 0 0 0px; padding:0px 0 20px 0; }
#box38	{ width:350px; float:left; margin:10px 0px 0px 0; padding:5px 0 15px 0; }
#box39	{ width:350px; float:right; margin:8px 25px 30px 0; padding:25px 0 5px 0; }
#box40	{ width:350px; float:left; margin:0px 0px 10px 20px; padding:0 0 18px 0; }
#box41	{ width:350px; float:right; margin:0px 0px 10px 20px; padding:0 0 18px 0; }
#box42	{ width:200px; float:left; padding:0 0 20px 0; }
#box43  { width:400px; float:right; margin-left:10px; padding: 20px 0 0 20px; }
#box44  { width:330px; float:left; padding: 20px 0 0 20px; }
#box45	{ width:150px; float:right; margin:35px 0px 30px 0; padding:5px 120px 0px 0; }
#box46  { width:400px; float:left; padding: 50px 0 50px 20px; }
#box47	{ width:780px; float:left; font-size:12px; }
#box48	{ width:250px; float:left; margin:30px 0px 0px 60px; padding:5px 20px 0px 20px; }
#order	{ width:375px; height:30px;
		margin-top:50px; margin-bottom:40px; padding:8px auto 8px auto;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		background-color:background:#eeaab4;
		} 
#delivery	{margin-top:30px; }
#orderReqs	{margin-top:30px; }


/* Layout Extra */


/* Navigation Extra */


/* Forms */

form ol { list-style-type:none; }

form 	{ text-align:left; margin:0px; font-family:Arial, Helvetica, sans-serif	}

label 	{ 
		float: left; width: 150px; margin-top:5px;
		text-align:right; display:block; background:none; font-weight:bold;
		}
	
submit	{ background:#d7d7ff 	}

input 	{ 
		width: 200px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; font-family:Arial, Helvetica, sans-serif; font-size:14px;  
		}

input2 	{ 
		width: 20px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}
		
input:focus, textarea:focus	{ background-color:#D7D7FF }

textarea {
		width: 280px; height: 200px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; overflow:auto;
		font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1em;   
		}



select { width: 140px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none;	}
	
.month { margin-left:155px;	}

.submit {
		width:250px; height:50px;
		margin-left:140px; margin-bottom:40px; padding:12px;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		background-color:background:#d7d7ff;
		}

br		{ clear: left;	}

.clear	{ clear:both; }


/* Miscellaneous  */

.popup-link		{ font-size:12px; margin:7px 15px 0px 15px; display:block; }

.copyright-text	{ font-size:80%; font-style:italic; color:#333; }
.footer-text	{ font-size:10px; font-style:normal; color:##003C77; text-align:center; padding-bottom:30px; }

.title			{ font-size:18px; font-weight:bold; color:#333;  }
.subtitle		{ font-size:14px; font-style:italic; color:#333;  }

.artist			{ font-size:16px; font-weight:bold; color:#333;  }
.author			{ font-size:14px font-weight:bold; color:#555;  }
.editor			{ font-size:14px font-style:italic; color:#555;  }

.pub-date		{ font-size:10px font-style:italic; color:#555; }
.article-date	{ font-size:10px font-style:italic; color:#555;  }
.location		{ font-size:10px font-style:italic; color:#555;  }

.float-right	{ float:right; }
.float-left		{ float:left; }
.clear			{ clear:both; }

.hide			{ display:none; }
.block			{ display:block; }
.inline			{ display:inline; }

.first			{ font-weight:bold; padding:0 10px; }
.last			{ font-weight:bold; }
.left			{ font-weight:bold; text-align:left; }
.right			{ font-weight:bold; text-align:right; }

.added      	{ background:#D7D7FF; }
.removed    	{ background:#FFCECE; color:#f00; }
.changed		{ background:#FFB; }

.breadcrumb		{ font-family: Arial, Helvetica, sans-serif;
					font-size:100%;
					font-weight: normal;
					font-style: normal;
					line-height: 100%; }
					
.td					{margin-bottom:160px; }
.tdsubmitMarginLeft	{margin-left:15px; }


/*  Colours  */

.inkfriendsBlue			{ color:#3252c3; }
.blueFlagColor			{ color:#1acaca; }
.greenFlagColor			{ color:#cde633; }
.pinkFlagColor			{ color:#FF5192; } 
.orangeFlagColor		{ color:#FQB139; } 
.redFlagColor			{ color:#cb4750; } 
.purpleFlagColor		{ color:#bc94dd; } 
.yellowFlagColor		{ color:#efe806; }
.blueHome				{ color:#13c5c9; } 
.purpleLinks			{ color:#b967fd; }
.pinkGallery			{ color:#ff5491; }
.redFundraising			{ color:#f42a48; }
.yellowContact			{ color:#ffac1c; }
.greenAboutUs			{ color:#92f22c; }
.darkerBlueHome			{ color:#0ca3a5; }
.darkerPurpleLinks		{ color:#7e4689; }
.darkerPinkGallery		{ color:#cf4477; }
.darkerRedFundraising	{ color:#ca2039; }
.darkerYellowContact	{ color:#e9940d; }
.darkerGreenAboutUs		{ color:#639f23; }
.additionalDarkBlue		{ color:#452be5; }
.additionalBrightGreen	{ color:#7df300; }
.additionalBrightPink	{ color:#ff0c63; }
.redBerryRed			{ color:#d20202; }
.white					{ color:#FFFFFF; }
.black					{ color:#000000; }

/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info {
	padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert 	{ background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
	
.notice			{ background: #fff6bf; color: #514721; border-color: #ffd324; }
	
.success   		{ background: #e6efc2; color: #264409; border-color: #c6d880; }
	
.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }
	
.error a 	{ color: #8a1f11; }
.alert a 	{ color: #8a1f11; }
	
.notice a   { color: #514721; }
.success a  { color: #FF0080; }
.info a		{ color: #205791; }
.href		{ color: #205791; }

.italic		{ font-style:italic; }
.pbold		{ font-size:12px; font-weight:bold; color:#000000; }
.highlightBold 		{font-size:14px; font-weight:bold; color:#FF0099; }
.tableBoldHeader	{font-size:14px; font-weight:bold; color:#3252c3; }
.td			{ font-size:12px; }
.th			{ font-size:14px; }
.bold		{ font-weight:bold; }
.input2 	{ width: 50px; margin:0 0 16px 10px; border:1px #bbb solid; padding:5px; background:none; }
.leftMargin	{margin-left:13px; }
.vertaligntop { vertical-align:top; margin-top:0; }
.submit2	{ width:400px; height:50px; }
.leftPadding	{padding-left:100px; }