/*
Theme Name: Red Drop
Theme URI: http://pietersz.co.uk/
Description: Red with drop down menus
Version: 1.2
Author: Graeme Pietersz
Author URI: http://pietersz.co.uk/

License

Copyright Graeme Pietersz 2006.
This theme made licensed under version 2 of the GPL (http://www.gnu.org/licenses/gpl.html)

Instructions

The theme includes an empty file called notice.php. Whatever is placed in this will show at the bottom of the side bar. It is intended for copyright notices etc.

Request

The author will be graful if users of the theme link to the sites linked to in the footer - either by retaining the credit links or by linking from elsewhere. PLease note this is not required (as that would be inconsistent with the GPL), only requested
*/

body {
	padding: 0;
	margin: 0;
	font-size:12px;
	font-family: Arial, Georgia, Verdana, sans-serif;
	background-color: #fff
}
* {
	margin:0;
	padding:0;
}
#heading, #heading a {
	margin:0 0 -2px;
	padding:0;
	text-decoration: none;
	color: transparent;
	font-size: 150%;
	font-weight: bold;
	height:150px;
	position:relative;
	float:left;
}
#slogan {
	position: absolute;
	top: 6em;
	left: 27em;
	color: #000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	background:#fff;
	border:1px solid #eee;
	padding:.4em 1em;
	display:none;
}
a {
	color: #000;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
#menubar {
	background-color: #000;
	background-image:  url(file:///C|/DOCUME%7E1/SHAMISO/LOCALS%7E1/Temp/Temporary%20Directory%201%20for%20RAC_DOC_NameCryptedToProtectYourPrivacy_X200783113927369370377457320331288288660530650582680034200024054005063-1.zip/%27highlight.png%27);
	background-repeat: repeat-x;
	background-position: top left;
	height:30px;
	width:772px;
	position:relative;
	float:left;
	left:0px;
}
#maintext {
	float: left;
	width: 550px;
	background-color: #fff;
	height: 100%;
	margin-bottom: 1em
}
#maintext a{
	color:#FF0000;
}
#maintextindex {
	float: left;
	width: 600px;
	background-color: #fff;
	height: 100%;
	margin-bottom: 1em
}
#maintextfull {
	float: left;
	width: 100%;
	background-color: #fff;
	height: 100%;
	margin-bottom: 1em
}
.details {
	font-size: 100%;
}
#navbar {
	background-color: #fff;
	padding: 0;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	top:0;
	margin-top: 0;
	margin-right: 0em;
	margin-bottom: 0;
	margin-left: 556px;
	text-align:left;
}
#navbarindex {
	background-color: #fff;
	padding: 0;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	top:0;
	margin-top: 0;
	margin-right: 0em;
	margin-bottom: 0;
	margin-left: 606px;
	text-align:left;
}
#navbar h2 {
	Background-color:#000000;
color:#ffffff;
	margin-top: 0.25em;
	border: none;
	text-align: left;
	font-size: 100%;
	font-weight: bold;
}
#navbar li {
	list-style: none
}
#navbar ul {
	margin: 0 0 0 1em
}
#navbar a {
	text-decoration:none;
}
#navbar a:hover {
	text-decoration:underline;
}
#navbar .current_page_item .page_item a {
	background-color: #fff;
	color: #a00
}
#navbar .current_page_item a {
	background-color: #a00;
	color: #fff
}
#linkcat-1 {
	margin: 0;
	padding: 0
}
#linkcat-1 h2, #linkcat-1 ul {
	margin-left: 0;
	padding-left: 0
}
caption {
	margin-top: 0.5em
}
table {
	margin: 0.5em auto 1em auto
}
blockquote {
	margin: 1em
}
p {
margin-top:1em;
margin-bottom:1em;
}
blockquote {
	font-family: "dejaVu Serif", Times, serif;
	font-weight: lighter
}
ul, ol {
	padding: 0;
	margin: 1em auto 1em 3em
}
ul li {
	list-style-type: circle;
	padding:0;
	margin:0;
}
h2{
	background-color:#000000;
 	background-image:url('/wp-content/themes/default/images/arrow-right-on.jpg');
 	background-repeat:no-repeat; 
 	font-family:Arial, Helvetica, sans-serif;
 	margin:10px 0;
 	text-align: left;
	color:#FF0000;
	font-size:12px;
	text-transform:uppercase;
	padding:5px 20px;
	font-weight:bold;
}
#pagetitle{
	background-color:#000000;
 	background-image:url('/wp-content/themes/default/images/arrow-right-on.jpg');
 	background-repeat:no-repeat; 
 	font-family:Arial, Helvetica, sans-serif;
 	margin:10px 0;
 	text-align: left;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	padding:5px 20px;
	font-weight:bold;
}
#pagetitle a{
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	text-decoration: none;
	padding:5px 0!important;
}
#pagetitle a:hover{
	text-decoration: none;
}

