body { font-family: Arial, Helvetica, sans-serif; background-image: url(../Buttonsgeneral/background1.jpg); width: auto; padding: 0; margin: 10px; line-height: 1.5; } p, h1, h2, h3, h4, h5, h6, address { padding:10px 10px 10px 10px; margin: 0 10px 0 0px; line-height: 1.5em; } p, li, address { font-size: 0.7em; } h1 { font-size: 130%; } h2 { font-size: 115%; color: #666666; } h3 { font-size: 100%; color: #000000; } h4 { font-size: 90%; color: #000000; } a { color:#FF6600; font-weight: bold; border-bottom: none; text-decoration: none; } a:visited { color:#FF6600; font-weight: normal; border-bottom: none; text-decoration: none; } a:hover { color:#FF6600; font-weight: bold; border-bottom: none; text-decoration: none; } a:active { color:#FF9900; font-weight: bold; border-bottom: none; text-decoration: none; } a.drop {font:normal 12px Arial; color:#FFFFFF; font-weight: normal; border-bottom: none;} a.drop:active {font:normal 12px Arial; color:#FFFFFF; font-weight: normal; border-bottom: none;} a.drop:visited {font:normal 12px Arial; color:#FFFFFF; font-weight: normal; border-bottom: none;} a.drop:hover {font:normal 12px Arial; color:#FF9933; font-weight: normal; border-bottom: none;} /*---nav styles---*/ #nav { float:left; width:100%; background-color:#3A75AF; } #nav ul { margin: 0; padding:0; list-style:none; width: 100%; } #nav ul a { display: block; padding: 1em 1.3em; line-height: 0.8em; font-size: 130%; text-decoration:none; background-color:#3A75AF; } #nav a:link { color: #ffffff; } #nav a:visited { color:#ffffff; } #nav a:hover { color:#FF6600; } #nav ul li { float: left; } #home #nav .home a, #resources #nav .resources a, #takeAction #nav .takeAction a, #birmingham #nav .birmingham a, #belfast #nav .belfast a, #London #nav .London a, #Edinburgh #nav Edinburgh a, #register #nav .register a{ color:#ff6600; } /*////// This rule makes the current page orange (#ff6600) in the navigation menu. For this to work you need to give the elements of the pages IDs that match these//*/ #dropmenudiv{ position:absolute; border:1px solid white; font:normal 12px Arial #FFFFFF; line-height:18px; z-index:100; } #dropmenudiv a{ width: 280; display: block; text-indent: 6px; } #dropmenudiv a:hover{ /*hover background color*/ background-color: #000000; } .unnamed1 { border: thin dashed #FF9900; } .unnamed2 { border: thin dotted #666666; } .unnamed3 { border: thin dotted #000000; } .blue { border: thin dashed #6699CC; } .green { border: thin dashed #C0D93D; } .border1 {border: thin dotted #8BBCE7; } /*/////////////////////////////-----div styles-----*/ /*-wrapper styles-*/ #wrapper { width: 790px; position:relative; left: 45%; margin-left: -330px; background-color: #3A75AF; border: 1px solid #000000; } /*---intro styles---*/ #intro { border: 1px solid #cccccc; width:100%; } #intro ul { text-align:left; padding: 20px; margin:10px; } /*--content styles--*/ #masthead{ height:141px; } #nav{ background-color:#3A75AF } #nav1{ background-color:#8ABBE6 } #content { clear:both; background-color:#FFFFFF; width:auto; border-bottom: 1px solid #000000; } #feature{ padding: 0px 0px 10px 10px; min-height: 400px; width: 75%; border-bottom: 1px solid #cccccc; } #img { float: right; padding: 10px 10px 0px 10px; margin: 0 0 0 10px; background-color:#ffffff; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; } #pagenav{ float: right; width:182px; padding: 0px; background-color: #3A75AF; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; color: #000000; } #footer{ background-color:#3A75AF; width:100%; color: #FFFFFF; font-size: 1em; }