/* Global Resetting */
html{
	width: 100%;
	height: 100%;
	background:#e1e1e1;
}
body {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	/* reset font-sizes to 1em == 10px */
	background:#e1e1e1;
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:Verdana,Helvetica,sans-serif;
	list-style:none;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

/* Layout CSS */
#Main {
	margin:0px auto;
	width:900px;
}
#Header {
	background:url(../images/aids_subheader01.png) bottom left no-repeat;
	clear:left;
	height:181px;
}
#Header2 {
	background:url(../images/aids_subheader05.png) bottom left no-repeat;
	clear:left;
	height:181px;
}
#Header3 {
	background:url(../images/aids_subheader02.png) bottom left no-repeat;
	clear:left;
	height:181px;
}
	#Header h1 {
		color:#fff;
		font-size:10px;
		line-height:4.5em;
		padding-left:20px;
	}
		#Menu1 {
			padding:0 0 30px 110px;
			margin-top:-52px;
		}
		.HomeButton {
			background:url(../images/home_button.png) left no-repeat;
			height:26px;
			width:47px;
			display:block;
		}
		.HomeButton a {
			height:26px;
			width:47px;
			padding:0 !important;
			margin:0;
		}
			#Menu1 li {
				float:left;
				margin-left:2px;
			}
				#Menu1 li.current,
				#Menu1 li.section {

				}
				#Menu1 li a {
					display:block;
					color:#333;
					font-family: sans-serif, monospace;
					font-weight: bold;
					font-size:1.1em;
					text-decoration:none;
					text-transform:uppercase;
					padding:5px 11px;
				}
					#Menu1 li a:hover {
						color:#888;
					}
					#Menu1 li.current a,
					#Menu1 li.section a {
						color:#888;
					}
		.RCandleButton {
			background:url(../images/rc_button.png) left no-repeat;
			height:21px;
			width:71px;
			margin-top:-3px;
		}
		.RCandleButton a {
			height:21px;
			width:71px;
			padding:0 !important;
			margin:0;
		}
#ContentWraper {
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
}
#ContentContainer {
	background:url(../images/sidebardiagnal.png);
	float:left;
	width:100%;
	position:relative;
	right:635px;
	border-right: #fff 1px solid;
}

#Banner {
	background-image: url(../images/aidshomeheader.png);
	text-align: center;
	width: 800px;
	height: 429px;
	margin: 0 auto;
}
#SubMenuBG{
	width: 265px;
	float:left;
	position:relative;
	left:633px;
}
#SubMenu2 {
	width: 150px;
	float:left;
	padding-top:140px;
	position:relative;
	left:30%;
	overflow:hidden;
}
	#SubMenu2 li {
		display:inline;
	}
	#SubMenu2 a {
		background:url(../images/menu2_ribbon.gif) no-repeat left top;
		color:#f00;
		font-weight:bold;
		font-size:1.1em;
		line-height:1.6em;
		text-decoration:none;
		text-transform:uppercase;
		padding-left:15px;
	}
	#SubMenu2 a:hover {
		text-decoration:underline;
	}
	#SubMenu2 li.current a,
	#SubMenu2 li.section a {
		color:#C00000;
	}
	#SubMenu2 .HomeSubMeta {
		margin:0 0 10px 0;
		text-align:left;
		color:#666;
		clear:both;
	}
#Menu2 {
	width: 65%;
	float:left;
	padding-top:115px;
	position:relative;
	left:25%;
}
.block:hover .links {
	display: block;
}
.links {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
display:none;
height:10px;
padding:5px 10px 10px;
position:absolute;
right:95px;
text-align:center;
top:380px;
width:100px;
}
	.HomeSubMenu li{
		clear:both;
		background:none;
		height: 60px;
		padding-bottom: 30px;
		text-align:left;
		width:145px;
	}
	#Menu2 li {
		display:inline;
		float:left;
		clear:both;
		width: 100%;
	}
	#Menu2 a {
		background:url(../images/menu2_ribbon.gif) no-repeat left top;
		color:#f00;
		font-weight:bold;
		font-size:1.1em;
		line-height:1.6em;
		text-decoration:none;
		text-transform:uppercase;
		padding-left:15px;
	}
	#Menu2 a:hover {
		text-decoration:underline;
	}
	#Menu2 li.current a,
	#Menu2 li.section a {
		color:#C00000;
	}
	#Menu2 .HomeSubMeta{
		margin:0 0 35px 0;
		text-align:left;
		color:#666;
		float:left;
		clear: both;
	}
	li#null {
		background: none;
	}
