/* Start of CMSMS style sheet 'Alopecia Site Style' */
/* Main headings for page */
h1, h2, h3, h4, h5 { font-family: "Maiandra GD",Verdana,sans-serif; 
				 padding: 0px; margin: 0px;
				 color: #7851A3;
				 text-align: left; /*
				 background-color: #FFFFFF; */ }
h1 { font-size: 16pt } /* Used for each page title */
h2, h5 { font-size: 14pt; text-indent:  14pt; font-weight: lighter; font-style: italic } /* Sub-heading */
h3 { font-size: 17pt }
h4 { font-size: 16pt }


/* HOMEPAGE STYLE */
#homepage_top { width:100%; position:relative; border-bottom:2px solid #7851A3; height:252px; }
#michelle_homepage { position:absolute; top:0px; left:242px; }
#toptext { position:absolute; top:10px; left:0px; font-size:larger; }
#welcometext { position:absolute; top:60px; left:0px; width:240px; }
#notalone { position:absolute; top:214px; left:50px; font-size:15pt; font-weight:bold; font-family:"Maiandra GD",Verdana,sans-serif; color: #7851A3; }

#phonenumber { font-size:25pt; font-weight:bold; color:#7851A3; }

table.left { float: left }
table.centered { margin-left: auto; margin-right: auto }
.centered, center { text-align: center }
.right-aligned { text-align: right }
.floatRight { float:right; }

ol { list-style-type: decimal; }
ul, ol { text-align: left; }
li a:link, li a:hover, li a:visited, li a:active { color: #000000; }

.leftimage { float:left; margin:10px; }
.rightImage { float:right; margin:10px; }

/* Style for form elements */
input, select, textarea { font-family: Verdana,"Times New Roman",sans-serif; font-size: 10pt; color: #000000; }
.focused { background-color: #C3D79C }
.blurred { background-color: #FFFFFF }

.small { font-size:10pt; }

.sponsoredImage { text-align:center; border: 1px solid #855BAD; margin-left:10px; margin-top:25px; margin-bottom:10px; float:right; }
.sponsoredImage img { margin: 5px 5px 0px 5px; }
.sponsoredImage p, .sponsoredImage a, .sponsoredImage a:link, .sponsoredImage a:hover, .sponsoredImage a:visited, .sponsoredImage a:active { 
font-size:8pt; font-style:italic; margin:2px; }

/* Main pages links*/ 
a:link { color: #7851A3; }
a:visited { color: #AC91C9; } 
a:hover, a:active { color: #7851A3; text-decoration: underline; }
a:link, a:hover, a:visited, a:active { font-weight: bold; padding: 0px; margin: 0px; }
img, img a:link, img a:hover, img a:visited, img a:active { border: 0px; }


.linkedlist a:link, .linkedlist a:visited, .linkedlist a:active { text-decoration:none; } 
.linkedlist a:hover { text-decoration: underline; }
.linkedlist a:link, .linkedlist a:hover, .linkedlist a:visited, .linkedlist a:active { font-weight: bold; padding: 0px; margin: 0px; color: #000000; background-color: #FFFFFF; }

/* Any mention of alopecia-awareness.org.uk */
.website a:hover { color: #7851A3; text-decoration: none; background-color: #C3D79C; font-style: italic; }
.website a:link, .website a:visited, .website a:active  { color: #7851A3; text-decoration: none; font-style: italic; background-color: #FFFFFF; }


.galleryItem { margin-top:20px; clear:both;  width:100%; }
.galleryImage { padding:5px; margin:0px 10px 0px 0px; border: 1px solid #855BAD; float:left; text-align:center; width:100px; }
.galleryImage p { padding-top:10px; }
.fullsizeImage { border: 1px solid #855BAD; margin-top:20px; padding:10px; text-align:center; }
.fullsizeImage p { margin:0px;}
.fullsizeImage img { margin:10px; }
.protectedImage { background-repeat:no-repeat; background-position:center center; border:none; margin:10px; }
/* End of 'Alopecia Site Style' */