body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	background-image: url(../../img/bg.gif);
	background-repeat: repeat;
	color: #333333;
}
img
{
    border:0;
}
#content-right p {
	padding-bottom: 15px;
	line-height: 18px;
}

html * {   
	margin: 0;   
	padding: 0; 
}
.clear {
	clear: both;
}
a {
	outline: none;
}
a:link, a:visited, a:active {
	color: #D70000;
	text-decoration: underline;
}
a:hover {
	color: #D70000;
	text-decoration: none;
}
#active a:link, #active a:visited, #active a:hover
{
	background-color: #333333;
	color: #FFFFFF;
	padding: 3px 5px 4px;
	text-decoration: none;
}

.quote-back a:link, .quote-back a:visited
{
color: #FFFFFF;
text-decoration: none;
}

.quote-back a:hover
{
	background-color: #000000;
	color: #FFFFFF;
}


#container {
	background-color: #FFFFFF;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 12px;
	border-bottom-width: 12px;
	border-left-width: 12px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#header {
	background-image: url(../../img/header-bg.gif);
	height: 169px;
}
#footer {
	width: 684px;
	margin-right: auto;
	margin-left: auto;
}
.footer-box {
	padding: 0px 6px 2px;
	background-color: #000000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	float: right;
	margin-bottom: 15px;
}
#logo {
	padding-top: 25px;
	padding-left: 18px;
	float: left;
}
#logo h1
{
	width: 350px;
	height: 120px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-image: url(../../img/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#logo h1 span
{
	position: relative;
	left: -5000px;
}
#logo h1 a
{	
text-decoration: none;
	display:block;
	width:350px;
    height:110px;
}


#log-box {
	float: right;
	width: 222px;
	margin-top: 17px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;

}

#log-box .log-box-login-label
{
    /*
 display:block;
 */
    
}


#log-box .log-box-login-textbox
{
 /*display:block;
  */  
font-size:1.5em;

width:180px;
vertical-align:middle;
padding:1px 1px;
}

#log-box .log-box-login-title
{
 
 color:Red;   
 background-image: URL('../../img/member-login.gif');
 background-position: center center;
 background-repeat:no-repeat; 
 width:100px;
 height:25px;
 
 
}

#log-box .log-box-login-button
{
 width: 45px;
 height: 25px;
 background-image: URL('../../img/white-submit.gif');
 background-position: center center;
 background-repeat:no-repeat; 
 background-color: Transparent;
 border:none;
  text-align: center;
    
}

#content {
	padding: 7px 10px;
	width: 620px;
	margin-bottom: 20px;
}
#index-quote p {
	width: 660px;
	height: 169px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-image: url(../../img/index-quote.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#index-quote p span
{
	position: relative;
	left: -5000px;
}
#bottom {
	background-image: url(../../img/bottom.gif);
	width: 640px;
	height: 110px;
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 10px;
}
#bottom h2 {
	font-size: 17px;
	font-weight: normal;
	padding-bottom: 8px;
	letter-spacing: -1px;
}
.form_text {
	color: #4A4A4A;
	padding: 3px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#content-left {
	float: left;
	width: 150px;
	margin-right: 25px;
	padding-top: 5px;
}
#content-left dt {
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 3px;
}
#content-left dl {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#content-left dd {
	color: #FF0000;
}
#content-left a {
	color: #000000;
}
#content-left ul {
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 3px;
}
#content-left li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#content-left span {
	color: #FF0000;
}


#content-right {
	float: right;
	width: 440px;
	margin-top: 5px;
	margin-right: 10px;
	
}


/* HAck for firefox */
#content>#content-right
{
 width:435px;   
}

#content-right h2 {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 5px;
	letter-spacing: -1px;
	color: #454545;
}
#content-right h3 {
	font-size: 17px;
	font-weight: normal;
	padding-bottom: 7px;
	letter-spacing: -1px;
	color: #575757;
}
.dotted {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
}
#content-right h4 {

	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
#content-right p {
}

ul.linklist {
	FONT-SIZE: 11px;
	LIST-STYLE-TYPE: none;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	padding-bottom: 20px;
}
.linklist li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	line-height: 15px;
}
.linklist li A {
	DISPLAY: block;
	COLOR: #000000;
	BACKGROUND-COLOR: #f8f8f8;
	TEXT-DECORATION: none! important;
	padding: 4px 10px 6px;
}
.linklist li A:hover {
	BACKGROUND-COLOR: #D70000! important;
	color: #FFFFFF;
}
.linklist li A:visited {
	COLOR: #000000; BACKGROUND-COLOR: #F8F8F8
}

