/* Bride@Chestergate by I Do, I Do web design */
/* Global Styles */

/* -------------------------------- General Structure -------------------------------*/
body{
	background:#000 url(../images/background.jpg) repeat-x; /* background gradient with colour for below image set darkest gradient*/
	font-family:Verdana, Arial, Helvetica, sans-serif; /* default font family to be inherited for all text including alt tags */
	font-size:10px; /* default font size for all text */
	color:#DDD;
	margin:0;
	padding:0;
}

#container {
	width: 838px; /* width of page content image */
	margin:0 auto; /* centres */
	background:#353535 url(../images/body_background.gif) repeat-y; /* main page content with edge effect, colour set to use if images off */
}

#header{
	position:relative;
	width:838px;
	height:228px; /*flash banner + top */
}

#leftmenu{
	margin:0 0 0 24px;
	padding:0;
	display:inline; /* fix for IE 6 double margins on float */
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:13px;
	width:190px; /* half size of background image */
	height:176px;
	background:url(../images/menu.gif) no-repeat;
	float:left;
}

#leftinfo{
	margin:0 0 0 24px;
	padding:0;
	display:inline; /* fix for IE 6 double margins on float */
	width:190px;
	text-align:center;
	clear:left;
	float:left;
}

#leftevent{
	width:160px; /* same as short line */
	margin:0 auto; 
	text-align:center;
}

.content{
	width:550px;
	margin:10px 0 0 0;
	padding:0 40px 0 0;
	line-height:150%;
	float:right;
}

#footer{
	clear:both;
	color:#656565;
	text-align:right;
}

#bottom{
	clear:both;
	width:838px;
	height:22px;
	background:url(../images/bottom.gif) no-repeat;
	color:#656565;
	text-align:right;
}

/* --------------------------------- General Display --------------------------------*/

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-align:center;
	margin:0;
	padding:10px 0 15px 0;
	font-weight:normal;
}

#logo h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:221px; /*centres logo alt text */
	margin:0;
	padding:12px 0 15px 0;
}

h2{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	font-weight:normal;
	margin:10px 0 0 0;
	padding:0;

}

h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin:0;
	padding:0px 0 6px 0;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:center;
	margin:0;
	padding:10px 0 3px 0;
	font-weight:normal;
}

h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#FF00FF;
	margin:0;
	padding:7px 0 0px 0;
} 

.upper{
	text-transform:uppercase;
}

p {
	margin:10px 0 10px 0;
	padding:0 0 0 1px;
}

a {
	color:#DDD;
	text-decoration: none;
	cursor: pointer;
}

a:hover, a:focus, a:active, a.active{
	color: #FF00FF;
}

a.link {
	border-bottom:1px dotted #666666;
}

a.link:hover, a.link:focus, a.link:active{
	color: #FF00FF;
}

a.pinklink {
	color: #FF00FF;
	border-bottom:1px dotted #666666;
}

a.pinklink:hover, a.pinklink:focus, a.pinklink:active{
	color: #DDD;
}
/* ------------------------------------ Header ------------------------------------*/
#top{
	position:absolute;
	top:0; left:0;
	width:838px;
	height:21px;
	background:url(../images/top.gif) no-repeat;
}

#leftoflogo{
	position:absolute;
	top:21px; left:0;
	background:url(../images/left_of_logo.gif);
	width:31px;
	height:207px;
}

#logo{
	position:absolute;
	top:7px; left:31px;
	height:221px;
	width:180px;
}

#banner{
	position:absolute;
	top:21px; left:211px;
	height:207px;
	width:627px;
}

/* ------------------------------------- Menu -------------------------------------*/

#leftmenu ul{ 
	margin:0;
	padding:17px 0 4px 0;
	list-style-type:none; /*removes bullets from the list*/ 
	text-align:center; /*aligns the text to what should end up as the center of each graphical button*/
}

#leftmenu ul li a{
	display:block;
	height:26px;
	width:190px;
	line-height:26px;
	overflow:hidden; /* for ie 6 to avoid overflow */
}

#leftmenu ul li a span{
	display:block;
	position:relative;
	top:-26px; /* position span on top of link */
	height:26px;
	width:190px;
}

#leftmenu ul li a span#home{
	background:url(../images/menu.gif) 0px 160px; /* overall height - top padding = 151-17 */
}
#leftmenu ul li a span#ourdresses{
	background:url(../images/menu.gif) 0px 134px; /* above - line height = 134-26 */
}
#leftmenu ul li a span#events{
	background:url(../images/menu.gif) 0px 108px; /* above - 2*line height */
}
#leftmenu ul li a span#articles{
	background:url(../images/menu.gif) 0px 82px; /* 2*line height + bottom padding */
}
#leftmenu ul li a span#links{
	background:url(../images/menu.gif) 0px 56px; /*height + bottom padding 26+4 */
}
#leftmenu ul li a span#contactus{
	background:url(../images/menu.gif) 0px 30px; /*height + bottom padding 26+4 */
}

#leftmenu ul li a:hover span#home, #leftmenu ul li a:focus span#home, #leftmenu ul li a:active span#home, #leftmenu ul li a.active span#home{
	background:url(../images/menu.gif) -190px 160px;
}
#leftmenu ul li a:hover span#ourdresses, #leftmenu ul li a:focus span#ourdresses, #leftmenu ul li a:active span#ourdresses, #leftmenu ul li a.active span#ourdresses{
	background:url(../images/menu.gif) -190px 134px;
}
#leftmenu ul li a:hover span#events, #leftmenu ul li a:focus span#events, #leftmenu ul li a:active span#events, #leftmenu ul li a.active span#events{
	background:url(../images/menu.gif) -190px 108px;
}
#leftmenu ul li a:hover span#articles, #leftmenu ul li a:focus span#articles, #leftmenu ul li a:active span#articles, #leftmenu ul li a.active span#articles{
	background:url(../images/menu.gif) -190px 82px;
}
#leftmenu ul li a:hover span#links, #leftmenu ul li a:focus span#links, #leftmenu ul li a:active span#links, #leftmenu ul li a.active span#links{
	background:url(../images/menu.gif) -190px 56px;
}
#leftmenu ul li a:hover span#contactus, #leftmenu ul li a:focus span#contactus, #leftmenu ul li a:active span#contactus, #leftmenu ul li a.active span#contactus{
	background:url(../images/menu.gif) -190px 30px;
}

/* --------------------------------- Line divider ---------------------------------*/

.longline{
	background-color:#505050;
	height:1px;
	width:550px;
	margin:0;
	padding:0;
	overflow:hidden; /* stops IE 6 setting height too big when no content in div */
	clear:both;
}

.shortline{
	background-color:#505050;
	height:1px;
	width:160px;
	margin:20px auto;
	padding:0;
}
hr {display:none;} /* Only display the horizontal rules if CSS is turned off */

/* -------------------------------- Specific items --------------------------------*/

.content h5 {
	margin-top:8px;
}

#leftinfo p{
	margin:10px 0 0 0;
}

#leftevent h5{
	font-weight:normal;
}

#footerright p {
	margin:0;
	padding:10px 0 0 0;
}

#bottom a{
	color:#656565;
	margin:0 40px 0 0; /* matches content */
}

#bottom a:hover, #bottom a:focus, #bottom a:active{
	color: #FF00FF;
}

.pink{
	color:#FF00FF;
	clear: both;
}

.content {
	font-size: 11px;
}

.smaller {
	font-size: 10px;
}

.grey {
	color:#656565;
}

.lgrey {
	color:#AAAAAA;
}