﻿/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Start css styling below this line */

/* Global */

html	{	}
body	{	background-color:#ffffff;	}

/* Headings */

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

h1	{	font-size:24px;	}
h2	{	font-size:22px;	}
h3	{	font-size:20px;	}
h4	{	font-size:24px;	}
h5	{	font-size:24px;	}
h6	{	font-size:24px;	}

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



/* Text Elements */

p						{	color:#000;	font-size:15px;	line-height:150%;	}
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:	#00f;	}
a:visited				{	color:	#551a8b;	}
a:active				{	color:	#000;	}
a:focus					{	color:	#666;	}
a:hover					{	color:	#f00;	}

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

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

/* Images */

<style> 
  .image { 
    margin: 10px; /* adjust the value to increase or decrease the space */

  } 
</style> 


/* 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;	}
thread, th				{	background:	#ccc;	}

tbody					{	}

th,td,caption			{	}
caption					{	}

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

caption					{	background:	#efefef;	}


/* Containers */

#wrapper				{	width:1200px;	margin:0px	auto;	background-color:#ffffff;	}

#top					{	background-color:#ffffff;	width:100%;	padding:20px	0;	overflow:hidden;	border:2px #000000 solid;	}
#top h1					{	text-align:center;	font-size:30px;	padding:0 0 0 10px;	}

#logo					{	margin:0 0 0 10px;	}
#logo img				{	width:170px;	height:170px;	display:block;	margin-left:auto;	margin-right:auto;	}

#social-media			{	float:left;	margin:0 10px 0 0;	}
#social-media p			{	color:#000000;	font-size:12px;	margin:4px 10px 4px 0px;	}
#social-media img		{	width:24px;	height:24px;	}
#social-media ul li		{	display:inline;	}

#topnav					{	float:left;	background-color:#333333;	clear:both;	margin:0 0 0 10px;	}
#topnav ul				{	width:100%;	float:left;	margin:0px;	background-color:#ffffff;	}
#topnav ul li			{	display:inline;	}
#topnav ul li a			{	font-size:16px;	float:left;	padding:10px 20px 0 10px;	}

#topnav a:link			{	color:#00f;	}
#topnav a:visited		{	color:#551a8b;	}
#topnav a:active		{	color:#000;	}
#topnav a:hover			{	color:#666;	}
#topnav a:focus			{	color:#f00;	}

#banner					{	padding:10px 0 10px 0;	}

#subbanner				{	width:100%;	background-color:#b3b3cc;	padding:15px 0;	overflow:hidden;	}
#subbanner h2			{	font-size:18px;	font-weight:bold;	text-align:center;	}
#subbanner h3			{	font-size:16px;	font-weight:bold;	text-align:center;	}

#content				{	padding:15px;	}
#content h1				{	margin: 0 0 20px 0;	font-size:32px;	padding: 20px;	}
#content h2				{	margin: 0 0 20px 0; font-size:25px; padding: 15px;	}
#content h3				{	margin: 0 0 20px 0; font-size:20px; padding: 15px;	}

#content p				{	margin:10px 0 10px 0;	line-height:140%;	}

#content ul li			{	font-size:15px; margin:10px 0 10px 0;	line-height:120%;	}

#content-wrapper		{	}

#leftnav				{	}

#leftside				{	}

#rightside				{	}



#gallery desc			{	padding:15px; text-align:center; white-space:normal}


#footer					{	clear:both;	padding:10px 0;	}
#footer p				{	text-align:center;	}


#box1	{	}

#box2	{	}

#box3	{	}

#box4	{	}

#box5	{	}

#box6	{	}

/* Layout Extra */



/* Navigation Extra */


/* Forms */

form	{	text-align:left;	margin:20px;	}

label, submit, input, textarea	{
	border:0;	padding:0;	margin:0;	background:none;
	}
	
label	{
	float:	left;	width:	150px;
	text-align:right;	display:block;
	}
	
input,	textarea	{
	border:1px #333 solid; margin-left:10px;
	}
	
input	{
	width:280px;	margin-bottom:	16px;
	}
	
textarea	{
	width:	280px;	height:	150px;
	margin-bottom:	16px;
	}
	
select	{	}

.submit	{
	width:90px;	height:25px;
	margin-left:150px;
	font-size:12px;
}

br	{	clear:left;	}