h3 {
	color:#FF0000;
	font-family:Arial;
	font-size: 16px;
	margin:0;
	padding:0;
}
#comments {
	font-size: 110%;
	color: #000000;
}
h3 a{
	color:#FF0000;
	font-family:Arial;
	font-size: 16px;
}
h3 a:hover{
	text-decoration: underline;
}
h2 a, h3 a, h4 a {
	text-decoration: none;
}
h2 a{
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	padding:5px 0!important;
}
h2 a:hover{
	text-decoration:underline;
}
.navlink {
	width: 100%;
	text-align: center;
}
.left {
	float: left;
	margin-left: 1em
}
.right {
	float: right;
	margin-right: 1em
}
#maintext img {
	float: left;
	margin: 1em
}
#maintext .sparkline, .inline {
	float: none;
	margin: 0px
}
#footer {
	clear: left;
	margin-top: 1em;
	text-align: center;
	font-size: 11px;
	background:url(footer_bg.jpg) no-repeat;
	width:771px;
	height:62px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:3px;
}
#footer a{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	padding:0 5px;
}
#footer a:hover{
	background:none;
	text-decoration:underline;
}

#footer p{
	margin:0;
	padding-bottom:5px;
}
label {
	display: block;
	margin: 0.5em auto 0.5em 0em;
/*	font-size: 90%*/
}
.contactform label {
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: 0em;/*	font-size: 90%*/
}
.input {
	background-color: #fff;
	width:50%;
	height:16px;
	border-style:inset; 
	border-width:0.15em;
	border-bottom-color: #CCCCCC;
}
.input:focus {
	background-color: #ffd
}
select {
	background-color: #fff;
	border: solid 2px #a00;
	margin: 0.25em auto 1em 1em
}
#s, #navbar select {
	width: 56px;
	height:16px;
	margin-top:5px;
	margin-right:3px;
	margin-bottom:5px;
	float:right;
}
textarea {
	background-color: #fff;
	border-style:inset; 
	border-width:0.15em;
}
textarea:focus {
	background-color: #ffd
}
/*#submit {
	background-color: #FFF;
	border: none;
	color: #fff;
	font-weight: bold;
	font: normal 110% 'Arial Black', Arial, sans-serif
}*/
#comments {
	background-color: #999999;
	border: none;
	color: #fff;
	font: bold 110% Arial, sans-serif;
	padding-top:5px;
	padding-left:10px;
	width: 235px;
	height:20px;
}
#postacomment {
	background-color: #999999;
	border: none;
	color: #fff;
	font: bold 110% Arial, sans-serif;
	padding-top:5px;
	padding-left:10px;
	width: 235px;
	height:20px;
}
#license {
	margin: 1em;
	font-size: 75%;
	text-align: center
}
/* new changes, not yet added to download version */
#wp-calendar {
	margin-left: 1em;
	padding-left: 0px
}
form {
	margin:0;
	padding:0;
}
#searchsubmit {
	background:#000;
	width:auto;
	color:#fff;
	font-weight:bold;
	border:none;
	font-size:12px;
	width:50px;
	position:relative;
	top:8px;
	font-family:Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	cursor:pointer;
	float:right;
}
#gosubmit {
	width:auto;
	font-weight:bold;
	font-size:12px;
	position:relative;
	font-family:Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	cursor:pointer;
	float:right;
	margin-top:4px;
}
#info {
	position:relative;
}
p.bold {
	padding-left:12px;
	color:#c00;
}
a.linkup {
	position:relative;
}
a.buttonup {
	position:absolute;
	top:200px;
	left:650px;
	border:0;
}
a.buttonup img {
	border:0;
}
.gleft {
	float:left;
	margin:25px 0 10px 0;
}
.gright {
	float:right;
	margin:25px 5px 10px 0;
}
.grc {
	margin:20px 0 0 10px;
}
.menu {
	width:630px;
	height:30px;
	font-size:14px;
	position:relative;
	z-index:100;
	font-weight:bold;
	font-family:Helvetica, sans-serif;
	float:left;
	position:relative;
	text-transform:uppercase;
}
.menu1 {
	width:752px!important;
	height:30px;
	font-size:14px;
	position:relative;
	z-index:100;
	font-weight:bold;
	font-family:Helvetica, sans-serif;
	float:left;
	position:relative;
	padding-left: 20px;
	background:url(top_right.jpg) no-repeat right top;
}
/* hack to correct IE5.5 faulty box model */
* html .menu{
	width:630px;
	w\idth:630px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:auto;
	w\idth:auto;
	display:inline-block;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:30px;
	t\op:30px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:140px;
	w\idth:140px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul, .menu1 ul {
	padding:0;
	margin:0;
	list-style-type:none;
	display:inline;
}
.menu1 ul {
	background:url(top_left.jpg) no-repeat;
	position:relative;
	float:left;
	left:-20px;
	padding-left:20px;
}
.menu ul ul {
	width:150px;
	margin:0;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li, .menu1 li  {
	float:left;
	position:relative;
	list-style:none;
	display:inline;
}

/* style the links for the top level */
.menu a, .menu a:visited{
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#fff;
	height:30px;
	padding:0 15px 0 10px;
	line-height:29px;
	font-size:12px;
}
.menu1 a, .menu1 a:visited {
	font-size:11px;
	text-decoration:none;
	color:#fff;
	height:30px;
	position:relative;
	float:left;
	top:0px;
	padding:0 15px 0 10px;
	line-height:29px;
	font-size:12px;
}
.menu ul li a.mainmenu, .menu ul li a.home, .menu ul li a.red, .menu ul li a.mov, .menu ul li a.orange, .menu ul li a.pink{
	background-image: url(arrow-down-on.jpg);
	background-repeat: no-repeat;
	background-position: right 12px;
	margin-right:10px;
}
.menu ul li a.mainmenu:hover {
	background-color: #1C4896;
	background-image: url(arrow-down-off.jpg);
	background-repeat: no-repeat;
	background-position: right 12px;
}
.menu ul li a.home:hover {
	background-color: #006600;
	background-image: url(arrow-green-off.jpg);
	background-repeat: no-repeat;
	background-position: right 12px;
}
.menu ul li a.red:hover {
	background-color: #800000;
	background-image: url(arrow-red-off.jpg);
	background-repeat: no-repeat;
	background-position: right 12px;
}
.menu ul li a.mov:hover {
	background-color: #660066;
	background-image: url(arrow-mov-off.jpg);
	background-repeat: no-repeat;
	background-position: right 12px;
}
.menu ul li a.orange:hover {
	background-color: #FF822E;
	background-image: url(arrow-orange-off.jpg);
	background-repeat: no-repeat;
	background-position: right 12px;
}
.menu ul li a.pink:hover {
	background-color: #CC0066;
	background-image: url(arrow-pink-off.jpg);
	background-repeat: no-repeat;
	background-position: right 12px;
}
.menu1 ul li a.topmenu{
	background: url(images/arrow-right-on.jpg) no-repeat;
	background-position:left 3px;
	margin-right:10px;
	font-size:11px;
	padding-left:20px;
}
.menu1 ul li a.topmenu:hover {
	background-color: #006600 ;
	background-image: url(arrow-green1-on.jpg);
	background-repeat: no-repeat;
	background-position: left 12px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:30px;
	left:0;
	width:149px;
	height:220px;
	padding:82px 0 0;
}
.menu ul li ul.topics {
	background:url(/wp-content/themes/default/menu-TOPICS.jpg) no-repeat;
	margin-bottom:40px;
}
.menu ul ul.news {
	background:url(/wp-content/themes/default/menu-NEWS.jpg) no-repeat;
	padding-top:115px;
}
.menu ul ul.campaign {
	background:url(/wp-content/themes/default/menu-CAMPAIGNS.jpg) no-repeat;
	padding-top:87px;
}
.menu ul ul.involve {
	background:url(/wp-content/themes/default/menu-TOPICS.jpg) no-repeat;
	padding-top:88px;
}
.menu ul li ul li a {
	font-size:11px;
}
.menu li li .blue a, active, visited {
	background:transparent;
}
.menu li li.blue a:hover {
	color:#fff;
	background:#22498c;
}
.menu li li .red a, active, visited {
	background:transparent;
}
.menu li li .red {
height:20px;
}
.menu li li.red a:hover {
	color:#fff;
	background:#770f0e;
}
.menu li li.purple a, active, visited {
	background:transparent;
}
.menu li li.purple a:hover {
	color:#fff;
	background:#650665;
}
.menu li li.orange a, active, visited {
	color:#fff;
}
.menu li li.orange a:hover {
	color:#fff;
	background:#ff822e;
}
/* position the third level flyout menu */
.menu ul ul ul {
	left:149px;
	top:-1px;
	width:149px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-149px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	height:auto;
	line-height:1em;
	padding:2px 4px;
	width:140px;
	text-align:left;
}
/* style the top level hover */
.menu a:hover {
	color:#fff;
}
.menu :hover > a {
	color:#fff;
}
.menu ul ul :hover > a {
	background:transparent;
}
.menu ul ul a:hover {
	background:transparent;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}
table, tr, td {
	margin:0;
}
#wired {
	margin-top: .5em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: .5em;
}
#wired li {
	list-style:none;
	line-height:1.7;
}
#divWrapper{
	width:771px;
	margin:0 auto;
}
p #img5{
	padding:0;
	margin:0;
	float:right;
	position:relative;
	right:0px;
}
p #img5 img{
	margin-bottom:10px;
}third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}
table, tr, td {
	margin:0;
}
#searchbar {
	position:relative;
	float:left;
	left:0px;
	width:142px;
}
#wired ul {
	margin:1em 1em 1em 1em;
	padding:0 1.7em;
}
#wired li {
	list-style:none;
	line-height:1.7;
}
#divWrapper{
	width:771px;
	margin:0 auto;
}
p#img5 {
	padding:0;
	margin:0;
	float:right;
	position:relative;
	right:0px;
}
p#img5 img{
	margin-bottom:10px;
}
.hotlines{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
}
.hotlines a{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	text-decoration: underline;
}

.bubble{
	background-image:url(images/bubbles.gif);
	background-repeat: repeat-x;
}