/* HTML */
html, body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 18px;
	font-style:normal;
	text-decoration:none;
	color:#000000;
	margin: 0; 
	padding: 0;
	text-align:center;
	background-color:#333333;
/* 	background-image: url(/images/ussbackground.jpg);
	background-repeat: repeat-x; 
	background-attachment: fixed;*/
}
body a {
	color:#333333;
}
img {
    border: 0;
}
a { 
    text-decoration: underline;
	color: #000000;
}

/* ====================================================== */
/* Main Layout format */
/* ====================================================== */
#wrapper {
/* the width has been adjusted to allow for rollover on far left nav instead of being just 993px */
	width:1062px;
	margin: 0 auto; 
	padding: 0 0 40px 0;
	background-image:url(/images/bgimg.jpg);
	background-repeat:repeat-y;
	overflow:auto; 
}
	/*#Frame_Left {
		float:left;
		width:1px;
		height:500px;
		background-image: url(images/leftshadow.jpg); 
	}*/
	#Frame_Center {
		float:left;
		width:993px;
		margin:0; 
		padding:0;
	}
	/*#Frame_Right {
		float:right;
		width:1px;
		height:500px;
		background-image: url(images/rightshadow.jpg); 
	}
	*/
	
	#Frame_Footer{
    margin: 10px auto;
    text-align:center;
    width: 1062px;
	font-size: 10px;
	color: #CCCCCC;
	line-height: 13px;
	}
	#Frame_Footer a { 
	    text-decoration: none;
		color: #CCCCCC;
	}


/* ======================= #Frame_Center =============================== */
#headerContainer {
    clear: both;
    width: 993px;
    }
#logo{
    float:left;
    margin: 14px 0 0 24px;
    }
*html #logo{margin: 14px 0 0 12px;}    

#headbtns{
    float:left;
    width:190px;
    margin: 30px 0px 0 300px;
}
*html #headbtns{margin: 30px 0 0 150px;}    
#topbtns {
    float: left;
    margin: 0px 0px 0 0;
    width: 194px;
    }
*html #topbtns{margin: 0px 0px 0 0;}    

#topbtns ul {
    float: left;
    display: inline;
	list-style: none;
    margin: 0;
    padding: 0;  
	}
#topbtns ul li {
	float: left;
/*	padding-right: 5px; */
	}
#topbtns ul li a {
	display: block;
	}
#topbtns ul li a#myaccount:hover, #topbtns ul li a#donatenow:hover {
	background-position: bottom left;
	}
#topbtns ul li a#myaccount {
	width: 93px;
	height: 14px;
	background: url(/images/head/myaccount.jpg) no-repeat top left;
	}
#topbtns ul li a#donatenow {
	width: 101px;
	height: 14px;
	background: url(/images/head/donatenow.jpg) no-repeat top left;
	}
#iconbtns {
    float: left;
    margin: 8px 0px 0 56px;
    width: 90px;
    }
*html #iconbtns{margin: 8px 0px 0 28px;}    

#iconbtns ul {
    float: left;
    display: inline;
	list-style: none;
    margin: 0;
    padding: 0;  
	}
#iconbtns ul li {
	float: left;
	padding-right: 8px; 
	}
#iconbtns ul li a {
	display: block;
	}
#iconbtns ul li a#fb-ico:hover, #iconbtns ul li a#tw-ico:hover, #iconbtns ul li a#v-ico:hover {
	background-position: bottom left;
	}
#iconbtns ul li a#fb-ico {
	width: 22px;
	height: 22px;
	background: url(/images/head/fb_icon.jpg) no-repeat top left;
	}
#iconbtns ul li a#tw-ico {
	width: 22px;
	height: 22px;
	background: url(/images/head/tw_icon.jpg) no-repeat top left;
	}
#iconbtns ul li a#v-ico {
	width: 22px;
	height: 22px;
	background: url(/images/head/v_icon.jpg) no-repeat top left;
	}


