/*
Theme Name: Ability Options
Theme URI: 
Description: Custom Ability Options Theme
Version: 1.0
Author: Infoding.com
Author URI: http://infoding.com/


*/


/** ----- **/
/** RESET **/
/** ----- **/

/* CSS Document */

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend, /*input,*/
table, caption, tbody, tfoot, thead, tr, th, td,
input.center,  input.noborderinput, input.radiof, input.borderinput_error {
	margin: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	list-style-type: none;
}

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend, /*input,*/
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
}

input.btn {
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	list-style-type: none;
}

a img, 
:link img, 
:visited img {
	border: 0;
}

a {
	text-decoration: none;
}

form input,
form textarea {
   padding:0 3px 0 3px;
   resize: none;
}


/*IE*/
.hr hr,
.hrlite hr {
	display: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, 
ul {
	list-style: none;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/** ----------------- **/
/** ABILITY OPTIONS STYLES **/
/** ----------------- **/

* {
    margin: 0;
}

html, body {
    height: 100%;
}

body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    background-color: #90BE38;
}

.rtl {
	direction: rtl;
	margin-right: 55px;
}

#main .rtl ul li {
	margin-right: 15px;
}

#pagecontainerbg {
	margin: 0 auto;
	background-image: url("./pics/bg.gif");
	background-repeat: no-repeat;
	width: 1024px;
	height: 1022px;
}

#pagecontainer {
	width: 800px;
	padding: 55px 0;
	margin: 0 0 0 110px;
}

#content {
	width: 800px;
	background-color: #fff;
	min-height:500px;
}

#header {
	width: 800px;
}

/****** MAIN MENU ******/
.sf-navbar a:hover {
	text-decoration: underline;
}


ul ul#divisions_and_services {
	margin-left: 100px;
}

ul ul#about_us {
	margin-left: 40px;
}

ul ul#donations {
	margin-left: 330px;
}




/*
ul#menumain li a,
ul.menusub1 li a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
}

ul#menumain li a {
        padding-right: 4px;
}

ul#menumain li{
    display: inline;
    list-style: none;
}

ul#menumain {
    text-align: center;
    padding: 5px 0 7px 0;
}
*/
/****** MENU SUB 1 ******/
/*
#menusub1all {
    clear: both;
    overflow: hidden;
    background-color: #A9CD65;
    width: 100%;
}

ul.menusub1 {
    font-weight: bold;
    background-color: #929692;
    padding-left: 16px;
}

ul.menusub1 li {
    display: inline;
    list-style: none;
    padding: 4px 4px 4px 0;
    margin-bottom: 2px;
    float: left;
}

ul.menusub1#don_down {
	padding-left: 300px;
}
*/
#side {
	width: 250px;
	float: left;
	font-size: 25px;
	/*margin-top: 105px;
	display: inline;*/
}

#side #pq {
	margin: 105px 50px 0 50px;
}

#side #pq img {
	padding: 40px 0;
}

#side #curved {
	margin: 20px 0 0 50px;
}

#side #curved img {
	margin-bottom: 20px;
}

img.aligncenterc {display: block; padding-left: 63px;}

#side h4#pullquote {
	color: #90BE38;
	font-size:25px;
}

#logo {
	position: absolute;
	left: 615px;
	top: 75px;
}

#main {
	float:left;
	width: 530px;
	color: #696A6C;
	padding: 35px 0 47px 0;
	line-height: 1.6em;
	letter-spacing: 0.03em;
}

#main .col_full {
	width:515px;
}

#main .col_half {
	width: 255px;
	float:left;
}

#main p {
	margin: 0 0 12px 0;
	line-height: 21px;
}

.cleardiv {
	clear: both;
}

a {
	color: #80B641;
	text-decoration: underline;
}

#main img {
	margin: 0 0 12px 0;
}

#main img#donatebtn {
	margin: 0;
	vertical-align: middle;
}

#main ul li {
	list-style: disc;
	list-style-position: outside;
	margin-left: 15px;
}

#main ul {
	margin: 0 0 12px 0;
}

.sf-navbar li.divider,
span.divider {
	margin: 2px 7px 0 5px;
	float: left;
	color:#fff;
	width: 0;
}

.cg1, .cg4, .cg5 {
	width: 25%;
}

.cg2, .cg3 {
	width: 12%;
}

table {
	margin: 12px 0;
	font-size: 1em;
	color: #636466;
}

table tr.th td {
	font-weight: bold;
}

table td {
	padding: 2px 5px;
}

form {
	padding: 0 0 20px 0;
}

.formrow {
	display: block;
	clear: both;
}

.formrow .subscribe {
	width: 468px;
}

.formrow .subscribe input[type="submit"] {
	float: right;
	margin-right: 0;
}

.formrow .formlabel {
	width: 195px;
	font-weight: normal;
	line-height: 20px;
}

.formlabel, .formfield {
	float: left;
	margin-bottom: 10px;
}

.formfield select {
	width: 270px;
}

input.wide, textarea.wide {
	width: 300px;
	border: 1px solid #B6BDAE;
	padding: 2px;
}

input[type="submit"] {
	float: right;
	margin-right: 65px;
}

/***HEADINGS***/
h1 {
	color: #8FBD38;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.4em;
}

#header h1 {
	padding-top: 50px;
}

h2 {
	color: #8FBD38;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
}

h3 {
	font-weight: bold;
	font-size: 1em;
}

h3.page {
	padding-bottom: 10px;
	color: #90BE38;
}

h4 {
	color: #A9CD65;
}

.col_half h2,
.col_half h3 {
	padding-bottom: 10px;
}

.col_half p {
	padding-bottom: 15px;
}

.hilite1 {
	color: #80B641;
}

#footer {
	font-size: 14px;
	padding-top: 8px;
	text-align: right;
}

#footer a {
	text-decoration: none;
	color: #fff;
}

/***Bolded text, WP has issue with <b>, <strong> depending on which editor you're using so use this instead.***/
.strongb {
	font-weight: bold;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #side h4#pullquote {
	visibility: hidden;
	font-size: 24px;
	line-height: 23px;
}