body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small; 
*font:x-small; 
}
/****************************************************************************************************************************
 * Reset css start
****************************************************************************************************************************/
html { }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select {
*font-size:100%; margin:0; padding:0 }
legend { color:#000; }
/****************************************************************************************************************************
 * New Body >> css
 ****************************************************************************************************************************/
body { background:#efefef url(../images/bg-main.png) repeat-x; text-align:center; font-family:Arial; }

div.mainContainer { width:941px; height:1022px; text-align:left; margin:auto; border-top:0px; }
div.header { width:941px; height:29px; }
div.address { width:471px; height:24px; float:left; display:inline; color:#c8e9fe; font-weight:bold; padding-top:5px;}
div.nav1 { width:470px; height:29px; float:right; display:inline; }
div.top { width:941px; height:119px; clear:both; }
div.logo { width:301px; height:119px; float:left; display:inline; background:#383838 url(../images/bg-logo.jpg) center no-repeat; }
div.nav2 { width:640px; height:119px; float:right; display:inline; background:#000 url(../images/bg-nav2.jpg) center no-repeat; }
div.middle { width:941px; height:265px; clear:both; }
div.flash { width:542px; height:265px; float:left; display:inline; }
div.callouts { width:359px; height:250px; float:right; display:inline; padding:15px 0px 0px 40px; background:#e4f0eb url(../images/bg-callouts.png) center no-repeat; }
div.divider { width:941px; height:33px; clear:both; }
*html div.divider {margin-top:-5px;}
div.bottom { width:941px; height:56px; clear:both; }
div.search { width:471px; height:56px; float:left; display:inline; }
*html div.search {height:50px;}
div.order { width:470px; height:56px; float:right; display:inline; }
*html div.order {height:50px;}
div.content { width:941px; height:366px; background:#efefef url(../images/bg-main2.gif) repeat-y; clear:both; }
*html div.content { margin-top:-3px;}
div.contentL { width:413px; height:341px; float:left; display:inline; padding:25px 0px 0px 20px; }
	h1 { color:#277aa3; font-size:24px; font-weight:bold; }
	p.copyL { color:#383838; font-size:12px; padding:0px 8px 0px 0px; }
	div.contentL blockquote,div.contentL ul,div.contentL ol,div.contentL dl { margin:0px; }
	div.contentL ol,div.contentL ul,div.contentL dl { margin-left:2em; }
	div.contentL ul li { list-style:disc outside; }
	div.contentL ol li { list-style:decimal outside; }
	div.contentL li { color:#383838; font-size:12px; margin:0.5em 0; }
	div.contentL dl dd { margin-left:1em; }	
div.contentR { width:488px; height:341px; float:right; display:inline; padding:25px 0px 0px 20px; }
	p.copyR { color:#383838; font-size:12px; padding:0px 30px 0px 0px; }
	img.copyR { margin-right:20px; border:1px solid #FFF; }
div.footer { width:941px; height:81px; margin:auto; font-size:10px; text-align:center; font-size:12px; color:#ffcc00; font-weight:bold; clear:both; background:#258dc8 url(../images/bg-footer.png) center no-repeat; }
	.footer a { color:#ffcc00; text-decoration:none; font-size:11px; margin:6px; line-height:24px; }
	.footer a:hover { color:#fff; text-decoration:underline; }
div.copyright { width:941px; height:73px; margin:auto; font-size:10px; text-align:center; color:#2e709c; clear:both; background:#efefef url(../images/bg-copyright.jpg) center no-repeat; }

a:link.btn1, a:visited.btn1 { display:block; width:306px; height:83px; 
	background:transparent url(../images/btn-donate.gif) no-repeat top left; background-position: 0px 0px; }
a:hover.btn1 { background-position: 0px -83px; }

a:link.btn2, a:visited.btn2 { display:block; width:306px; height:83px; 
	background:transparent url(../images/btn-scholarships.gif) no-repeat top left; background-position: 0px 0px; }
a:hover.btn2 { background-position: 0px -83px; }

a:link.btn3, a:visited.btn3 { display:block; width:306px; height:83px; 
	background:transparent url(../images/btn-request.gif) no-repeat top left; background-position: 0px 0px; }
a:hover.btn3 { background-position: 0px -83px; }

a:link.btn4, a:visited.btn4 { display:block; width:75px; height:21px; 
	background:transparent url(../images/btn-search.gif) no-repeat top left; background-position: 0px 0px; }
a:hover.btn4 { background-position: 0px -21px; }

a:link.btn5, a:visited.btn5 { display:block; width:370px; height:50px; 
	background:transparent url(../images/btn-order.gif) no-repeat top left; background-position: 0px 0px; }
a:hover.btn5 { background-position: 0px -50px; }

a:link.btn6, a:visited.btn6 { display:block; width:169px; height:48px; 
	background:transparent url(../images/btn-learn.png) no-repeat top left; background-position: 0px 0px; }
a:hover.btn6 { background-position: 0px -48px; }

a:link.btn7, a:visited.btn7 { display:block; width:177px; height:48px; 
	background:transparent url(../images/btn-friend.png) no-repeat top left; background-position: 0px 0px; }
a:hover.btn7 { background-position: 0px -48px; }

a:link.btn8, a:visited.btn8 { display:block; width:473px; height:101px; 
	background:transparent url(../images/btn-cure.png) no-repeat top left; background-position: 0px 0px; }
a:hover.btn8 { background-position: 0px -101px; }


#recommendUsCell { display:none; cursor: default; padding:5px; border:1px solid #000; z-index:99;}
.close_form, .close_form_oo { margin:0; padding:0 1px; border:1px solid #555; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:right; cursor:pointer; }
.close_form { background-color:#F6F6F6; color:#CC0000; }
.close_form_oo { background-color:#C90000; color:#FFF; }
#recommendUsForm, #recommendUsForm * { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; }
#recommendUsForm { clear:both; }
recommendUsForm td { margin:2px 0; }
#recommendUsForm .input_txt, #recommendUsForm .input_txtarea  { border:1px solid #bbb; background-color:#F6F6F6; padding:2px; margin:1px 0; }
#recommendUsForm .input_txt { width:145px; }
#recommendUsForm .input_txtarea { width:300px; }
#recommendUsForm a { color:#AE620D; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; text-decoration:none; } 


/****************************************************************************************************************************
 * Menus >> css
 ****************************************************************************************************************************/        
/*a#menu1, #menu1 span, span.menu1_span {width:306px; height:83px; display:block; position:relative;overflow:hidden;}
a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/btn-donate.gif) no-repeat 0 0;}
a#menu1:hover span, span.menu1_span_oo { background-position:0px -83px;; cursor:pointer}

a#menu2, #menu2 span, span.menu2_span {width:306px; height:83px; display:block; position:relative;overflow:hidden;}
a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/btn-scholarships.gif) no-repeat 0 0;}
a#menu2:hover span, span.menu2_span_oo { background-position:0px -83px;; cursor:pointer}

a#menu3, #menu3 span, span.menu3_span {width:306px; height:83px; display:block; position:relative;overflow:hidden;}
a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/btn-request.gif) no-repeat 0 0;}
a#menu3:hover span, span.menu3_span_oo { background-position:0px -83px;; cursor:pointer}*/

a#menu1 {top:10px;}
a#menu1, #menu1 span, span.menu1_span {width:302px; height:60px; display:block; position:relative;overflow:hidden;}
a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menu/donate.png) no-repeat 0 0;}
a#menu1:hover span, span.menu1_span_oo { background-position:0px -60px;; cursor:pointer}

a#menu2 {top:10px;}
a#menu2, #menu2 span, span.menu2_span {width:302px; height:59px; display:block; position:relative;overflow:hidden;}
a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menu/scolarships.png) no-repeat 0 0;}
a#menu2:hover span, span.menu2_span_oo { background-position:0px -59px;; cursor:pointer}

a#menu3 {top:10px;}
a#menu3, #menu3 span, span.menu3_span {width:302px; height:61px; display:block; position:relative;overflow:hidden;}
a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menu/latest_news.png) no-repeat 0 0;}
a#menu3:hover span, span.menu3_span_oo { background-position:0px -61px;; cursor:pointer}

a#menu10 {top:10px;}
a#menu10, #menu10 span, span.menu10_span {width:302px; height:62px; display:block; position:relative;overflow:hidden;}
a#menu10 span, span.menu10_span { position:absolute; left:0; top:0; background:url(../images/menu/jog_for_vision.png) no-repeat 0 0;}
a#menu10:hover span, span.menu10_span_oo { background-position:0px -62px;; cursor:pointer}

a#menu4, #menu4 span, span.menu4_span {width:370px; height:50px; display:block; position:relative;overflow:hidden;margin-top:2px;}
a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/btn-order.png) no-repeat 0 0;}
a#menu4:hover span, span.menu4_span_oo { background-position:0px -50px;; cursor:pointer}