ul.doclist {
	FONT-SIZE: 11px;
	LIST-STYLE-TYPE: none;
	margin: 0px;
	padding-bottom: 20px;
}
.doclist li {
	line-height: 15px;
	background-image: url(../../img/folder.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FF0000;
}
.doclist li A {
	DISPLAY: block;
	TEXT-DECORATION: none! important;
	padding: 4px 10px 6px 40px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #666666;
	border-bottom-color: #666666;
	margin-bottom: 10px;
}
.doclist li A:hover {
	BACKGROUND-COLOR: #D70000! important;
	color: #FFFFFF;
	background-image: url(../../img/folder-red.gif);
	background-repeat: no-repeat;
}
.doclist A EM {
	DISPLAY: block; FONT-WEIGHT: normal; COLOR: #000000; FONT-STYLE: normal
}


ul.newslist {
	FONT-SIZE: 11px;
	LIST-STYLE-TYPE: none;
	margin: 0px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
}
.newslist li {
	line-height: 15px;
}
.newslist li A {
	DISPLAY: block;
	TEXT-DECORATION: none! important;
	padding: 4px 10px 6px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	color: #000000;
	background-color: #F0F0F0;
}
.newslist li A:hover {
	BACKGROUND-COLOR: #D70000! important;
	color: #FFFFFF;
}
.newslist li A:visited {
	COLOR: #777; BACKGROUND-COLOR: #F8F8F8
}
.newslist A EM {
	DISPLAY: block; FONT-STYLE: normal
}
#log-box dt {
	color: #999999;
}
#log-box dl {
	margin-left: 2px;
}
blockquote {
	background-color: transparent;
	background-image: url(../../img/quote-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
blockquote div {
	background-image: url(../../img/quote-right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	line-height: 20px;
	color: #FFFFFF;
	padding: 0 45px;
	font-size: 17px;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
}
.quote-back {
	background-image: url(../../img/quote-body.jpg);
	background-repeat: repeat-y;
	width: 399px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.quote-top {
	background-image: url(../../img/quote-top.jpg);
	background-repeat: no-repeat;
	height: 20px;
}
.quote-bottom {
	background-image: url(../../img/quote-bottom.jpg);
	background-repeat: no-repeat;
	height: 20px;
	margin-bottom: 10px;
}
.quote-back dl {
	margin-left: 45px;
	margin-top: 7px;
}
.quote-back dt {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 15px;
}
.quote-back dd {
	color: #CCCCCC;

}
.news-head dt {
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
}
.news-head dd {
	color: #666666;
	padding-bottom: 3px;
}
.quest-post {
	color: #666666;
	text-align: right;
	width: 395px;
	padding-top: 10px;
}
#respondsection {
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	background-color: #F3F3F3;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}
ul.respondlist {
	FONT-SIZE: 11px;
	LIST-STYLE-TYPE: none;
	margin: 0px;
	padding-bottom: 10px;
}
.respondlist li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	line-height: 15px;
	DISPLAY: block;
	COLOR: #000000;
	TEXT-DECORATION: none! important;
	padding-top: 4px;
	padding-bottom: 6px;
}
.morelink {
	text-align: right;
}
.reply-box {
	width: 399px;
	background-image: url(../../img/reply-line.gif);
	background-repeat: repeat-y;
	margin-bottom: 15px;
}
.reply-number {
	font-size: 17px;
	color: #666666;
	letter-spacing: -1px;
	float: left;
}
.reply-copy {
	width: 360px;
	float: right;
	padding-top: 3px;
}
.reply-copy dd {
	color: #666666;
	line-height: 15px;
	padding-bottom: 3px;
}

.reply-copy dt {
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
}
.details dt {
	font-size: 16px;
	color: #575757;
}
.details dd {
	padding-bottom: 10px;
}
.dotandpad {
	margin-bottom: 10px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#content-right li {
	list-style-type: none;
}
ul.contactlist {
	FONT-SIZE: 11px;
	LIST-STYLE-TYPE: none;
	margin: 0px;
	padding-bottom: 10px;
}
.contactlist li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	line-height: 15px;
	DISPLAY: block;
	COLOR: #000000;
	TEXT-DECORATION: none! important;
	padding-top: 4px;
	padding-bottom: 6px;
}
#contactsection {

	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	background-color: #F3F3F3;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.contactlist span {
	margin-left: 10px;
}
.check-box {
}
#content-right h5 {
	color: #FFFFFF;
	background-color: #000000;
	padding: 3px 5px;
	margin-bottom: 7px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.plan-box-left {
	float: left;
	width: 335px;
	margin-top: 5px;
}
.plan-box-right {
	float: right;
	width: 100px;
	font-size: 14px;
}
.date-details {
	width: 300px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color: #000000;
	color: #FFFFFF;
	padding: 27px 10px 15px;
	margin-top: 15px;
	background-image: url(../../img/date/information.gif);
	background-repeat: no-repeat;
}
.details-big-date {
	font-size: 14px;
}
.date-details dt {
	font-size: 12px;
	font-weight: bold;
	padding-top: 8px;
}
.date-details dd {
	color: #999999;
	padding-bottom: 5px;
	line-height: 10px;
}


.DatePlanner
{
 border:none;   
   width:320px;
   background-color:#000000;
  
}


/*Style used for the prev and next selectors */
.Next_Prev_Selector
{
 Height:30px;
 width:319px;
 background:#000000;
 color:#FFFFFF;
 border:none;
 margin-top:-1px;

}

.Next_Prev_Selector .PrevLink
{
 color:#FFFFFF !important;
 background-image:URL('../../img/date/previous.gif'); 
 background-repeat:no-repeat;
width:100px;
float:left;
margin-left: 5px;
height:30px;
}

.Next_Prev_Selector .NextLink
{
 color:#FFFFFF !important;
 background-image:URL('../../img/date/next.gif');   
background-repeat:no-repeat;
width:57px;
float:right;
margin-right:5px;
height:30px;
}

/*--------------------------------------------------*/



/*Used for the day style */

.Planner_DayStyle
{
    color: #FFFFFF;
    font-size: 1.9em;
    font-family: Arial, Helvetica Inserat LT Std, Sans-Serif;
    border-right: #f0f9ff 1px solid;
    border-top: #f0f9ff 1px solid;
    border-left: #f0f9ff 1px solid;
    border-bottom: #f0f9ff 1px solid;
}


/*Overrides the text being used in the calendar days:

STops the underline from showing at all times, even after it has been clicked on.

*/
.Planner_DayStyle a,.Planner_DayStyle a:visited
{
 color:#FFFFFF;
  text-decoration:none;   
  font-weight:bold; 

}


/*Style for selected days on calendar */

.SelectedDays
{
 
Border:#d4d0c8 Solid  1px;
   text-decoration:none;
  
Font-Size:1.9em;
    
}

.SelectedDays a
{
   text-decoration:none;
  
} 

/*The header style of the planner days */
.PlannerDayHeader
{
 color: #FFFFFF;
font-size:1.8em; 
font-weight:900;

}
/*-------------------------------------*/


/* =========================The Member-Details section ===============================*/
#content-left-map {
	float: left;
	width: 200px;
	margin-right: 25px;
	padding-top: 5px;
}
#content-right-map {
	float: right;
	/*width: 3px;*/
	margin-top: 5px;
	margin-right: 20px;
	width: 360px;
}
#content-right-map h2 {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 5px;
	letter-spacing: -1px;
	color: #454545;
}
#content-right-map p {
	line-height: 17px;
	padding-bottom: 10px;
}
.logo-box {
	background-color: #FFFFFF;
	padding: 7px;
	border: 1px solid #E6E6E6;
}

