/***** Master CSS *****/
/* Combined reset.css, layout.css, presentation.css, global.css & lightbox.css */

/***** Reset CSS ******/
/*Normalises margin and padding}
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, for, fieldset, input, p, blockquote, th, td{margin:0; padding:0}

/*Removes list style from lists*/
ol, ul{list-style:none}

/*Removes borders from img and fieldset*/
fieldset, img{border:0}

/***** Layout CSS *****/
/*************************************/
/*********TABLE OF CONTENT************/
/*************************************/
html{}

body:{text-align:left}

#container{margin:0 auto; width:800px; border-top:#4F582D 2px solid; padding-top:10px}

/**********Main Navigation****************/
#nav_main{background-color:#4F582D; color:#FFF; margin:10px 0 10px 0; width:800px}

#nav_main ul{background-image:url(../images/nav_background.gif); padding:10px 0 10px 30px}

#nav_main li{display:inline; font-size:14px; font-weight:bold; margin-right:30px}

#nav_home{margin-left:18px}

#nav_visit{margin-left:17px}

#nav_learn{margin-left:18px}

#nav_events{margin-left:16px}

#nav_news{margin-left:18px}

#nav_download{margin-left:13px}

#nav_contact{margin-left:5px}

/*********Main Content*******************/
#main_content_index{background:url('../images/background_test.jpg') repeat-y; border-top:#4F582D 2px solid; text-align:left; width:800px}

/*********index_Intro_text page*******************/
#index_intro_text{width:360px; float:left; margin:0 0 25px 10px}

#index_intro_text p{font-size:11px; line-height:170%}

/*********otherpages_intro_text*************/
#partnersite_intro_text{width:360px; float:left; margin:0 0 25px 10px}

#partnersite_intro_text h2{font-size:20px; margin:15px 0 15px 0; color:#BB6B1C}

#partnersite_intro_text h3, #downloads_partners h3{font-size:16px; color:#00496C; margin-top:20px; text-transform:uppercase}

#partnersite_intro_text p{font-size:11px; line-height:170%}

/**********learn page***********************/
#learn_content{width:790px; margin-left:10px}

#learn_content p{font-size:11px; line-height:170%}

#learn_content h3{font-size:16px; color:#BB6B1C; margin-top:20px; text-transform:uppercase}

#learn_content h4{color:#4F582D; text-transform:uppercase; font-size:14px; font-weight:bold}

