/**
 * Layout Definitions
 */
* { font-size: 100%;}

html, body {
	margin: 0;
	padding: 0;
	background-color: #F3F7FF;
}

.norm a:link, .norm a:active, .norm a:visited {
	text-decoration: none;
	color: #C0C0C0;
}

.norm a:hover {
	text-decoration: blink;
	color: #C0C0C0;
}

.larger {
	font-size: 9pt;
}

.concell {
	padding: 11px 24px 15px 0px;
}

.loginbg {
	border: 5px solid #FFFFFF;
	border-right: 0px; 
	background-color: #E4F2FF;
	padding-left: 15px;
	padding-right: 10px;
}

.logininput {
	width: 99px;
	height: 15px;
	border: 0px;
	background-image: url(../images/template/inputbg.gif);
	background-repeat: no-repeat;
	padding: 1px;
	padding-left: 3px;
	padding-top: 2px;
	font-family: Verdana;
	font-size: 8pt;
}

.caption {
	color: #565F66;
	font-size: 7pt;
}

.caption a:link, .caption a:visited, .caption a:active  {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 7pt;
}
.caption a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

.caption2 a:link, .caption2 a:visited, .caption2 a:active  {
	color: #9EBBD5;
	text-decoration: none;
	font-size: 7pt;
}
.caption2 a:hover {
	text-decoration: underline;
	color: #9EBBD5;
}

.caption3 a:link, .caption3 a:visited, .caption3 a:active  {
	color: #565F66;
	text-decoration: none;
	font-size: 7pt;
	font-weight: bold;
}
.caption3 a:hover {
	text-decoration: underline;
	color: #565F66;
	font-weight: bold;
}
.caption3 {
	font-size: 7pt;
	color: #565F66;
}

.eventcap {
	background-color: #E4F2FF;
	padding: 6px;
	padding-right: 22px;
}

.welhead {
	color: #FFFFFF;
	font-size: 11pt;
	background-color: #014B90;
	padding-left: 5px;
	font-weight: bold;
}

.lowtablehold {
	background-color: #DEE5EB;
	padding-left: 15px;
	padding-right: 10px;
}

.lightred {
	color: #E29597;
	font-size: 7pt;
	float: middle;
	padding-right: 5px;
	line-height: 10px;
	vertical-align: middle;
}

.littlewhite {
	color: #FFFFFF;
	font-size: 7pt;
	float: middle;
	padding-right: 5px;
	line-height: 10px;
	vertical-align: middle;
}

.welpad {
	padding: 15px 25px 17px 19px;
	background-color: #FFFFFF;
}

.mempad {
	padding: 15px 23px 17px 17px;
	background-color: #FFFFFF;
	/*color: #BE0E13;*/
	width: 225px; /* width: (265 - 23RPad) - 17LPad */
}

.scarcell {
	background-color: #014B90;
	padding-left: 12px;
	color: #C0C0C0;
	font-size: 7pt;
}

#main {
	margin: 10px auto;
	border: 1px solid #0099FF;
	width: 740px;
}
#subMain {
	margin: 5px;
	border-left: 6px solid #DEEFEF;
	border-right: 6px solid #DEEFEF;
	background-color: #FFFFFF;
}

#mainTable {
	margin: 0;
	border: 0;
	width: 100%;
}
#NextEventColumn {
	vertical-align: center;
	padding: 0;

	background-image:  url("../images/template/darkgrey.gif");
	background-repeat: repeat;
	background-position: right;
}
#MembersLeftColumn {
	vertical-align: center;
	padding: 0;

	background-image:  url("../images/template/greyblue.gif");
	background-repeat: repeat;
	background-position: right;
}

#rightColumn {
	vertical-align: top;
	padding: 0;
	width: 572px;
}

#shoppingBag {
	padding: 9px 0 7px 6px;
}
#bagSummary {
	padding: 7px 0 7px 44px;
	background-image:  url("../images/template/left_top_repeat.gif");
	background-repeat: no-repeat;
	background-position: right;
	color: #009CD6;
}

#topBar {
	height: 92px;
	background-image:  url("../images/template/top_repeat.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}
#logo {
	float: right;
	padding: 17px 30px 0 0;
}
#contentArea {
	padding: 15px 20px 10px 24px;
}

#footer {
	clear: both;
	margin: 5px;
	padding: 7px;
	background-color: #FFFFFF;

	text-transform: uppercase;
	
	color: #009CD6;
}
#footer a { 
	color: #009CD6;
	text-decoration: none;
}
#footer a:hover { 
	color: #070D89;
}


/**
 * Main Nav Definitions (Blue)
 */

.mainNav a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
.mainNav a:link, .mainNav a:visited, .mainNav a:active  {
	color: #FFFFFF;
	text-decoration: none;
}
.mainNav a:hover { 
	color: #FFFFFF;
	text-decoration: underline;
}

/**
 * Fonts
 */
.white_titles {
	color: #FFFFFF;
	font-weight: bold;
}

.blue_titles {
	color: #014B90;
	font-weight: bold;
}


.white {
	color: #FFFFFF;
	font: Arial, Helvetica, sans-serif;
}

/** 
 * HTML Definitions
 */
body {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #565F66
}