#content-right-map dl {
	padding-bottom: 10px;
}



/*The admin pages - all edit tables/datagrids */
.Admin_Edit_Grids
{
 
    
    
}

/*The admin pages - the first column - the date published field*/
.Edit_Template_Date
{
 padding: 5px 5px;   
    
}


.Item_Template
{
    
    padding: 0px 0px 0px 5px;
    
}



/*The footer for each grid containing items in the admin suite*/
.AdminItem_Footer
{
    
    background: #CCCCCC;
    
}


/*The actual rows for each item in the admin pages*/
.AdminItem_Rows
{
 background: #FFFFFF;   
    
}


/*The selected item within an admin page - Primarily used when selecting items to be updated.*/
.AdminItem_SelectedRows
{
 background: #000099; 
 font-weight: bold;  
 color: #FFFFFF;   
    
    /*BackColor="#000099" Font-Bold="True" ForeColor="White"*/
    
}


/*The pager detail for each grid of numerous items in the admin pages*/
.AdminItem_Pager
{
 /*BackColor="#CCCCCC" ForeColor="Black" HorizontalAlign="Left"*/
 background: #CCCCCC;
 color: Black;
 text-align: left;   
    
}


/*The header detail for the grid of items in the admin pages*/
.AdminItem_Header
{
 /*BackColor="Black" Font-Bold="True" ForeColor="White"   */
 background: black;
 font-weight: bold;
 color: #FFFFFF;
 text-align:center;
 
 
}


/*The container detail (in most cases a gridview control) */
.AdminItems_Container
{
 /*BackColor="#CCCCCC" BorderColor="#999999" BorderStyle="Solid" BorderWidth="3px" ForeColor="Black"
HorizontalAlign="Left" */
 
 background: #CCCCCC;
 border: 1px #999999 solid;
 color: Black;
 text-align: left;
    
}

.Bold
{
 font-weight: bold;   
}



/*The table showing Arena details in 'Your Arena' Page*/

.YourArena
{
 margin-top: 20px;   
    
}

.ArenaHeader
{
 height: 35px;
 
    
}

.vacantimg
{
    margin-top: 8px;
    margin-left: 450px;
    border:none;
}