.learn_text_columns{border:1px solid #F00}

.learn_text_columns_left{width:360px; float:left; margin-top:15px}

.learn_text_columns_right{width:390px; float:right; margin:15px 10px 0 0}

/*********news and events page*************/
#news_and_events{width:800px}

#news_and_events h2{font-size:20px; margin:15px 0 15px 0; color:#BB6B1C}

#news_and_events p{font-size:11px; line-height:170%}

.news_event_intro{width:785px; margin-left:10px}

.news_event_item p{padding-right:5px}

.news_event_item img{padding-right:15px}

.news_event_item h3{color:#BB6B1C}

/********download_intro page***************************/
#download_intro{width:785px; margin-left:10px}

.download_content{width:785px; margin-left:10px}

.download_content h3{font-size:16px; color:#BB6B1C; text-transform:uppercase}

.download_content p{font-size:11px; line-height:170%}

#download_intro p{font-size:11px; line-height:170%}

#download_intro h3{font-size:16px; color:#BB6B1C; margin-top:20px; text-transform:uppercase}

#download_intro img{margin-right:15px}

#team_member_container{margin-top:10px}

/********contact_intro page***************************/
#contact_intro{width:785px; margin-left:10px; position:relative; height:420px}

#contact_intro p{font-size:11px; line-height:170%}

#contact_intro h3{font-size:16px; color:#BB6B1C; margin-top:20px; text-transform:uppercase}

#teammember1{width:215px; position:absolute; left:0}

#teammember2{position:absolute; left:240px}

#teammember3{width:212px; position:absolute; left:480px}

#contact_details{width:785px; margin-left:10px}

#contact_details p{font-size:11px; line-height:170%}

#contact_details h3{font-size:16px; color:#BB6B1C; margin-top:20px; text-transform:uppercase}

/*********large footprint page*************/
#large_footprint{width:780px; margin:0 0 25px 10px}

#large_footprint h2{font-size:20px; margin:15px 0 15px 0; color:#BB6B1C}

#large_footprint p{font-size:11px; line-height:170%}

/*******Index_Secondary Content*****************/
#index_secondary_content{background-color:#E8E8E8; border-top:2px solid #4F582D; border-bottom:2px solid #4F582D; float:right; margin:15px 0 0 0; width:400px}

#index_secondary_content p{font-size:11px}

.secondary_container_white_highlight{background-color:#FFF; margin:0 10px 10px 10px; width:380px}

.secondary_container_white_highlight p{margin-right:5px}

.secondary_container_white_highlight h4{padding-top:10px}

.secondary_container_white_highlight img{padding:10px}

/********Symbols********************************/
#symbols{margin-bottom:15px}

/*******Secondary Content*****************/
#secondary_content{float:right; margin:15px 0 0 0; width:400px}

#secondary_content p{font-size:11px}

#secondary_content h3{color:#00496C; font-size:16px; text-transform:uppercase}

/*******News Feed************************/
#news_feed{background-color:#BB6B1C; width:800px; height:30px}

#news_feed marquee{color:#FFF; font-size:12px; padding:8px 0 0 10px}

#news_feed a{color:#FFF}

#search_feature_form{font-family:Verdana; font-size:11px}

/*******Events Submission ***************/
legend{font-size:11px; font-family:Verdana; font-weight:bold; margin-bottom:20px}

label.events{font-family:Arial; color:#606060; font-size:11px; font-weight:bold; display:block; float:left; text-align:right; width:8em; margin-right:10px}

fieldset input{padding:3px; width:40%}

fieldset input.time{width:10%}

fieldset textarea{width:40%}

fieldset li{margin:0 0 20px 200px}

fieldset em{width:30px; font-size:11px; color:#F00}

fieldset .notes{font-family:Verdana; font-size:12px}

fieldset .required{margin-left:30px}

fieldset img{margin-left:90px}

fieldset .submit{width:100px; margin-left:160px}

/***** Presentation CSS *****/
/*
Colour Glossary
Dark Green:#4F582D (Nav bar, links)
Dark Blue:#00496C (h3 in homepage, h2 in partner sites)
Dark Orange:#BB6B1C (h1 in partner site, News stream on home page)
*/
/***************Typography*************************/
body{font-family:Verdana,Arial,Helvetica,sans-serif}

h1{font-size:16px}

h2{font-size:16px; margin:15px 0 15px 0}

h3{font-size:14px; margin-bottom:10px}

h4{color:#00496C; font-size:12px; margin-bottom:10px}

p{margin:0 0 10px 0}

table{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px}

/*************Main Navigation Styles*********/
#nav_main a{text-decoration:none}

#nav_main a:link{color:#FFF}

#nav_main a:visited{color:#FFF}

#nav_main a:hover{color:#FFF}

#nav_main a:active{color:#FFF}

/*************Links*********/
a:link{color:#4F582D}

a:visited{color:#4F582D}

a:hover{color:#4F582D}

a:active{color:#4F582D}

/***********Forms*********/
/***********Home*********/
.important-notice{}
.important-notice h1{line-height:44px; color:#4f5730}
.welcome-text{width:774px}

/***** Global Classes *****/
.clear{clear:both}
.float-left{float:left}
.float-right{float:right}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}

.bold{font-weight:bold}
.italic{font-style:italic}
.underline{border-bottom:1px solid}
.highlight{background:ffc}

.wrap{width:960px; margin:0 auto}

.img-left{float:left; margin:4px 10px 4px 0}
.img-right{float:right; margin:4px 0 4px 10px}

.nopadding{padding:0}
.noindent{margin-left:0; padding-left:0}
.nobullet{list-style:none; list-style-image:none}

.secondary_content_header{margin:10px}
.events_date{color:#069; font-size:12px; font-weight:500; margin:0 0 5px 0; padding:0}

#lightbox{position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0}

#lightbox a img{border:none}

#outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto}

#imageContainer{padding:10px}

#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}

#prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/lightbox_pics/blank.gif) no-repeat; /* Trick IE into showing hover */display:block}
#prevLink{left:0; float:left}
#nextLink{right:0; float:right}
#prevLink:hover, #prevLink:visited:hover{background:url(../images/lightbox_pics/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover{background:url(../images/lightbox_pics/nextlabel.gif) right 15% no-repeat}

#imageDataContainer{font:10px Verdana,Helvetica,sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%}

#imageData{padding:0 10px; color:#666}
#imageData #imageDetails{width:70%; float:left; text-align:left}
#imageData #caption{font-weight:bold}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em}
#imageData #bottomNavClose{width:66px; float:right;  padding-bottom:0.7em}

#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000}

/* form */
.company { position:absolute; left:-9999em; }
/** JS & BROWSER SETTINGS **/
.alert-browser,
.alert-javascript { display:none; }
.alert-browser,
.alert-javascript p { color: white; }
.alert-browser { background: url('http://www.towntalk.co.uk/resources/css/img/alert-browser.png') 0 0 no-repeat; }
.alert-javascript { background: url('http://www.towntalk.co.uk/resources/css/img/alert-javascript.png') 0 0 no-repeat; }
.ie6 .alert-browser,
.ie7 .alert-browser,
.no-js .alert-javascript { display:block; width:603px; height:100px; margin:10px auto; }
.alert-browser p,
.alert-javascript p { width:405px; padding:24px 0 0 102px; line-height:20px; font-size:15px; }
.alert-browser a,
.alert-javascript a { color:#EA7022; text-decoration:underline; }