#emailbox {
    float: right;
	width: 245px;
	height: 65px;
	margin: 18px 18px 0 0; 
	padding: 4px;
    border: dashed 1px #c4c4c4;
    background: url(/images/head/email-updates.jpg) no-repeat 4px 4px;
}
*html #emailbox{
margin: 18px 9px 0 0;
padding: 4px 2px 4px 2px;
}    

/*
#mainnav{
    float:right;
    margin: 18px 2px 2px 2px;
    width: 901px;
    height: 36px;
    background: #d31d68;
    padding: 12px 0 0 88px; 
    border: solid 1px red;
    }
*html #mainnav{
    width: 903px;
    margin: 18px 1px 0 1px;
    padding: 12px 0 0 88px;
    border: solid 1px blue;
    }*/    
#mainnav{
    float:right;
    margin: 18px 2px 2px 2px;
    width: 989px;
    height: 36px;
    background: #d31d68;
    padding: 0;
    }
#navcontainer{
    margin: 10px 0 0 88px;
    width: 870px;
    height: 20px;
}
*html #navcontainer{margin: 10px 0 0 44px;}
#grayline{
    clear: both;
    margin: 2px 0 0 0;
    height: 1px;
    width: 993px;
    background: #CCCCCC;
}
#contentContainer {
    clear: both;
    width: 993px;
    }
#footerContainer {
    margin: 24px 0 0 0;
    text-align:center;
    width: 993px;
	font-size: 10px;
	color: black;
	line-height: 13px;
}
#footerContainer a {
	    text-decoration: none;
		color: #000000;
}

/* ======================= #Home Page =============================== */
#homeflash{
    margin: 2px 2px 0px 2px;
    width: 989px;
    height: 181px;
}
#seriesband{
    margin: 2px 2px 0px 2px;
    width: 989px;
    height: 36px;
}
#bottomcontent{
    margin: 24px 32px 0px 32px;
    width: 929px;
    height: 370px;
}
#leftbot{
    float:left;
}
#centerbot{
    float:left;
    margin: 0 0 0 12px;
}
*html #centerbot{margin: 0 0 0 6px;}
#rightbot{
    float:left;
    margin: 0 0 0 12px;
}
*html #rightbot{margin: 0 0 0 6px;}
#newsbox {
    text-align:left;
	width: 245px;
	height: 185px;
	margin: 0 0 10px 0; 
	padding: 4px;
    border: dashed 1px #c4c4c4;
}
*html #newsbox{
	height: 200px;
}
#newshead{
    float: left;
    width: 244px;
    height: 24px;
    background: url(/images/home/news_header.jpg) no-repeat;
}
#newsfeature{
    float: left;
    width: 244px;
    height: 116px;
    margin: 0 0 10px 0;
}
*html #newsfeature{
	height: 131px;
}
#newslink{
    float: left;
    width: 244px;
    height: 35px;
}

#blogbox {
    text-align:left;
	width: 245px;
	height: 185px;
	margin: 0; 
	padding: 4px;
    border: dashed 1px #c4c4c4;
}
*html #blogbox{
	height: 200px;
}
#bloghead{
    float: left;
    width: 244px;
    height: 24px;
    background: url(/images/home/blog_header.jpg) no-repeat;
}
#blogfeature{
    float: left;
    width: 244px;
    height: 116px;
    margin: 0 0 10px 0;
}
*html #blogfeature{
	height: 131px;
}
#bloglink{
    float: left;
    width: 244px;
    height: 35px;
}

