/* CSS - Cardiff Martial Arts */

/*-------------------------------------- Structure -----------------------------------------------*/

body {text-align: left;  margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;  letter-spacing:normal; background:url(../images/bg1.gif) center center repeat-y; font-family:arial, sans-serif; }
body,p,h1,h2,h3,h4 {margin:0px 0px 0px 0px;  padding: 0px 0px 0px 0px; }

#container { position:relative; padding:0px 0px 0px 0px; text-align:left; margin-left:auto; margin-right:auto; margin-top:0px; width:850px;   height:800px; }

#mainimage { position:absolute; top:0px; left:0px; height:746px; width:249px; }

#header { position:relative; width: 540px; height:170px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  backgroud-color:#ffffff; }

#main{  width:540px; margin-left:249px; margin-right:0px; margin-top:0px; padding:0px 0px 0px 0px;}

#nav {position:absolute; bottom:44px; right:0px; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; width:540px; background:url(../images/heading_bg.gif)  repeat-x #f7f3f7; }
*html #nav { padding-top:0px; margin-top:0px }
#nav a { display:inline; color:#555555;  margin:5px 0px 0px 0px;  padding:5px 15px 5px 15px;   font-weight:bold; border-right:1px solid #999999; font-size:11px;}
#nav a:hover {color:#6e6e6e;  background:url(../images/nav_bg2.gif) left center no-repeat #f7f3f7; text-decoration:none; background: #eeeeee; }
#nav p { color:#ffffff; font-weight:bold; text-align:left; font-style:italic; margin-left:12px; }

#nav_aux {position:absolute; bottom:0px; right:0px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:540px; height:42px;  background:url(../images/heading_bg.gif)  repeat-x #f7f3f7; }
#nav_aux a img { margin:0px; padding:0px; border:0px;  }


#content { font-family: Arial, Helvetica, sans-serif; margin:4px 0px 10px 0px; width:535px; padding: 0px 0px 0px 0px; }
#content_home{ width:350px; float:left; background-color:#333333; }
#content_main{ float:left; background-color:#333333; width:525px; }

#footer { width:100%; height:20px; background: #2565c9; color:#FFFFFF; border-top:2px solid #ffffff; }
.clear { clear:both;}

#logos { position:absolute; top:5px; right:5px; height:100px; width:400px; text-align:right; }

img {margin:0px; padding:0px; }
/*-------------------------------------- text & colours ------------------------------------------*/

body { font-family: Arial, Helvetica, sans-serif; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size:18px; padding: 0px 0px 0px 0px; font-weight:normal; margin:5px 0px 5px 10px; color:#ffffff; }

#header h1 { position:absolute; bottom:70px; left:0px;  font-family: Arial, Helvetica, sans-serif; font-size:22px; padding: 0px 0px 0px 0px; font-weight:normal; color:#333333; }

h2 {font-family: Arial, Helvetica, sans-serif; font-size:14px; padding: 5px 0px 5px 10px; font-weight:bold; margin:0px 0px 0px 0px; color:#555555; background:url(../images/heading_bg.gif)  repeat-x; text-transform:uppercase;}
h2 a { color:#555555; }

.container_1 h3 {font-family: Arial, Helvetica, sans-serif; font-size:11px; padding: 0px 0px 0px 10px; font-weight:normal; margin:3px 0px 3px 0px; color:#FFFFFF; }
.container_1 h4 {font-family: Arial, Helvetica, sans-serif; font-size:11px; padding: 0px 0px 0px 10px; font-weight:bold; margin:5px 0px 0px 0px; color:#d6cf17; }
.container_1 h5 {font-family: Arial, Helvetica, sans-serif; font-size:10px; padding: 0px 0px 5px 10px; font-weight:bold; margin:5px 0px 0px 0px; color:#ffffff; }

.yellow { color:#d6cf17; }

.container_2 h3 {font-family: Arial, Helvetica, sans-serif; font-size:14px; padding: 5px 0px 5px 10px; font-weight:bold; margin:0px 0px 0px 0px; color:#FFFFFF; }
.container_2 h4 {font-family: Arial, Helvetica, sans-serif; font-size:12px; padding: 0px 0px 5px 10px; font-weight:bold; margin:0px 0px 0px 0px; color:#d6cf17; }

a {text-decoration:none; color:#1797BF; }
a:hover { text-decoration:underline; color:#336699; }

ul { }
li { font-size:12px; }


p {margin:10px 10px 10px 12px; padding: 0px 0px 0px 0px; font-size:12px; color:#ffffff; font-family:arial, sans-serif;}

#content p { text-align:justify; font-size:13px; }

#footer p {padding:10px 0px 10px 10px; margin:0px 0px 0px 0px; font-size:12px; ; border-top:5px solid #ffffff;}

.container_1 { position:relative; width:175px;  background-color:#5b5b5b; margin:5px 0px 0px 5px; padding: 0px 0px 10px 0px;}
.container_2 { width:175px; height:175px; background-color:#999999; margin:5px 0px 0px 5px;  }


.container_1 p {margin:10px 10px 10px 12px; padding: 0px 0px 0px 0px; font-size:12px; color:#ffffff; }

.datestamp { color:#196ADA; font-size:12px; }

.event_date { color:#eae30b; font-size:12px; font-weight:bold; margin:10px 0px 0px 10px;  }
.event_title { color:#eae30b; font-size:20px; font-weight:normal; margin:10px 0px 0px 10px;  }
.event_location { color:#eae30b; font-size:12px; font-weight:bold; margin:10px 0px 0px 10px;  }

#view_calendar { position:absolute; bottom:0px; right:0px; background:#DFDFDF; padding:2px;  }
#view_calendar a { color:#333333; font-size:11px; }
.white { color:#ffffff; }

#more_info { margin:0px 0px 0px 20px; }



/*-------------------------------------- Homepage ------------------------------------------------*/


#content_right { float:right;  width:175px; margin:0px 5px 0px 0px;}
.news { background:#f1f1f1;  width:330px; height:100px;  margin:10px 0px 0px 10px; color:#333333; text-align:left;}
.news p { color:#333333; font-size:12px; text-align:left; }

.news2 { background:#f1f1f1;  width:500px; margin:10px 0px 0px 10px; color:#333333; padding-bottom:20px;}
.news2 p { color:#333333; margin:10px 12px 0px 12px;  }

.news a { font-size:11px; font-weight:bold; }
.news a:hover { text-decoration:underline; color:#336699; }

.news2 a { font-size:11px; font-weight:bold; }
.news2 a:hover { text-decoration:underline; color:#336699; }

.news3 { background:#f1f1f1;  width:330px; margin:10px 0px 0px 10px; color:#333333; padding-bottom:20px;}
.news3 p { color:#333333; margin:10px 12px -10px 12px;  }

.news3 a { font-size:11px; font-weight:bold;  margin:-20px 0px 0px 0px;}
.news3 a:hover { text-decoration:underline; color:#336699; }

#container_right img { margin:0px 0px 0px 10px; }



/*-------------------------------------- Gallery ------------------------------------------------*/

.cat { margin:0px 0px 0px 15px; float:left;  }

.cat img { border:3px solid #ffffff; }
.cat p {  font-weight:bold; margin:10px 0px 5px 0px; font-size:11px;  }
.h7 { font-size:18px; font-weight:normal; margin:10px 0px 10px 10px;  color:#ffffff; }

.Gallery_row_three { float:left; margin:10px 0px 10px 0px; padding:10px 0px 10px 0px; border-top:1px solid #ffffff; width:100%; }
.Gallery_row_three p{ width:150px; text-align:left; }