.crmContainer
  {
    background:white;
  }


.crmContainer img
  {
    float: right; 
    clear: right; 
    margin: 10px; 
  }



.quoteBox
  {
    margin:10px 0px 40px 0px;
    background:url(media/quotes-start.gif) no-repeat 0 0;
  }



.quote
  {
    padding:10px 0px 0px 50px;
    background:url(media/quotes-end.gif) no-repeat 100% 100%;
    color:#888;
    font-size:12px;
    font-weight:bold;
  }



.prodEnlargeLink img
  {
     display:block;
     border:1px solid #00929F;
     width:auto;
  }


.prodEnlargeLink
  {
     padding:0px 0px 20px 0px;
  }




#col1
  {
    padding:30px 0px 0px 0px;
  }




.bar
  {
    background:#FCBA30;
    border:1px solid #888;
    padding:4px;
    margin:5px;
    overflow:visible;
    display:block;
    height:20px;
    float:left;
    clear:both;
  }

.bar div
  {
    position:relative;
    width:200px;
  }



/*********************/
/*     MAIN MENU     */
/*********************/



#mainMenu, 
#mainMenu ol  
  {  
    background:none;  
    color:#000;  
    margin:0px;  
    padding:0px;  
    list-style:none;  
    overflow:hidden; 
    width:800px;
  }  


#mainMenu li  
  {  
    background:none;
    color:black;  
    float:left;  
    padding:0px;  
  }  
  


#mainMenu li a:link,
#mainMenu li a:visited  
  {  
    font-family:arial;
    background:none;
    color:black;  
    display:block;
    font-weight:bold;  
    padding:8px 20px 8px 20px;     
    text-decoration:none;  
  } 


#mainMenu .pageOn a:link,
#mainMenu .pageOn a:visited  
  {  
    font-family:arial;
    font-weight:bold;
    background:#00929F;
    color:white;  
    display:block;  
    font-weight:bold;  
    padding:8px 20px 8px 20px;     
    text-decoration:none;  
  } 
 

#mainMenu li a:hover  
  {
 
  } 



/*********************/
/*     SUB MENU      */
/*********************/



#sub_menu,
#sub_menu ol  
  {  
    background:black url(media/mainmenu-off.gif) repeat-x;  
    color:#000;  
    margin:auto;  
    padding:0;  
    list-style:none;    
    overflow:auto; 
    width:200px;
  }  


#sub_menu li  
  {  
    background:white;
    color:#000;    
    padding:0 0px 0 0;  
  }  
  


#sub_menu li a:link,
#sub_menu li a:visited  
  {  
    background:black url(media/mainmenu-off.gif) repeat-x;  
    color:#fff;  
    display:block;  
    padding:8px 20px 8px 20px;     
    text-decoration:none;  
  } 


#sub_menu .pageOn a:link,
#sub_menu .pageOn a:visited  
  {  
    background:black url(media/mainmenu-on.gif) repeat-x;
    color:black;  
    display:block;  
    padding:8px 20px 8px 20px;     
    text-decoration:none;  
  } 
 

#sub_menu li a:hover  
  {
 
  } 





/*********************/
/*     CAT LIST      */
/*********************/



.catList,
.catList ol  
  {  
    background:black url(media/mainmenu-off.gif) repeat-x;  
    color:#000;  
    margin:auto;  
    padding:0;  
    list-style:none;    
    overflow:auto; 
    width:150px;
  }  


.catList li  
  {  
    background:white;
    color:#000;    
    padding:0 0px 0 0;  
  }  
  

.catList li a:link,
.catList li a:visited  
  {  
    background:black url(media/mainmenu-off.gif) repeat-x;  
    color:#fff;  
    display:block;  
    padding:8px 20px 8px 20px;     
    text-decoration:none;  
  } 


.catList .pageOn a:link,
.catList .pageOn a:visited  
  {  
    background:black url(media/mainmenu-on.gif) repeat-x;  
    color:black;  
    display:block;  
    padding:8px 20px 8px 20px;     
    text-decoration:none;  
  } 
 

.catList li a:hover  
  {
 
  } 






/*********************/
/*     TEXT STYLES   */
/*********************/

body,
td,
p
  {
    font-family:tahoma;
    font-size:11px;
    line-height:180%;
  }

p
  {
    margin:0px;
  }


h1
  {
     padding:5px 0px 3px 0px; 
     margin:5px 0px 10px 0px;
     font-size:10px;
     font-weight:bold;
     border-bottom:1px solid #00929F;
  }

h2
  {
     margin:0px; 
     padding:5px 0px 3px 0px; 
     font-size:10px;
     font-weight:bold;
  }

h3
  {
     margin:0px;
     padding:5px 0px 3px 0px; 
     font-size:10px;
     font-weight:normal;
  }


a
  {
    color:black;
  }




