/*------------ CLUBSITEFOOTBALL WEB CSS FILE -----------*/
/*------- created by Mark Everard 2005 -------*/
/*--------#339933------------------------------------*/


body {background-color:#003A00;background-image:url(../images/background.gif);background-repeat: repeat-x;color:#222222;background-attachment:fixed;height:100%;min-width:670px;text-align:center;font:normal 11px, Arial, Verdana, Helvetica, sans-serif;}
    
    /* main wrapper */
    #wrap {background:#007700;margin:auto;width:672px;text-align:left;border:1px solid #003A00;}
    #wrap div.padding{padding:10px;}    
    
    /* header style */
    #header {border:1px solid #003A00;margin-bottom:10px;}
    
    /* button styles */
    #buttons {height:22px;width:652px;}
    
    /* generic button span style */
    #buttons span{display:inline;float:left;width:103px;height:20px;margin:0 1px 0;}
    
    /* homebutton */
    #buttons span.homebutton{background-image:url(../images/home.gif);margin-left:5px;}
    #buttons .border_home span{border:1px solid #ffffff;}
    #buttons a.border_home:hover span{border:1px solid #ffffff;background-image:url(../images/home_over.gif);cursor:pointer;}
    #buttons a.border_home:hover {color:red;}
    
    /* featuresbutton */
    #buttons span.featuresbutton{background-image:url(../images/features.gif);}
    #buttons .border_features span{border:1px solid #ffffff;}
    #buttons .border_features:hover span{border:1px solid #ffffff;background-image:url(../images/features_over.gif);cursor:pointer;}
    #buttons .border_features:hover {color:red;}
    
    /* demobutton */
    #buttons span.demobutton{background-image:url(../images/demo.gif);}
    #buttons .border_demo span{border:1px solid #ffffff;}
    #buttons .border_demo:hover span{border:1px solid #ffffff;background-image:url(../images/demo_over.gif);cursor:pointer;}
    #buttons .border_demo:hover {color:red;}
    
    /* downloadbutton */
    #buttons span.downloadbutton{background-image:url(../images/download.gif);}
    #buttons .border_download span{border:1px solid #ffffff;}
    #buttons .border_download:hover span{border:1px solid #ffffff;background-image:url(../images/download_over.gif);cursor:pointer;}
    #buttons .border_download:hover {color:red;}
    
    /* supportbutton */
    #buttons span.supportbutton{background-image:url(../images/support.gif);}
    #buttons .border_support span{border:1px solid #ffffff;}
    #buttons .border_support:hover span{border:1px solid #ffffff;background-image:url(../images/support_over.gif);cursor:pointer;}
    #buttons .border_support:hover {color:red;}
    
    /* abouttbutton */
    #buttons span.aboutbutton{float:left;background-image:url(../images/about.gif);margin-right:0px;}
    #buttons .border_about span{border:1px solid #ffffff;}
    #buttons .border_about:hover span{border:1px solid #ffffff;background-image:url(../images/about_over.gif);cursor:pointer;}
    #buttons .border_about:hover {color:red;}
    
    /* main content style */
    
    #main {background-color:#ffffff;width:650px;border:1px solid #eee;margin-bottom:10px;margin-top:10px;text-align:justify;}
    #main div.padding{padding:20px;}
    
    /* frontpage images and sandbag spacers */
    #main div.advert{background-image:url(../images/clubsiteadvert.jpg);background-repeat:no-repeat;height:382px;}
    #main div.sandbag1,div.sandbag2{border:0px solid #000000;dislay:block;}
    #main div.sandbag1{height:120px;width:600px;}
    #main div.sandbag2{height:260px;width:160px;float:left;}
    
    /* font definitions */
    #main p{word-spacing:1px;line-height:18px;}
    #main p.block{clear:left;}
    #main p.error{font-weight:700;color:red}
    #main span.boldinline{font-weight:700;color:#3366CC;}
    #main p.inputalign{width:150px;height:1.6em;float:left;margin:0px;}
    #main p.inputline{width:100%; border-bottom:1px solid #555555;}
    
    /* bullet points */    
    #main ul{font-weight:700;word-spacing:1px;line-height:18px;}
    
    /* headings */
    #main h1{font-weight:700; font-size:12pt; color:#000000; text-align:right; background-color:#ffffff; padding:2px 20px 2px 0px;border-bottom:1px solid #555555;}
    #main h2{font-weight:700; font-size:10pt; color:#3366CC; background-color:#ffffff; padding:2px 20px 2px 0px;}
    #main h3{font-weight:700; font-size:10pt; color:#555555; float:left;}
    
    /* link tags */
    #main a{font-size:13px;font-weight:700;color:red;text-decoration:none;}
    #main a:hover{text-decoration:underline;}
    #main a.intext{font-size:11px;color:#555555;}
    #main a.linksmall{float:left;color:#3366CC;font-size:10px;clear:left;margin-bottom:10px;}
    #main a.linksmall:hover{}
    
    /* images */
    #main img.half{width:300px;}
    #main img{border:1px solid #555555; float:right;margin:20px 0px 20px 20px;}
    #main img.bullet{border:0px solid #555555;margin:0px;}
    
    /* list */
    #main ul{list-style-type: disc;list-style-image: url(../images/footballbullet.gif);}
    #main li{margin:3px;}
    
    /* input elements */
    #main input.btn {font-size:1.2em;font-weight:700;color:#000;background-color:#ffffff;border:1px solid #555555;padding:0.1em;margin:10px 10px 0 0;cursor:pointer;}
    #main input.txt {font-size:1.2em;font-weight:700;color:#3366CC;width:15.5em;border-top:2px solid #808080;border-left:2px solid #808080;border-bottom:1px solid #D4D0C8;border-right:1px solid #D4D0C8;} 
    #main input.fulltxt{font-size:1.2em;font-weight:700;color:#3366C;width:40.5em;border-top:2px solid #808080;border-left:2px solid #808080;border-bottom:1px solid #D4D0C8;border-right:1px solid #D4D0C8;}
    #main select {font-size:1.2em;font-weight:700;color:#3366CC;width:16em;border-top:2px solid #808080;border-left:2px solid #808080;border-bottom:1px solid #D4D0C8;border-right:1px solid #D4D0C8;} 
    #main textarea {width:33em;height:200px;display:block;border-top:2px solid #808080;border-left:2px solid #808080;border-bottom:1px solid #D4D0C8;border-right:1px solid #D4D0C8;}
    #main textarea.txtarea {font:1.1em Verdana, sans-serif;font-weight:700;color:#9C1A1E;display:block;margin-left:150px;width:17em;height:4.2em;border-top:2px solid #808080;border-left:2px solid #808080;border-bottom:1px solid #D4D0C8;border-right:1px solid #D4D0C8;}
    #main textarea.full {width:50em;height:400px;}
    
    /* footer style */
    
    #footer {text-align:right;width:652px;height:30px;background-image:url(../images/footer.jpg);border:1px solid #003A00;}
    #footer p {padding:5px 5px 5px 5px;color:#fff;font-size:8pt;font-weight:700;}
    #footer a.copyright{color:#ffffff;text-decoration:none;}
    #footer a.copyright:hover{color:#ffffff;text-decoration:underline;}
    #footer a.hide{color:#007700;text-decoration:none;}
    #footer a.hide:hover{color:#ffffff;text-decoration:underline;}