/************************************************************
		
		CSS styles for agoraforlife.net - General styles
		
		AUTHOR:  James Gross - randomink.com
		DATE:    10.10.2007
		PURPOSE: Controls the layout of the site and styles the menus 
		
************************************************************/


/************************************************************
						MAIN ELEMENTS
************************************************************/

html {
	margin: 0;
	padding: 0px;
}

body {
	/*min-height: 1000px;*/
	width: 820px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #888888;
	background: url(images/background.png) repeat-y;	
}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 820px;
	text-align: center;
	margin: -13px 0px 0px 0px;
	
}

/* html #wrapper{
	height: 100%;
}*/

#wrapper p {
	width: 700px;
	margin: 0px;
	text-align: left;
}


/************************************************************
						   HEADER
************************************************************/

#header {
	width: 700px;
	height: 150px;
	position: absolute;
	top: 10px;
	left: 60px;
	background: url(images/agora_logo.gif); 
	background-repeat: no-repeat;
}

#header p .topId {
	color: #000;
}

#header #phone {
	text-align: right;
	color: #669933;
	font-size: 18px;
	position: absolute;
	top: 6px;
	right: 0px;
}

#topImage {
	width: 760px;
	height: 148px;
	/*background: url(images/header_photo1.jpg);*/
	position: absolute;
	top: 90px;
	left: 30px;
	margin: 0px;
	padding: 0px;
}


/************************************************************
							LINKS
************************************************************/

a, a:visited, a h3, a:visited h3 {
	text-decoration: none;
	overflow: hidden;
	color: #888888;
}

a:hover, a h3:hover {
	text-decoration: underline;
}

#patientlink {
	background-image: url(images/patientlink.gif);
	background-repeat: no-repeat;
}


/************************************************************
					      MENU
************************************************************/

body.home #menu li.btn1 a,
body.news #menu li.btn2 a,
body.faq #menu li.btn3 a,
body.testimonials #menu li.btn4 a,
body.request #menu li.btn5 a,
body.links #menu li.btn6 a,
body.contact #menu li.btn7 a {
	cursor:default;
	text-decoration: none; 
}

#topMenu {
	position: absolute;
	top: 50px;
	right: 60px;
	padding: 0;
	margin: 0;
	text-align: right;
	white-space:nowrap;
	list-style-type:none;
}

#topMenu li {
	display:inline;
}

#topMenu li a {
	color:#959595;
	font-family: trebuchet MS, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding: .4em;
}

#menu li a:hover {
	text-decoration: underline; 
}

#topMenu li a:visited {
}

.line {
	padding: 0px 0px 0px 4px;
	font-size: .75em;
}

/********************************************
				   NAVBAR
********************************************/

#navBar {
	position: absolute;
	top: 238px;
	left: 30px;
	width: 760px;
	height: 64px;
}

#navBar li {
	display:inline;
}

body.about #navList li.nav1 a,
body.method #navList li.nav2 a,
body.programs #navList li.nav3 a,
body.team #navList li.nav4 a,
body.foundation #navList li.nav5 a,
body.location #navList li.nav6 a {
	cursor: default;
	text-decoration: none;
	background-position: 0 -64px;
}

#navList a {
	display: block;
	position: absolute;
	height: 41px;
	text-indent: -10000px;
	top: 0px;
}

#navList a:hover { background-position: 0 -64px; }


/************************************************************
					   CONTENT
************************************************************/

#content {
	width: 450px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 320px 0px 9em 300px;
}

#content p {
	width: 450px;
	line-height: 20px;
}

#content a.btTop {
	text-align: right;
	float: right;
	padding-right: 10px;
}

h2 {
	width: 450px;
	margin: 0px 0px 30px 0px;	
}

h3 {
	width: 450px; 
	line-height: 22px;
}

h4 {
	max-width: 450px;
	margin: 0px;	
}

h5 {
	
}

#content ul li a h3 {
	max-width: 410px;
	margin-top: -20px;

}