#ContentHeader {
	background: white;
	margin-top:50px;
	line-height: 20px;
	width:483px;
	color: red;
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
	text-transform:uppercase;
}
#ContentHeaderTail {
	background:url(../images/contentheadertail.png) left top no-repeat;
	width: 495px;
	height:10px;
	margin-bottom:25px;
}
#Content {
	float: left;
	margin: 0px 20px;
	width:500px;
	position:relative;
	left:75%;
}

div.breadcrumbs {
	margin-bottom:10px;
	font-size:1em;
	color:#666;
}
div.breadcrumbs a {
	text-decoration:none;
}

#Footer {
	clear:both;
	text-align:right;
	padding-right:20px;
	display:inline;
	float:right;
}
	#Footer span {
		color:#666;
		font-size:8px;
		line-height:2em;
		padding-left:20px;
		clear:both;
	}
	#Footer a {
		color:#fff;
	}
		#Footer a:hover {
			text-decoration:none;
		}

/* HomePage Layout */
#HomeHeader {
	background:url(../images/homeheaderbg.png) top left repeat-x;
	clear:left;
}
#HomeMenu1 {
	padding:0 0 0 110px;
	margin:-225px 0 110px;
}
	#HomeMenu1 li {
		float:left;
		margin-left:2px;
	}
		#HomeMenu1 li.current,
		#HomeMenu1 li.section {

		}
		#HomeMenu1 li a {
			display:block;
			color:#333;
			font-family: sans-serif, monospace;
			font-weight: bold;
			font-size:1.1em;
			text-decoration:none;
			text-transform: uppercase;
			padding:5px 11px;
		}
			#HomeMenu1 li a:hover {
				color:#888;
			}
			#HomeMenu1 li.current a,
			#HomeMenu1 li.section a {
				color:#888;
			}
#HomeContentContainer {
	margin-top:150px;
	padding-bottom: 25px;
}
#HomeMenu2 {
	width: 165px;
	float:left;
	padding-top:40px;
	position:relative;
	left:5%;
}
.HomeSubMenu li{
		clear:both;
		background:none;
		height: 60px;
		padding-bottom: 30px;
		text-align:left;
		width:145px;
	}
	#HomeMenu2 li {
		display:inline;
		float:left;
		clear:both;
		width:155px;
	}
	#HomeMenu2 a {
		background:url(../images/menu2_ribbon.gif) no-repeat left bottom;
		color:#f00;
		font-weight:bold;
		font-size:1.1em;
		line-height:1.6em;
		text-decoration:none !important;
		text-transform:uppercase;
		padding-left:15px;
		width:155px;
	}
	#HomeMenu2 a:hover {
		text-decoration:underline;
	}
	#HomeMenu2 li.current a,
	#HomeMenu2 li.section a {
		color:#C00000;
	}
	#HomeMenu2 .HomeSubMeta{
		margin:0 0 35px 0;
		text-align:left;
		color:#666;
		width:155px;
		float:left;
		clear: both;
	}
	li#null {
		background: none;
	}
#HomeContent {
	float: left;
	margin: 0 20px 10px 85px;
	width:405px;
}