h2 {
	color: #009CD6;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;

	margin: 0.5em 0 0.5em 0;
}

h3 {
	color: #FF0000;
	font-weight: bold;
}

h4 {
	color: #014B90;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;

	margin: 0.5em 0 0.5em 0;
}

p {
	margin: 0 0 0.8em 0;
}

a, a:link, a:visited, a:active { 
	color: #FF0000;
	text-decoration: none;
}
a:hover { 
	color: #FF0000;
	text-decoration: underline; 
}

img, form, fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

/**
 * Form Definitions
 */
.default input, .default textarea, .default select {  
	padding: 1px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;

	background-color: #FFFFFF;
	width: 300px;
	border: 1px solid #333333;
}

.default select {
	width: auto;
}

.default textarea { 
	height: 85px;
}

.default .input_radio {
	width: auto;
	border: none;
	background-color: transparent;
}

.default .input_checkbox {
	width: auto;
	border: none;
	background-color: transparent;
}

.default .input_submit { 
	background-color: #D0D0D0;
	font-weight: bold;
	color: #727272;
	cursor: pointer;
}

.default .input_button { 
	background-color: #D0D0D0;
	font-weight: bold;
	color: #727272;
	cursor: pointer;
}

/**
 * Element Definitions
 */

/**
 * Padlock box
 */
.padlockBox {
	margin-top: 50px;
	margin-left: 9px;
	padding-left: 20px;
	background-image:  url("../images/template/padlock.gif");
	background-repeat: no-repeat;
	background-position: 0 1px;
}
.padlockBox h2 {
	font-size: 0.8em;
	margin: 0;
	color: #070D89;
	text-transform: uppercase;
}
.padlockBox p {
	margin: 0;
	color: #009CD6;
	text-transform: lowercase;
	font-size: 0.8em;
}

/**
 * Normal Box Link
 */
.boxLink a {
	border: 1px solid #009AD7;
	padding: 2px 12px 3px 10px;
	font-size: 0.8em;
	text-decoration: none;
}
.boxLink a:link, .boxLink a:visited, .boxLink a:active  {
	background-color: #009AD7;
	color: #FFFFFF;
}
.boxLink a:hover { 
	background-color: #FFFFFF;
	color: #009AD7;
}

/**
 * Inverse Box Link
 */
.inverseBoxLink a {
	display: block;
	width: 110px; 

	margin: 8px;
	margin-right: 0;
	border: 1px solid #009AD7;
	padding: 5px;

	text-transform: uppercase;
	text-decoration: none;
}
.inverseBoxLink a:link, .inverseBoxLink a:visited, .inverseBoxLink a:active  {
	background-color: #FFFFFF;
	color: #009AD7;
}
.inverseBoxLink a:hover { 
	background-color: #009AD7;
	color: #FFFFFF;
}

/**
 * Dotted Horizontal Rule
 */
div.hr {
	clear: both;
	margin: 0;
	height: 9px;
	background-image:  url("../images/template/dotted_x.gif");
	background-repeat: repeat-x;
	background-position: center;
}
div.hr hr { display: none;}

/**
 * Dotted Vertical Rule (Right)
 */
.dottedRight {
	padding-right: 20px; 
	background-image:  url("../images/template/dotted_y.gif");
	background-repeat: repeat-y;
	background-position: right;
}

/**
 * Image Box Definition
 */
.boxTable {
	border: 0;
	padding: 0;
}
.boxTable td {
	padding: 0;
	vertical-align: top;
}
.topBox {
	height: 1px;
	background-color: #F7F7F7;
}
.leftBox {
	background-image:  url("../images/template/box/left_repeat.gif");
	background-repeat: repeat-y;
}
.rightBox {
	background-image:  url("../images/template/box/right_repeat.gif");
	background-repeat: repeat-y;
}
.bottomBox {
	text-align: left;
	font-size: 8px;
	height: 8px;
	background-image:  url("../images/template/box/bottom_repeat.gif");
	background-repeat: repeat-x;
}

/**
 * Status/Error Box
 */
.status, .error {
	margin-bottom: 1em;
	border: 1px solid #DD0000;
	padding: 4px;
	
	color: #DD0000;
}

/**
 * Home Page Announcement Box
 */
.announce {
	margin-bottom: 1em;
	border: 1px solid #DD0000;
	padding: 4px;
}

/**
 * Ordering Table
 */
.orderingTable {
	width: 85%;
	margin: 12px auto;
	padding: 0;
	border: 1px solid #999999;
}
.orderingTable td {
	padding: 4px;
}
.orderingTable thead th {
	padding: 6px;

	background-color: #009AD7;
	color: #FFFFFF;

	text-align: left;
	font-size: 1.05em;
	font-weight: bold;
	text-transform: uppercase;
}

.downloadBox {
	width: 85%;
	margin: 12px auto;
	padding: 5px;
	border: 1px solid #999999;
}

.memtab { border: 1px solid #666666; }

.memrow {
	background-position: left bottom;
	background-repeat: repeat-x;
}

.memrow a, .memrow a:link, .memrow a:visited, .memrow a:active {
	display: block;
	width: 100%;
	color: #000000;
	text-decoration: none;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;
}

.memrow a:hover {
	background-color: #E5E5E5;
}