#content ul li {
	line-height: 22px;
}

#movieholder {
	width: 410px;
	height: 293px;
	padding-left: 20px;
}

/************************************************************
					    COLLAPSABLE
************************************************************/

.collapsable {
	padding: 0px 0px 20px 0px;
}

.collapsable a {
	margin-left: 20px;
}

.collapsable p {
	width: 400px;	
}


/************************************************************
					    Rounded Box
************************************************************/

.rbox-top {
	margin-top: 20px;
	margin-bottom: -20px;
	height: 9px;
	width: 450px;
	background: url(images/rbox-top.png) no-repeat;
}

.rbox {
	width: 450px;
	margin-top: 20px;
	background: url(images/rbox-mid.png) repeat-y;
}

.rbox-bot {
	height: 9px;
	width: 450px;
	background: url(images/rbox-bot.png) no-repeat;
}

.rboxPic {
	float: right;
	padding: 10px 20px 30px 20px;
}

.rboxPic_50px {
	width: 50px;
	height: 50px;
	float: left;
	padding: 0px 20px 0px 0px;
	margin-bottom: 0px;
}


#diagram {
	padding: 0px 20px 0px 20px;
}


.rboxPright  p {
	max-width: 350px;
	padding: 0px 0px 10px 0px;
}

.rbox h3 {
	width: 410px;
	padding: 10px 0px 0px 20px;
}

.rbox h5 {
	font-size: 14px;
	max-width: 410px;
	padding: 10px 0px 0px 20px;
}

.rbox ul, .rbox ol, .rbox li {
	max-width: 400px;
}

.rbox p {
	max-width: 410px;
	padding: 0px 0px 10px 20px;
}

.rbox a {
	max-width: 410px;
	padding: 0px 0px 10px 0px;
}

.nospace a {
	max-width: 410px;
	padding: 0px;
}

.anchor a {
	visibility: hidden;
}



/************************************************************
					   SIDEBAR
************************************************************/

#sidebar {
	float: left;
	width: 241px;
}


/************************************************************
					   NEWS BOX
************************************************************/

#newsBox {
	position: absolute;
	top: 316px;
	left: 45px;
	width: 241px;
	height: 228px;
	font-size: 11px;
	text-align: left;
}

#newsStory1 {
	position: absolute;
	top: 47px;
	left: 17px;
	width: 200px;
	height: 55px;
}

#newsStory2 {
	position: absolute;
	top: 120px;
	left: 17px;
	width: 200px;
	height: 55px;
}

#newsBox .newsDate p {
	width: 200px;
}

#newsBox .newsTitle a {
	width: 200px;
	text-align: left;
	color: #888888;
	font-size: 14px;
	font-weight: bolder;
	text-decoration: none;
}

#newsBox .newsTitle a:hover {
	text-decoration: underline;
}

	
#newsBox .newsLeadin p {
	padding-top: 1px;
	width: 200px;
	line-height: 14px;
}

#newsMore {
	position: absolute;
	top: 195px;
	left: 10px;
	width: 85px;
	height: 19px;
	background: url(images/news_more.png);
	text-indent: -1000px;	
}

/********************************************
				 HELPFORM
********************************************/

#helpBox {
	width: 241px;
	height: 250px;
	margin-left: 0px;
	padding-top: 20px;
}

#helpform {
	height: 250px;
}

table {
	width: 241px;
	height: 234px;
}

th, td {
	padding: 0px;
}

.helpTitle {
	position: absolute;
	top: 0px;
	left: 0px; 
}

.hide {
	text-indent: -1000px;
}

#nameTitle {
	position: absolute;
	top: 69px;
	left: 15px;
	color: #FFFFFF;
}

#nameBox {
	position: absolute;
	top: 62px;
	left: 90px;
	width: 134px;
	height: 17px;
}


#phoneTitle {
	position: absolute;
	top: 98px;
	left: 15px;
	color: #FFFFFF;
}

#phoneBox {
	position: absolute;
	top: 91px;
	left: 90px;
	width: 134px;
	height: 17px;
}


