/* CSS Document */

/**************************
Structure
**************************/
body
{
	margin:				0;
	padding:		 	0;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	background:  		#ffffff url(images/page-bg.gif) repeat-y;
}

#outer_wrapper 
{
	text-align: 		left;
	width: 				100%;
}

#container 
{
	width: 				100%;
	float: 				left;
	margin-right:	 	-181px;
}

#content 
{
	margin-right:		181px;
}

#main 
{
	margin-left: 		-168px;
}

#left 
{
	width: 				160px;
	float: 				left;
	text-align: 		center;
}

.clearing {
	height: 			0;
	clear: 				both;
}


div#outerMainArea
{
	margin-left:		168px;
	width: 				556px;

}

div#mainArea
{
	margin-left: 		168px;
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			12px;
	color: 				#000000;
	padding: 			0 26px 0 26px;
}
td {
	font-size: 			12px;
}



div#rightColumn
{
	float: 				right;
	width: 				160px;
	background: 		#ffffff;
}


div#footer
{
	font-size: 			10px;
	margin: 			10px 0 0 0 ;
	padding: 			0 0 15px 170px;
	text-align: 		center;
}
/*************
 Main navigation
*************/
ul#menu
{
	text-align: 		left;
	margin: 			50px 0 0 0;
	padding: 			0;
	list-style: 		none;
}

ul#menu li a
{
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			12px;
	color: 				#ACC2E3;
	text-decoration: 	none;

	background: 		url(images/menu-bg.gif) no-repeat;
	padding: 			5px 0 5px 40px;
	display: 			block;
}

ul#menu li a:hover, ul#menu li a#currentPage
{
	background: 		url(images/menu-bg-on.gif) no-repeat;
	color: 				#ffffff;
}

ul#menu li#first a
{
	background: 		url(images/menu-bg-first.gif) no-repeat;
}

ul#menu li#first a:hover, ul#menu li#first a#currentPage
{
	background: 		url(images/menu-bg-on-first.gif) no-repeat;
}

/** IE Win Hacks **/
* html ul#menu li
{
	width: 				128px;
}
/** end IE Win Hacks **/



/*************
 Special formatting/content areas
**************/
div#rightColumn p.quote 
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#0D308B;
}

div#rightColumn span.quote-source 
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	color:				#0D308B;
}

div#address
{
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	color: 				#ACC2E3;
	text-decoration: 	none;
	text-align: 		left;
	padding: 			0 0 0 40px ;
}
img#logo
{
	margin-top: 		10px;
}

p.intro
{
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			14px;
	color: 				#808081;	
}

div#mainArea img
{
	margin: 			0 8px 0 0;
}

div#mainArea p.clear {
	display:block;
	width:100%;
	padding:			0 0 0 0;
}

div#partners
{
	width: 				171px;
	height: 			158px;
	background: 		url(images/profiles-bg.gif) no-repeat;
	margin: 			30px 0 0 0;
	padding: 			15px 0 0 30px;
	font-size: 			12px;
	text-align: 		left;
}

div#partners-small
{
	width: 				171px;
	margin: 			30px 0 30px 0;
	padding: 			15px 0 0 0;
	font-size: 			12px;
	text-align: 		left;
}
div#partners-small ul {
	margin: 			5px 0 0 0;
	padding: 			0 0 0 25px;
	list-style-image: 	url(images/bullet-partners.gif);
}


div#partners ul {
	margin: 			5px 0 0 0;
	padding: 			0 0 0 25px;
	list-style-image: 	url(images/bullet-partners.gif);
}
div#partners ul li a, div#partners-small ul li a
{
	text-decoration: 	none;
	color: 				#000000;
}

div#news
{
	width: 				169px;
	height: 			175px;
	background: 		url(images/news-bg.gif) no-repeat;
	margin: 			30px 0 0 0;
	padding: 			23px 0 0 30px;
	font-size: 			12px;
	text-align: 		left;
}




div#footer a
{
	text-decoration: 	none;
	color: 				#000000;
}

.rubric
{
	color: 				#A6A7A7;
}

img#imageStrip
{
	padding: 			0;
	margin: 			0;
}

h1
{
	font-size: 			16px;
	padding: 			55px 0 0 0;
	color: 				#0D308B;
}
span.price {
	height:25px;
	width:55px;
	padding:		3px 0 0 0;
}
span.order {
	height:			25px;
	padding:		3px 0 0 0;
}




/* FORMS */
#main-form {
	position:				relative;
	display:				block;
}
#main-form div.row {
	position:				relative;
	display:				block;
	padding:				10px 0 0 0;
}
#main-form div.label {
	display:				block;
	padding:				0 4px 0 0;
}
#main-form div.field {
	display:				block;
	padding:				0 0 0 0;
}
#main-form div.field input {
	width:					200px;
	color:					#000000;
}
#main-form div.field textarea {
	width:					200px;
	font-family:			verdana, arial, helvetica, sans-serif;
	font-weight:			normal;
	font-size:				1em;
	color:					#000000;
}
#main-form div.field textarea.large {
	width:					350px;
	font-family:			verdana, arial, helvetica, sans-serif;
	font-weight:			normal;
	font-size:				1em;
	color:					#000000;
}

#order #main-form div.item input {
	width:					25px;
	color:					#000000;
}
#main-form div.item {
	position:				relative;
	display:				block;
	padding:				10px 0 0 0;
}