/*********************/
/*    PAGE LAYOUT    */
/*********************/

body
  {
    margin:0;
    padding:0;
    background:white url(media/sandra-gidley-romsey-mp-background.png) repeat-x;
  }


#pageOuter
  {
    width:960px;
    margin:0px auto 0px auto;
    padding:0px;
    border:0px solid black;
    background:white;
  }


#top
  {
    padding:0px;
    margin:0px;
    background:#ECECEC;
  }

#banner
  {
    border-bottom:0px solid white; 
    background:white url(media/romsey-lib-dem-banner.jpg) no-repeat;
    height:310px;
  }


#banner img
  {
    padding:0px;
    margin:0px;
  }

#tagLine p
  {
    padding:0px;
    margin:0px;
    border:0px solid black;
    line-height:100%;
  }

#tagLine a
  {
    padding:0px;
    margin:0px;
  }



#tagLine
  {
     padding:18px 0px 0px 20px;
  }

#tagLine p
  {
     font-weight:bold;
     font-size:16px;
     color:#333;
     padding:0px 0px 15px 0px;
  }


#tagLine a
  {
     padding:0px 0px 0px 0px;
     color:black;
     text-decoration:none;
     font-size:11px;

  }

#tagLine a:hover
  {
     text-decoration:underline;
  }

#issuesBox
  {
    border-bottom:1px solid #00929F;
  }

#issuesBox,
#issuesBox div
  {
     background:#E2E2E2;
  }

#issuesBox #title
  {
     padding:5px 0px 3px 10px; 
     font-size:10px;
     font-weight:bold;
  }


#issuesBox .newsItem
  {
     margin:0px;  
     padding:0px 10px 0px 10px;  
     display:block;
     float:left;   
     width:138px;    
     border-left:1px solid #ccc;
  }


#issuesBox .newsItem a
  {
    padding:0px; 
    margin:0px; 
    font-size:12px;
    font-weight:normal;  
    color:#336666;
    text-decoration:none;
  }


#issuesBox .newsItem a:hover
  {
    text-decoration:underline;
  }


#issuesBox .newsItem p
  {
    margin:0px; 
    padding:0px;
    font-size:10px;
    font-weight:normal;  
    color:#666666;
    text-decoration:none;
  }


#issueBoxBottom
  {
    clear:both;
    height:20px;
  }


#col1 .inner
  {
    padding:0px 0px 0px 15px;
  }


#col2 .inner
  {
    padding:0px 15px 0px 0px;
  }


#col1 .title,
#col4 .title
  {
     padding:5px 0px 3px 0px; 
     font-size:10px;
     font-weight:bold;
     border-bottom:1px solid #00929F;
  }


#col4 #inner
  {
    padding:0px 0px 0px 15px; 
  }







#searchBox
  {
    padding:9px 7px 6px 7px;
    margin:9px 0px 0px 0px; 
    background:#E2E2E2;
  }


#searchBox form
  {
    margin:0px;
    padding:0px;
  }

#searchBox #searchInput
  {
    border:0px;
    background:white;
    display:block;
    height:18px;
    width:140px;
    float:left;
    padding:6px 0px 0px 6px;
    font-size:10px;
  }

#searchBox #submit
  {
    border:0px;
    background:#00929F;
    color:white;
    font-weight:normal;
    font-size:10px;
    display:block;
    height:23px;
    float:left;
  }

#searchBoxBottom
  {
    clear:both;
    height:0px;
  }

#searchBox p
  {
    padding:0px 0px 10px 0px;
    margin:0px;
    line-height:130%;
  }






.callClear
  {
    clear:both;
    height:5px;
    width:240px;
  }

.call,
.call div
  {
    display:block;
    float:left;
  }

.call img
  {
    border:none;
  }




.call .b
  {
    float:left;
    background:#E8E8E8 url(/media/sandra-gidley-right-button-bg.gif) no-repeat 100% 0;
    padding:0px 0px 0px 10px;
  }

.call .b a
  {
    display:block;
    color:black;
    text-decoration:none;
    font-weight:bold;
    padding:7px 0px 0px 10px;
    width:175px;
    height:27px;
  }

.call .b a:hover
  {
    color:black;
    text-decoration:underline;
  }














#content
  {
   min-height:300px;
  }


#content td
  {
    vertical-align:top;
  }


#col1
  {
    margin:10px 10px 10px 0px;
    vertical-align:top;
    width:240px;
    text-align:left;
  }

#col2
  {
    margin:0px 0px 10px 0px;
    padding:0px;
    vertical-align:top;
    width:auto;
    border:0px solid black;
  }

#col4
  {
    margin:10px 10px 10px 0px;
    padding:0px;
    vertical-align:top;
    width:240px;
    border:0px solid black;
  }




/*** STORIES ***/

.story
  {
    vertical-align:top;
    text-align:justify;
  }


