/* CSS Document 
blue : 222868
red: 
*/

/* CSS Document */
*{margin:0; padding:0;}
ul{list-style:none; margin:0; padding:0;}
body{ background:#636262; color:#333; font-size:13px; font-family:Arial;line-height:18px;}

table{border-collapse:collapse; border:0;}
td{border:none; padding:0; vertical-align:top;}

a {color:#222868; text-decoration:underline;}
a:hover{text-decoration:none;}
img { border:0;}

.column{float:left;}
.clear{clear:both;}
/**********************************************/

/**********************************************/
.main {width:903px; margin:auto; background-color: #FFF; padding: 0 10px 10px 10px ;}


#header{
	height:150px;
	overflow:hidden;
	width:100%;
	padding-top: 10px;
}

#header div {font-family:"Times New Roman", Times, serif; font-size:3.45em; color:#5c8907;}
#header a {
	background:url(images/cyclingsouthland-logo.gif) no-repeat top left;
	color:#3b3c6a; /* #5c8907; */
	display:block;
	font-weight:bold;
	font-size:3.45em;
	height:200px;
	line-height: 50px;
	padding:40px 0 0 235px;
	text-decoration:none;
	width:100%;
}
#header a:hover {text-decoration:none;}


#menu{ background:url(images/menu_talling.gif) repeat-x left top; margin-bottom:9px;}
#menu .in1{background:url(images/l_menu.gif) no-repeat left top;}
#menu .in2{background:url(images/r_menu.gif) no-repeat right top; height:47px;}

#menu li{color:#ffffff; font-weight:bold; font-size:0.91em; float:left;} /* background:url(images/pimp1.gif) no-repeat 0px 7px; */
#menu li a{
	background:url(images/pimp2.gif) repeat-y 100% 3px;
	color:#ffffff;
	display: block;
	font-weight:bold;
	font-size:0.91em;
	line-height: 46px;
	padding:0 30px;
	text-decoration:none;}
#menu li a:hover{text-decoration:underline;}



#menu .col1{float:left; width:100%; margin-right:-352px;}
#menu .col2{float:left; width:352px; position:relative;}
#menu .col2 .inside{padding:12px 0 0 0;}



/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 29px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 37px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */



/**********************************************/
/* content start */
#content{width:100%; margin:auto;}
#content .col1{float:left; width:235px; position:relative;}
#content .col11{float:left; width:227px;}
#content .col12{float:left; width:8px;}
#content .col1 .inside{padding:0 0 0 0;}

/* testing */



#content .col2{float:left; width:100%; margin-left:-235px;}
#content .col2 .inside{padding:0 0 0 0; padding-left:235px;}


#content h1 {
	color: #222868;
	font-size: 1.8em;
	margin-bottom: 10px;
}


/* content end */
/* widget start */
.widget_style {margin-bottom:9px;}
.widget_style .in1{ background:url(images/side.gif) repeat-y left top;}
.widget_style .in2{background:url(images/side.gif) repeat-y right top;}
.widget_style .in3{background:url(images/side.gif) repeat-x left bottom;}
.widget_style .in4{background:url(images/lbc.gif) no-repeat left bottom;}
.widget_style .in5{background:url(images/rbc.gif) no-repeat right bottom; width:100%;}
/*.widget_style .in6{ padding:12px 10px 20px 40px;}*/
.widget_style .in6{ padding:12px 10px 20px 0px;}


.widget_style h2 {
	color:#ffffff;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	padding:15px 0 18px 15px;
	background:url(images/h2_back2.gif) no-repeat 0px 0px;
}
.widget_style h2 a {
	color:#ffffff; text-decoration:none;
}
.widget_style h2 a:hover {text-decoration:none;}



#categories h2 {
	color:#ffffff;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	padding:15px 0 18px 15px;
	background:url(images/h2_back1.gif) no-repeat 0px 0px;
}
#categories h2 a {color:#ffffff; text-decoration:none;}
#categories h2 a:hover {text-decoration:none;}