#HomeRightImageLinksWrap {
	width: 180px;
	float:left;
	padding-top:40px;
	margin-left:42px;
}
	#HomeRightImageLinks1 {
		/*background:url(../images/aids_web_events.jpg) left no-repeat;*/
		height:122px;
		width:137px;
	}
	#HomeRightImageLinks1 a {
		height:122px;
		width:137px;
		display:block;
	}
	#HomeRightImageLinks2 {
		/*background:url(../images/rcandle_square1.png) left no-repeat;*/
		height:122px;
		width:137px;
		margin-top:25px;
	}
	#HomeRightImageLinks2 a {
		height:122px;
		width:137px;
		display:block;
	}
	#HomeRightImageLinks2 em {
	background: #fff url(../images/body_bg.gif);
	width: 135px;
	height: 35px;
	position: absolute;
	top: 665px;
	right: 80px;
	text-align: center;
	padding: 15px 10px 0;
	font-style: normal;
	z-index: 2;
	display: none;
	border:1px solid #CCCCCC;
}
#EventContact {
padding:105px 0 0 63px;
width:65%;
color:#666;
}
#EventContact a
{
	color:red;
}
#Menu2Calendar {
	width: 65%;
	float:left;
	padding-top:25px;
	position:relative;
	left:25%;
}
#EventWrapContent {
    border-bottom:#fff solid 1px;
    margin-bottom: 25px;
}
#EventWrapContent p {
	/*margin-bottom:0 !important;*/
	font-size:10px !important;
}
.toggle {
	font-size:20px;
}

.links {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
display:none;
height:10px;
padding:5px 10px 10px;
position:absolute;
right:95px;
text-align:center;
top:380px;
width:100px;
}
	.Menu2Calendar li{
		clear:both;
		background:none;
		height: 60px;
		padding-bottom: 30px;
		text-align:left;
		width:145px;
	}
	#Menu2Calendar li {
		display:inline;
		float:left;
		clear:both;
		width: 100%;
	}
	#Menu2Calendar a {
		background:url(../images/menu2_ribbon.gif) no-repeat left top;
		color:#f00;
		font-weight:bold;
		font-size:1.1em;
		line-height:1.6em;
		text-decoration:none;
		text-transform:uppercase;
		padding-left:15px;
	}
	#Menu2Calendar a:hover {
		text-decoration:underline;
	}
	#Menu2Calendar li.current a,
	#Menu2Calendar li.section a {
		color:#C00000;
	}
	#Menu2Calendar .HomeSubMeta{
		margin:0 0 35px 0;
		text-align:left;
		color:#666;
		float:left;
		clear: both;
	}
	li#null {
		background: none;
	}
/* donate page google check out */
#GoogleCart {
background:white none repeat scroll 0 0;
border-bottom:5px solid #E1E1E1;
border-top:5px solid #E1E1E1;
margin:125px 0 0;
padding:10px 0 10px 30px;
width:237px;
}
/* The rest of this file is for the second tutorial */
#StaffListContent {
	float: left;
	margin: 0px 20px;
	width:500px;
	position:relative;
	left:75%;
}

#NewsList,
#StaffList {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#NewsList li,
#StaffList li {
	margin: 0;
	list-style-type: none;
}
	#NewsList li.newsDateTitle span {
		color:#666;
		line-height:2em;
	}
	#NewsList li.newsDateTitle a {
		font-size:1.3em;
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		padding-left:20px;
		background:url(../images/treeicons/news-file.gif) no-repeat left center;
	}
		#NewsList li.newsDateTitle a:hover {
			border-bottom:1px dotted #0083C8;
		}

	#NewsList li.newsSummary {
		margin-bottom:20px;
	}
		#NewsList li.newsSummary span {
			font-size:1.1em;
			line-height:1.5em;
			color:#333;
		}
		#NewsList li.newsSummary a.readMoreLink {
			color:#0083C8;
			text-decoration:none;
		}
			#NewsList li.newsSummary a.readMoreLink:hover {
				border-bottom:1px dotted #0083C8;
			}

div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

div.pageComments {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#StaffList .staffname {
	clear: both;
	padding-left: 60px;
	height: 1.2em;
}

#StaffList .staffphoto {
	float: left;
	margin-left: 3px;
	margin-top: -1.2em;
}
#StaffList .staffphoto img {
	border:1px solid #AAA;
}

#StaffList .staffdescription {
	margin-left: 60px;
	margin-bottom:30px;
}

#StaffPhoto {
	float: left;
	margin-right: 10px;
}

#StaffPhoto img {
	border:1px solid #AAA;
}

#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}


#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}