/* The style sheet to be used with Andrew Gleed Photography website */
/* General style attributes */
body
{
margin	: 0px	;
background-color: Black	;	
font-family	: Arial, Verdana, sans-serif	;
}
#Outer 
{
width		: 98%		;
height		: auto		;
background-color: black	;
color: white ;
margin-top	: 0px		;
margin-bottom	: 0px	;
margin-left	: 5px	;
margin-right	: 0px	;
padding		: 0px	;
}
/* Frame that whole site is constructed within */
#Content
{
white-space		: normal	;
text-align		: left		;
display			: block		;
padding-left	: 0px		;
padding-right	: 0px		;
margin-left		:  5px 		;
margin-right	: 	10px		;
background-color: black		;
height		: auto		;
width	: 100% ;
}
#Header
{
	padding : 0 ;
	margin: 0 ;
	margin-top: 5px ;
	margin-left:  5px ;
	background-color : Black		;
	font-weight	: bold	;
	color		: white	;
	width : 100% ;
	height: 65px;
}
#Header a
{
border-width : 0px ;
padding: 0px; 
margin: 0px ;
background	: black	;
float: left ;
text-decoration: none;
width: auto ;
}
/* Styling and display effects used for the main navigation links */

#Navigation ul
{
padding-left: 0;
margin : 0;
margin-bottom: 20px ;
background-color: black ;
color: White;
float: left;
height: 15px ;
font-family: arial, verdana, sans-serif;
}

#Navigation ul li { display: inline; }

#Navigation li a
{
	width: auto;
	background-color: black ;
	color: White;
	padding: 0;
	padding-left: 10px ;
	padding-right:  10px ;
	margin: 0;
	text-decoration: none;
	float: left;
	border-right: 1px solid white;
	height: 15px ; 
	font-size: 12px;
}

#Navigation ul li a:visited
{
background-color: black;
color: white ;
}
#Navigation ul li a:hover
{
background-color: black;
color: #00FFFF ;
}
#Leftcontent
{
	padding: 5px ;
	float: left ;
	background-color: black	;
	width: 60%;
}
#Rightcontent
{
	float: right ;
	text-align: center ; 
	margin-right:  5px ;
	padding-right: 20px ;
	width: 420px ;
	height:  320px ;
}
#Homeright
{
	display: block;
	float:right;
	text-align: center ; 
	padding: 0px ;
	padding-top: 20px;
	margin: 0 ;
	margin-right: 30px ;
	margin-top: 5px
}
#Homeleft
{
	width: 60%;
	display:  block;
	text-align: center ;
	padding: 0px ;
	margin-right: 0 ;
	margin-top: 0px ;
	margin-bottom: 10px ;
	margin-left : 50px ;
	float: left ;
}
#Homebottom
{
}
.Homepics
{
Float	: left	; 
width : 90px ;
padding-left: 0px ;
padding-right: 0px ;
padding-top	: 0px	;
padding-bottom : 0px ;
margin-left : 0px ;
margin-right: 0px ;
font-size: 12px;
}

.Homepics a form
{
display: block ; 
width: 90px ;
height: 25px ;
margin-left: auto ;
margin-right: auto ;
margin-top: 5px ;
margin-bottom: 5px ;
text-align: center;
}

.Homepics img
{
	width: 80px ;
	border-width: 1px ;
	border-color: white;
	margin-top: 10px ;
}

#Homenotes
{
	color:  gray;
	font-size: 6px;
}
a.image-frame
{
	border-width: 0;
}
a.image-frame img
{
	border-width: 0;
}
H1
{
display		: Block		;
color		: lightblue	;
padding-bottom	: 0px	;
padding-top	: 0px		;
font-size : 1.8em ;
}
H2
{
display		: Block		;
color		: lightblue	;
padding-bottom	: 0px	;
padding-top	: 0px		;
font-size : 1.6em ;
}
H3
{
display		: Block		;
color		: lightblue	;
padding-bottom	: 0px	;
padding-top	: 0px		;
font-size : 1.4em ;
}
H4
{
display		: Block		;
color		: lightblue	;
padding-bottom	: 0px	;
padding-top	: 0px		;
font-size : 1.2em ;
}
.Thumbnail
{
Float	: left	;
padding 	: 5px	;
border		: 0	;
width		: auto ;
}
.spacer 
{
clear: both;
}
#ManageContent
{
padding-left	: 10px	;
padding-right	: 10px	;
font-size	: smaller	;
overflow	: auto		;
float		: none	;
}
#Error
{	
color		: #FF0000	;
font-size	: larger	;
}
#Instructions
{
}
/* Text scroll area for use in gallery. */
#Overflow
{
height		: auto	;
overflow	: auto	;
}
.Index
{
Float	: left	; 
width : 210px ;
height: 210px ;
padding-left: 0px ;
padding-right: 0px ;
padding-top	: 0px	;
padding-bottom : 0px ;
margin-top: 0px ;
margin-left : 0px ;
margin-right: 0px ;
}
.Index p
{
display: block ; 
text-align: center;
font-weight: bold ;
color: blue ;
max-width: 210px;
}
.Index img,a
{
display: block ; 
margin-left: auto ;
margin-right: auto ;
margin-bottom: 5px ;
}
/* Sizing of images when clicked on from the gallery to be a constant size  */
.Scaleimg img
{
width		: 70%	;
height		: 70%	;
border		: inset	;
}
/* Styling for the FAQ section to make question and answer text appear differently. */
.FaqObject
{
padding 	: 10px  ;
color: 	gray ;
text-align: left ;
}