.widget_style ul {margin:0; }
.widget_style li {line-height:2.09em; color:#565656; background:none; font-size:12px;  padding-left:0px;} /*background:url(images/pimp3.gif) no-repeat 0px 9px;*/
.widget_style li a {color:#565656; text-decoration:underline; padding-left:10px; background:none;}
.widget_style li a:hover { text-decoration:none;}

#recent-posts.widget_style ul {margin:0; }
#recent-posts.widget_style li {line-height:2.09em; color:#565656; background:none; font-size:11px; padding-left:0; background:none; }
#recent-posts.widget_style li a {color:#565656; text-decoration:underline;background:url(images/pimp3.gif) no-repeat 0px 6px !important; padding-left:16px;}
#recent-posts.widget_style li a:hover { text-decoration:none;}

#recent-comments.widget_style li { line-height:1.55em; color:#000000; font-weight:bold;}
#recent-comments.widget_style li a {color:#000000; text-decoration:none; background:none; padding-left:14px; margin-left:7px; font-weight:normal;}
#recent-comments.widget_style li a:hover { text-decoration:underline}


/* widget end */
/**********************************************/
.searching {width:272px; height:17px; color:#000000; margin-right:9px; border:solid 1px #7c7c7c;}
.searching2 {width:150px; height:17px; color:#000000; margin-right:9px; border:solid 1px #7c7c7c;}


#links_with_style ul {margin:0; background:none;}
#links_with_style ul li#linkcat-2 h2{color:#ffffff; font-size:1.09em; font-weight:bold; text-transform:uppercase; padding:14px 0 18px 37px; background:url(images/h2_back2.gif) no-repeat 0px 0px;}
#links_with_style ul li h2 {list-style:none; margin-left:0;padding:0; background:none; color:#000000}
#links_with_style ul li ul li {font-size:1.01em; margin-left:40px;}

/*#links_with_style .widget_style li {line-height:2.09em; color:#565656; background:none; font-size:11px; background:none; padding-left:0;}
#links_with_style .widget_style li a {color:#565656; text-decoration:underline; padding-left:0; background:none;}
#links_with_style .widget_style li a:hover { text-decoration:none;}*/

#links_with_style .widget_style .in6{ padding:0;}
#links_with_style .xoxo blogroll {margin-left:40px;}

#links_with_style.widget_style ul {margin:0; padding-bottom:18px;}
#links_with_style.widget_style li {line-height:2.09em; color:#565656; background:none; font-size:11px; background:url(images/pimp3.gif) no-repeat 0px 9px; padding-left:0;}
#links_with_style.widget_style li a {color:#565656; text-decoration:underline; background:none; padding-left:18px; }
#links_with_style.widget_style li a:hover { text-decoration:none;}



ul.children { margin:0;}
#meta { vertical-align:top;}


#categories { vertical-align:top;}

#archives { vertical-align:top;}
#archives li {}

.title{ width:100%;}
.title .in1{background:url(images/title_talling.gif) repeat-x left top #eeeeee;}
.title .in2{background:url(images/side2.gif) repeat-y left top;}
.title .in3{background:url(images/side2.gif) repeat-y right top;}
.title .in4{background:url(images/side2.gif) repeat-x left bottom;}
.title .in5{background:url(images/ltc2.jpg) no-repeat left top;}
.title .in6{background:url(images/rtc2.gif) no-repeat right top;}
.title .in7{background:url(images/lbc2.gif) no-repeat left bottom;}
.title .in8{background:url(images/rbc2.gif) no-repeat right bottom; width:100%;}
.title .in9{padding:21px 0 25px 83px;}




h3 , h2 { color:#812510; font-weight:bold; font-size:1.4em; padding-bottom:5px; padding-top: 10px; line-height:1.09em;}
h3 { color:#222868; font-weight:bold; font-size:1.2em; padding-bottom:0; padding-top: 10px; line-height:1.09em;}
h3 a {color:#31383b; text-decoration:none;}
h3 a:hover {text-decoration:underline;}
/**********************/
.author { color:#2a2a2a; font-size:11px; line-height:1.01em;}
.author a { color:#2a2a2a; text-decoration:none;}
.author a:hover { text-decoration:underline}


.date {font-size:1.09em; color:#6e9806; background:url(images/pimp4.gif) no-repeat 0px 1px; padding-left:21px; }

.txt1{color:#6e9806; font-size:16px;}
/**********************/
.comments {color:#6e9806; font-weight:bold; background:url(images/pimp6.gif) no-repeat 0px 5px; padding-left:22px;}
.comments a {text-decoration:underline; color:#6e9806; font-size:11px;}
.comments a:hover{text-decoration:none;}


/**********************/
.content_text{}
.content_text .indentX{padding:0px 30px 24px 22px;}

.line{ background:url(images/line2.gif) repeat-x left top; padding-bottom:19px; margin-top:15px;}
.content_text ul{padding:0; list-style:none;}
.content_text ul ul{padding-left:40px; list-style:none;}
.content_text li { line-height:1.81em; color:#636262;}
.content_text li a {color:#636262; text-decoration:underline; background:url(images/pimp3.gif) no-repeat 0px 6px; padding-left:15px;}
.content_text li a:hover { text-decoration:none;}
/**********************/


.postmetadataalt {font-size:0.81em;}

.pagetitle {color:#FF0000; font-size:1.01em; font-weight:bold; text-transform:uppercase;padding:20px 0px 0px 20px; background:none;}

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

.article {padding:0;}

.post {padding:0px 5px 0px 5px;}

.navigation {padding:0px 0px 10px 0px; width:100%; color:#000000; font-size:1.01em;}
.navigation a {color:#000000; font-weight:bold;}
.navigation .left {width:45%; float:left;  padding-left:10px;}
.navigation .right {width:45%; float:right; text-align:right; padding-right:10px;}

/* content end */

/* footer */
#footer { background:url(images/f_tall.gif) repeat-x left top; color:#000000; margin-bottom:15px; font-size:11px;}
#footer .in1{background:url(images/l_footer.gif) no-repeat left top;}
#footer .in2{background:url(images/r_footer.gif) no-repeat right top; height:77px;}
#footer .in3{ padding:22px 0 0 36px;}
#footer a {color:#000000; text-decoration:underline;}
#footer a:hover {text-decoration:none;}
/* footer end */

#recent-posts  {vertical-align:top;}
#calendar {vertical-align:top;}
#google-search  {vertical-align:top;}
#gsearch {text-align:left;}
#pages  {vertical-align:top;}
#text-1 {vertical-align:top;}
#delicious {vertical-align:top;}
#delicious-box {text-align:left;}

#calendar_wrap {vertical-align:top; width:auto; margin:left;padding:13px 25px 0px 0;}
#calendar_wrap caption { color:#7F1C00; font-weight:bold; font-size:1.01em;}
#calendar_wrap td {width:25px; text-align:right; border:solid 1px #FFFFFF; color:#000000; font-size:1.11em;}
#calendar_wrap td a {color:#996600;}
#calendar_wrap th { color:#7F1C00; text-align:right;}
#calendar_wrap a {font-weight:bold;}

.textwidget {padding:13px 0px 0px 0px;}
#statusbar {text-align:justify; color:#999999; padding-bottom:0;}
#statusbar p {padding:0px 0px 0px 0px;}
#statusbar a {font-weight:bold; color:#FF9900;}
/* side_bar end for all */
.widget_style.search{background:none; margin:0; padding:0;}
.oddcomment{color:#FF0000; line-height:1.21em; font-size:1.01em;}
.commentmetadata{line-height:1.21em; font-size:1.01em;}

.thumbArea {
	padding-bottom: 30px;
}

#content .thumbArea img {
	border: 1px solid #bbb;
	padding: 5px;
}


.pageContent ul li {
	list-style-image:url(images/pimp3.gif);
	margin-left: 20px;
	margin-bottom: 10px;
	line-height: 20px;
}

#searchForm input.submit {
	background-color: #812510;
}

#content a.pdf,
#content blockquote {
	background: url(images/pdficon_large.gif) no-repeat;
	display: block;
	font-weight: normal;
	margin-left: 15px;
	padding-left: 40px;
}

#content .pageContent .newsCatItems ,
#content .pageContent .newsCatItems .newsItem p {
	padding: 0;
	margin: 0;
}

#content .pageContent .newsCatItems .newsItem p {

	padding:10px 0px 10px 0px;

}

#content .pageContent .newsCatItems .newsItem img {
	padding: 0;
	margin: 0;
	padding-right: 10px;
}

/* Form Styles */

.bookingForm td {padding:2px 0px;}

.bookingForm input .formField ,
.bookingForm textarea .formField {
	border: 1px solid #00A8E6;
}
.bookingForm .field-label-required {
	font-weight: bold;
	color: #900909;
}

.bookingForm .field-label {
	font-weight: bold;
	color: #222868;
}

.bookingForm .validation-advice {
	background-color: #900909;
	width: 50%;
}

.pageContent p.onscreenNotice {
	border: 1px solid #990000;
	background-color: white;
	color: #000;
	padding: 10px;
}

.pageContent p.onscreenNotice strong {

	font-weight: bold;
	color: #990000;
}

.directoryTable {
	
}

.directoryTable th {
	text-align:left;
	font-weight:bold;
	color: #fff;
	background-color: #222868;
	padding:2px;
}


.directoryTable td {
	
	border-bottom: 1px solid #ccc;
	padding:2px;
	
}