#calendarbox {
    text-align: left;
	width: 373px;
	height: 380px;
	margin: 0; 
	padding: 10px;
    border: dashed 1px #c4c4c4;
}
#calendarhead {
    margin: 4px 0 8px 78px;
	width: 211px;
    height: 17px;
    background: url(/images/home/upcoming-events.jpg) no-repeat;
}
*html #calendarhead{margin: 4px 0 8px 78px;}
#calendarmod {
	width: 353px;
	margin: 0 10px 0 10px; 
	padding: 0;
}
#calendarblob {
	width: 353px;
	margin: 10px 10px 0 10px; 
	padding: 0;
}
/* ======================= #Internal =============================== */
#internalcontent{
    margin: 0px 26px 0px 26px;
    width: 938px;
    overflow: auto;
    text-align: left;
}
*html #internalcontent{margin: 0px 13px 0px 13px;}    
#internalheader{
	width: 928px;
	height: 116px; 
	margin: 16px 0 16px 0; 
	padding: 4px;
    border: dashed 1px #c4c4c4;
}
*html #internalheader{
	width: 932px;
    padding: 4px 2px 4px 2px;
}    
.internalwide{
    float:left;
	width: 910px;
	margin: 0 14px 0 14px; 
	padding: 0;
}
*html .internalwide{margin: 0px 7px 0px 7px;}    
.internalseries{
    float:left;
	width: 848px;
	margin: 0 30px 0 30px; 
	padding: 0;
    border: dashed 1px #c4c4c4;
}
*html .internalseries{margin: 0px 15px 0px 15px;}    
.internalseriesheader{
    float: left;
    width: 828px;
    background: #e0dcd1;
    padding: 10px;
    font: bold 13px/13px Arial, Helvetica, sans-serif;
}
*html .internalseriesheader{padding: 10px 5px 10px 5px;}    
.internalseriesheader a{
    text-decoration: none;
}
.internalseriesheader a:hover{
    text-decoration: underline;
}

.internalseriescontent{
    float:left;
	width: 788px;
	margin: 30px; 
	padding: 0;
}
*html .internalseriescontent{margin: 30px 15px 30px 15px;}    

#internalleft{
    clear: both;
    float: left;
    margin: 0;
    width: 255px;
}
#internalright{
    float:left;
    margin: 0 0 0 44px;
	width: 636px;
}
*html #internalright{margin: 0 0 0 22px;}    

#internalrighttop{
    float:right;
    margin: 0 0 30px 0;
    width: 448px; 
	padding: 8px;
    border: dashed 1px #c4c4c4;
    text-align: right;
}
*html #internalrighttop{padding: 4px 2px 4px 2px;}    

#internalrighttop ul {
    float: right;
    display: inline;
	list-style: none;
    margin: 0;
    padding: 0;
	}
#internalrighttop ul li {
	float: left;
	}
#internalrighttop ul li a {
	display: block;
	}
#internalrighttop ul li a#subscribenow:hover, #internalrighttop ul li a#donatetoday:hover, #internalrighttop ul li a#volunteer:hover, #internalrighttop ul li a#studentmatinee:hover {
	background-position: bottom left;
	}
#internalrighttop ul li a#subscribenow {
	width: 94px;
	height: 16px;
	background: url(/images/internal/subscribenow.jpg) no-repeat top left;
	}
#internalrighttop ul li a#donatetoday {
	width: 91px;
	height: 16px;
	background: url(/images/internal/donatetoday.jpg) no-repeat top left;
	}
#internalrighttop ul li a#volunteer {
	width: 64px;
	height: 16px;
	background: url(/images/internal/volunteer.jpg) no-repeat top left;
	}
#internalrighttop ul li a#studentmatinee {
	width: 199px;
	height: 16px;
	background: url(/images/internal/studentmatinee.jpg) no-repeat top left;
	}

#internalrightcontent{
    float:left;
    margin: 0 39px 0 0;
	width: 600px;
    text-align: left;
}
*html #internalrightcontent{margin: 0 20px 0 0}    

#subnavbox {
    clear:both;
    text-align:center;
	width: 245px;
	margin: 0 0 16px 0; 
	padding: 4px;
    border: dashed 1px #c4c4c4;
}
*html #subnavbox{
    margin: 0 0 8px 0;
	padding: 4px 2px 4px 2px;
}    