a.Subnav
{
	color: white ;
	text-align: left ;
	text-decoration: none ;
	width: auto;
}
a:visited.Subnav
{
	color:gray ;
}
a.Links
{
	color: white ;
	width: auto ;
}
a:visited.Links
{
	color:gray ;
	width: auto ;
}
.FaqObject .Question
{
color		: Gray ;
}
.FaqObject .Answer
{
font-size: larger ;
color		: yellow;
}
.HomeList
{
padding-left:15px;
}
#Footer
{
font-size	: xx-small	;
padding		: 0px	;
margin		: 0px	;
background	: azure ;
text-align	: center ;
}
P
{
font-size: 1.0em ;
}
table {
font-family: sans-serif;
background: none;
border-width: 2px;
border-color: white;
}
caption {background:#ffff99; color:blue; font-size:larger; caption-side:top; }
th 
{
font-family: sans-serif; 
background: #cccc99;
font-weight: bold; 
font-size: smaller ; 
color: black; 
}
td 
{
font-family: sans-serif; 
background: none; 
vertical-align:Top;
font-size: smaller ;
color: white ;
}
/* Class for the plain text pages */
.Text
{
font-family: sans-serif;
font-size: smaller ;
}
form
{
margin-bottom: 0 ;
font-size: 1.2em ;
}
INPUT, TEXTAREA 
{
color: blue;
font-weight: bold;
/*	font-size: larger; */
font-family: sans-serif;
}
select 
{
color: Blue;
font-weight: bold;
}
/* used for submit type buttons */
.Submit
{
width: 85px;
height: 25px ; 
border: 0px ;
margin: 0px ;
padding: 0px ;
overflow: hidden ;
text-align: center ;
background: url("images/Gallery/Graphics/Lightbutton.gif") no-repeat center top ;
color		: DarkBlue	;
font-family	: helvetica,arial,sans-serif	;
font-size	: 11px;
font-weight	: bold	;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
text-decoration: none;
}
.Submit:hover
{
background: url("images/Gallery/Graphics/Darkbutton.gif");
background-repeat: no-repeat ;
color: white;
}

/* used for list type buttons */
.ListButton
{
width: 88px;
height: 15px ; 
border: 0px ;
border-right: 1px solid white;
margin: 0px ;
padding: 0px ;
overflow: hidden ;
text-align: center ;
background-color: black;
color		: white	;
font-weight: normal;
font-family	: helvetica,arial,sans-serif	;
font-size	: 12px;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
text-decoration: none;
}
a:visited.ListButton 
{
background-color: black ;
color: white;
}
a:hover.ListButton
{
background-color: black ;
color: #00FFFF ;
}

input:hover.ListButton
{
background-color: black ;
color: #00FFFF ;
}
/* To cope with bl... ie */
.ListButtonAsHover
{
width: 88px;
height: 15px ; 
border: 0px ;
border-right: 1px solid white;
margin: 0px ;
padding: 0px ;
overflow: hidden ;
text-align: center ;
background-color: black;
color		: #00FFFF	;
font-weight: normal;
font-family	: helvetica,arial,sans-serif	;
font-size	: 12px;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
text-decoration: none;
}
/* Used in displaying back user entered data */
.Display
{
color: Blue;
font-weight: bold;    
}
.Container1
{
	Border	: 1px dotted ;
	border-color: #C0C0C0 ;
	border-bottom-width: 0px ;
	text-align	: left;
	padding : 5px ;
}

.Container1 img
{
  	width : 40% ;
	padding	:1%;
	border-width: 1px ;
	border-color: white;
}
.Container2
{
	Border	: 1px dotted ;
	border-color: #C0C0C0 ;
	text-align	: left;
	padding : 5px ;
}

.Container2 img
{
  	width : 40% ;
	padding	:1%;
	border-width: 1px ;
	border-color: white;
}
.Fiftypc
{
 width: 58% ;	
}
.Long
{
  font-size: 0.6em;
}
.Centre
{
  text-align : center ;
  margin-left: auto;
  margin-right: auto;
}
.Smaller
{
font-size: 80% ;
}
.Larger
{
font-size: 110% ;
}
.Blue
{
color: Blue ;
}
.Green
{
color: Green ;
}
.Red
{
color: Red ;
}
.Orange
{
color: Orange ;
}
.Indent170
{
	margin-left:  170px ;
}
.FloatLeft
{
  float: left ;
}
.Anchor
{
	text-align: center;
	margin : 2px ;
	width:  auto;	
}
a:link.Anchor              { color:white; text-decoration:none; }
a:visited.Anchor            { color:white; text-decoration:none; }
a:hover.Anchor              { color:white; text-decoration:none; background-color: gray; }
a:active.Anchor             { color:white; text-decoration:none; }
.HAnchor
{
	font-size: 80%;
	text-align: center;
	width:  auto;	
}
a:link.HAnchor              { color:white;}
a:visited.HAnchor            { color:white; }
a:hover.HAnchor              { color:white; color:  #00FFFF; }
a:active.HAnchor             { color:white; }
#Box
{
	margin-left: 200px ;
	margin-right: 200px ;
	border: 5px solid;
	border-color: gray;
	color: black ;
	display: block;
	background-color: white;
	text-align: center ;
}