#emailTitle {
	position: absolute;
	top: 128px;
	left: 15px;
	color: #FFFFFF;
}

#emailBox {
	position: absolute;
	top: 121px;
	left: 90px;
	width: 134px;
	height: 17px;
}

#messageTitle {
	position: absolute;
	top: 150px;
	left: 15px;
	color: #FFFFFF;
}

#commentBox {
	position: absolute;
	top: 168px;
	left: 13px;
	width: 211px;
	height: 59px;
}

#submitBox {
	position: absolute;
	top: 238px;
	left: 13px;
}


/********************************************
				 SUBSCRIBE
********************************************/

#subscribeBox {
	width: 241px;
	height: 134px;
	margin-left: 0px;
	padding-top: 20px;
}

#subscribeform {
	height: 134px;
}

table {
	width: 241px;
	height: 124px;
}

th, td {
	padding: 0px;
}

.helpTitle {
	position: absolute;
	top: 0px;
	left: 0px; 
}

.hide {
	text-indent: -1000px;
}

#sub-nameTitle {
	position: absolute;
	top: 69px;
	left: 15px;
	color: #FFFFFF;
}

#sub-nameBox {
	position: absolute;
	top: 62px;
	left: 90px;
	width: 134px;
	height: 17px;
}

#sub-emailTitle {
	position: absolute;
	top: 99px;
	left: 15px;
	color: #FFFFFF;
}

#sub-emailBox {
	position: absolute;
	top: 91px;
	left: 90px;
	width: 134px;
	height: 17px;
}

#sub-submitBox {
	position: absolute;
	top: 120px;
	left: 13px;
}


/********************************************
				 SHAREFORM
********************************************/

#shareBox {
	width: 241px;
	height: 250px;
	margin-left: 0px;
	padding-top: 20px;
}

#shareform {
	height: 250px;
}

table {
	width: 241px;
	height: 234px;
}

th, td {
	padding: 0px;
}

.helpTitle {
	position: absolute;
	top: 0px;
	left: 0px; 
}

.hide {
	text-indent: -1000px;
}

#anon-nameTitle {
	position: absolute;
	top: 69px;
	left: 15px;
	color: #FFFFFF;
}

#anon-nameBox {
	position: absolute;
	top: 62px;
	left: 90px;
	width: 134px;
	height: 17px;
}

#anon-emailTitle {
	position: absolute;
	top: 98px;
	left: 15px;
	color: #FFFFFF;
}

#anon-emailBox {
	position: absolute;
	top: 91px;
	left: 90px;
	width: 134px;
	height: 17px;
}

#anon-messageTitle {
	position: absolute;
	top: 122px;
	left: 15px;
	color: #FFFFFF;
}

#anon-commentBox {
	position: absolute;
	top: 140px;
	left: 13px;
	width: 211px;
	height: 59px;
}

#anon-submitBox {
	position: absolute;
	top: 210px;
	left: 13px;
}


/********************************************
				MINI GATEWAY
********************************************/


#miniGateway {
	width: 241px;
	height: 400px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 00px 0px;
}

#miniGateway ul {
	list-style: none;
}

#miniGateway img {
	margin-top: 50px;
}

.buttons a {
	display:block;
	overflow: auto;
	width: 78px;
	height: 42px;
	padding: 0px;
	margin: 0 auto;
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
}

.buttons a:hover {background-position: 0 -42px;}
.buttons a:active {background-position: 0 -84px;}

.buttons li a {
	top: 0px;
}



/********************************************
				   FOOTER
********************************************/
	
#footer {
	clear: both;
	margin: 0 auto;
	width: 820px;
	bottom: 20px;
	/*margin: -7.5em 0px 0px 0px ;*/
	padding-bottom: 10px;
	text-align: center;
}

#footer p {
	text-align: center;
	margin: 0 auto;
	font-size: 10px;
	color: #888888;
}

#footer a, a:visited {
	color: #888888;
}