/* we want all page content to be centered */
body
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12pt;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #DFDFDF;
}

#AdboxLeftGoogle
{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 300px;
	height: 250px;
	padding: 0px;
	/*background-color: #eee;
	border: 1px dashed #999;*/
}

#AdboxRightGoogle
{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 300px;
	height: 250px;
	padding: 0px;
	/*background-color: #eee;
	border: 1px dashed #999;*/
	z-index: 1;
}

#AdboxLeftAdBrite
{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 300px;
	height: 250px;
	padding: 0px;
	background-color: #eee;
	border: 1px dashed #999;
}

#AdboxRightAdBrite
{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 300px;
	height: 250px;
	padding: 0px;
	background-color: #eee;
	border: 1px dashed #999;
	z-index: 1;
}

#Content
{
	text-align: center;
	position: relative;
	margin-left: 320px;
	margin-right: 320px;
	width: auto;
	min-width: 700px;
	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

/* used for text emphasis */
p.strong
{
	font-size: 1.1em;
}

/* used to center the table within our login box */
table
{
	margin: 0px auto;
}

/* used to make cool lists that use purple bullet graphics */
.bullet
{
	list-style-image: url(images/dotpurp.gif);
}

/* link that is not underlined */
a.body:link { color: blue;text-decoration:none }
a.body:visited { color: blue;text-decoration:none }
a.body:active { color: blue;text-decoration:none }
a.body:hover { color: red;text-decoration:none }

/* normal link */
a:link { color: blue; }
a:visited { color: blue; }
a:active { color: blue; }	
a:hover { color: red; }


/* BEGIN STYLES FOR ROUNDED BOX */
/* to override the width of a rounded box, use id specific attributes e.g. #myRoundedBox { width: 600px; }   */
/* if you don't use an id, then the width of the .raised class will be the default */

/* to make a rounded box:

	<div class="raised">
		<div class="b1"></div><div class="b2"></div><div class="b3"></div><div class="b4"></div>
		<div class="roundContent">
			My content here.
		</div>
		<div class="b4"></div><div class="b3"></div><div class="b2"></div><div class="b1"></div>
	</div>
	
	just copy and paste the above code, and ad an id to the outermost div so you can set its width
*/
.raised
{
	background: transparent; 
  	margin: 0px auto;
	width: 400px;
}

.raised .b1, .raised .b2, .raised .b3, .raised .b4
{
	display: block; 
	overflow: hidden;
  	font-size: 1px;
}

.raised p
{
	margin: 0 10px;
	padding-bottom: 1em;
	padding-top: 0.5em;
}

.raised .b1
{
	height: 1px;
	margin: 0 5px; 
	background: #49118E;
}

.raised .b2
{
    height: 1px;
	background: rgb(230, 230, 230); 
	border-left: 1px solid #49118E; 
	border-right: 1px solid #49118E;
	margin: 0 3px; 
	border-width: 0 2px;
}

.raised .b3
{
	height: 1px;
	background: rgb(230, 230, 230); 
	border-left: 1px solid #49118E; 
	border-right: 1px solid #49118E;
	margin: 0 2px;
}

.raised .b4
{
	background: rgb(230, 230, 230); 
	border-left: 1px solid #49118E; 
	border-right: 1px solid #49118E;
	height: 2px;
	margin: 0 1px;
}

.raised .roundContent
{
	display: block;  
	background: rgb(230, 230, 230); 
	padding-top: 15px;
	border-left: 1px solid #49118E; 
	border-right: 1px solid #49118E;
}

/* END STYLES FOR ROUNDED BOX */