.date
  {
    text-align:right;
    padding:0px 0px 10px 0px;
  }

.youTube
  {
    float:right;
    clear: right; 
    margin:0px 0px 20px 10px;
    padding:0px;
  }


.cToEImg
  {
    float:right;
    clear: right; 
    padding;0px;
    border:1px solid white;
  }


.cToEImg img
  {
    margin:0px 0px 10px 10px;
    padding;0px;
    border:1px solid white;
  }

.cToEImg .caption
  {
    margin:0px;
    padding;0px;
    color:#00929F;
    text-align:right;
  }





/*** STORY LIST ***/


.storyListItem
  {
    float:left;
    border-bottom:1px solid #00929F;
    padding:0px;
    margin:10px 0px;
    width:460px;
  }

.storyListItem .date
  {
    float:left;
    padding:0px 5px;
    vertical-align:top;
    width:55px;
  }

.storyListItem .title
  {
    float:left;
    padding:0px 10px;
    width:250px;
    vertical-align:top;
  }

.storyListItem .title h3
  {
    padding:0px;
    margin:0px;
    font-weight:bold;
  }


.storyListItem .title p
  {
    padding:0px 0px 10px 0px;
    text-align:justify;
  }


.storyListItem .title a
  {
    color:#00929F;
  }

.storyListItem .more
  {
    float:left;
    padding:0px 0px 10px 0px;
    vertical-align:top;
  }





/*** TWITTER ***/


.twitterRss
  {
    height:400px;
    width:240px;
    overflow:auto;
  }


.twitterRssTitle
  {
    border-bottom:0px solid white;
    padding:0px 5px 5px 5px;
    background:#eee;
  }

.twitterRssPubdates
  {
    color:#888;
    border:0px solid white;
    border-top:0px solid white;
    padding:0px 0px 15px 0px;
  }






/*** FACEBOOK ***/


.facebookStream
  {
    height:400px;
    width:240px;
    overflow:auto;
  }


.facebookStreamTitle
  {
    border-bottom:0px solid white;
    padding:0px 5px 5px 5px;
    background:#eee;
  }

.facebookStreamDate
  {
    color:#888;
    border:0px solid white;
    border-top:0px solid white;
  }


.facebookLikes
  {
    color:#888;
    border:0px solid white;
    border-top:0px solid white;
    padding:0px 0px 0px 20px;
    margin:0px 0px 15px 0px;
    background: url(media/thumb.gif) no-repeat 0 100%;
  }









/*** GOOGLE CSE***/



.cse
  {
    width:460px;
  }

.cse .title
  {

  }


.cse .desc
  {
    color:#888;
  }

.cse .url
  {
    width:460px;
    overflow:hidden;
    padding:0px 0px 15px 0px;
    color:#00929F;
  }








/*** PRESSS LIST ***/


.pressListItem
  {
    float:left;
    border-bottom:1px solid #00929F;
    padding:0px;
    margin:10px 0px;
  }

.pressListItem .date
  {
    float:left;
    padding:0px 5px;
    vertical-align:top;
    width:55px;
  }

.pressListItem .title
  {
    float:left;
    padding:0px 5px;
    width:350px;
    vertical-align:top;
  }

.pressListItem .title h3
  {
    padding:0px;
    margin:0px;
    font-weight:bold;
  }


.pressListItem .title p
  {
    padding:0px 0px 10px 0px;
    text-align:justify;
  }


.pressListItem .title a
  {
    color:#00929F;
  }









.issueItem
  {
    float:left;
    margin:12px;
    border:1px solid white;
    width:122px;
    min-height:350px;
    background:#E2E2E2;
  }



.issueItem h3
  {
    padding:4px 0px 4px 4px;
    line-height:120%;
    font-weight:bold;
    background:white;
    border-bottom:1px solid #00929F;
  }


.issueItem p
  {
    line-height:130%;
    padding:6px 4px 6px 6px; 
    background:#E2E2E2;
  }



.event
  {
    clear:left;
    width:240px;
  }


.eventDate
  {
    display:block;
    float:left;
    width:60px;
    padding:4px;
    text-align:right;
  }

.eventLink
  {
    display:block;
    width:140px;
    padding:4px 0px 0px 0px;
  }





.socialBox
  {
    padding:20px;
    width:auto;
    float:right;
    clear:right;
  }


.address
  {
    color:#aaa;
  }





.crmContainer img
  {
    margin:0px 0px 0px 10px;
    border:2px solid #00929F;
  }




#footerTxt
  {
    margin:10px 0px 10px 0px;
    padding:5px 0px 5px 10px;
    border-top:1px solid black;
  }

#footer
  {
    width:945px;
    height:41px;
    margin:0px auto 0px auto; 
    padding:0px;
    border:0px solid black;
  }




#path
  {
    float:none;
  }





#mainMenu
  {

  }