#subnavhead {
    margin: 0;
    padding: 6px 0 0 0;
	width: 245px;
    height: 26px;
    background: #6989c6;
    font: 18px/20px Arial, Helvetica, sans-serif;
}
#subnavbody{
    margin: 0;
    padding: 6px 0 0 0;
	width: 245px;
}
#subnavbody ul{
    display: block;
	list-style: none;
    margin: 0;
    padding: 0;
}
#subnavbody ul li{
    margin: 0;  
    padding: 2px 0 0 0;  
    background: url(/images/side/littledash.jpg) no-repeat bottom center;
    height:20px;
    font-size: 14px;
}
.subnavlast{
    background: none !important;
}
/* ======================= #Callout =============================== */
#calloutbox {
	width: 255px;
	height: 250px;
	margin: 0; 
	padding: 0;
    border: solid 0px #ff0000;
}
#subscribebox {
    text-align:center;
	width: 245px;
	margin: 0; 
	padding: 4px;
    border: dashed 1px #c4c4c4;
}
#subscribehead{
	width: 245px;
	height: 32px;
	margin: 0; 
}
#subscribebody{
    clear:both;
    margin: 0;
    padding: 6px 0 0 0;
	width: 245px;
	height: 148px;
}
*html #subscribebody{height: 178px;}
#subscribebody ul{
    display: block;
	list-style: none;
    margin: 0;
    padding: 0;
}
#subscribebody ul li{
    margin: 0;  
    padding: 2px 0 0 0;  
    background: url(/images/side/littledash.jpg) no-repeat bottom center;
    height:19px;
    font-size: 14px;
}
.subscribelast{
    background: none !important;
}

#donatebox {
    text-align:center;
	width: 245px;
	height: 39px;
	margin: 14px 0 0 0; 
	padding: 4px;
    border: dashed 1px #c4c4c4;
}
#volunteerbox {
    text-align:center;
	width: 245px;
	height: 39px;
	margin: 14px 0 0 0; 
	padding: 4px;
    border: dashed 1px #c4c4c4;
}
#studentmatineebox {
    text-align:center;
	width: 245px;
	height: 56px;
	margin: 14px 0 0 0; 
	padding: 4px;
    border: dashed 1px #c4c4c4;
}

/* .|. Blog Area
---------------------------------------------- */
#divBlogSidebar {
    padding: 0px 10px;
    margin: 0px 0px 0px 15px;
    width: 200px;
/*background: green;*/
}

.ProfileBodyCustomClass {
	color: #000000;
	line-height: 20px;
	padding-bottom: 5px;padding-top: 10px;
	width:460px;
	text-align:justify;
}
.ProfileBodyCustomClass a:link {color: #000000;text-decoration: none;}
.ProfileBodyCustomClass a:visited {color: #000000;text-decoration: none;}
.ProfileBodyCustomClass a:hover {color: #000000;text-decoration: none;}

.headerBlogProfiles {clear:both;}
.headerBlogProfilesDetails {clear:both;
	font-size: 20px;
	color: #5B5B5B;
	font-weight: bold;
	line-height: 20px;
}
.headerBlogTags {}
.headerBlogCategories {}
.headerBlogRecent {}
.headerBlogArchive {}


/* ======================= #Forms =============================== */
#formcontainer{
    float: left;
    margin: 0;
    font: bold 13px/15px Arial, Helvetica, sans-serif;
}
#level{
    float: left;
    margin: 0;
}
#orsep{
    float: left;
    margin: 0 0 0 30px;
}
#specifyamt{
    float: left;
    margin: 0 0 0 30px;
    width: 300px;
}
#prgbook{
    float: left;
    margin: 0;
}
#anonymous{
    float: left;
    margin: 0;
}
#taxdeduct{
    float: left;
    margin: 0;
}

/* ======================= #Utility Classes =============================== */
.left {float:left;}
.right {float:right;}
.clear {clear:both}
.none {display: none;}
.error 
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: Red;
	line-height: 15px;
	border: dashed 1px red;
	padding: 10px;
}