body
{
	margin: 0 auto;
	padding: 0;
	font: 76% Verdana;
	background: #FFFFFF;
	color: #1970A3;
	font-color: #1970A3;
	align: center;
}

#mainWrapper {
	width:714px;
	align:center;
}

#header {
	width:714px;
	align:center;
}

#linkbar {
  width:712px;
	padding-top: 5px;
	padding-bottom: 5px;
	font: 93% Verdana;
	background: #72AFD6;
	color: #FFFFFF;
	font-color: #FFFFFF;
	align: center;
	border: 1px solid #1970A3;
}

#linkbar a {
	font: 120% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	background: #72AFD6;
	color: #FFFFFF;
	font-color: #FFFFFF;
	align: center;
	font-weight: bold;
	text-decoration: none;
}

#linkbar a:hover {
	text-decoration: underline;
}

#linkbar a:active {
	text-decoration: underline;
}

#infoBox {
  width:712px;
	padding: 0px;
  border-left: 1px solid #1970A3;
	border-right: 1px solid #1970A3;
	border-bottom: 1px solid #1970A3;
	font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	background: #EBF4F9;
	color: #1970A3;
	font-color: #1970A3;
	font-weight: bold;
}


#infoBoxLeft {
  font: 95% Helvetica, Verdana, Tahoma, Arial, sans-serif;
/*  width: 430px;*/
	width:350px;
	padding:9px;
	padding-top:4px;
	padding-left: 12px;
	padding-right:2px;
	background: #EBF4F9;
	text-align: justify;
	line-height: 22px;
	font-weight: bold;
}

#infoBoxLeft h1 {
	font: 130% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	background: #EBF4F9;
	color: #1970A3;
	font-color: #1970A3;
	font-weight: bold;
}

#infoBoxMiddle {
	font: 93% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	width: 165px;
	padding:9px;
	padding-top:4px;
	padding-left: 12px;
	padding-right:2px;
	line-height: 22px;
	background: #EBF4F9;
	font-weight: bold;
}

#infoBoxRight {
	font: 93% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	width: 90px;
	padding: 9px;
	padding-left:5px;
	line-height: 22px;
	background: #EBF4F9;
	font-weight: bold;
}

#infoBoxRight h3 {
	font: 105% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	background: #EBF4F9;
	color: #1970A3;
	font-color: #1970A3;
	font-weight: bold;
}

h2.h2 { 	
  font: 120% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	background: transparent;
	color: #1970A3;
	font-color: #1970A3;
	font-weight: bold;
}

#main {
	background: #FFFFFF;
  width:712px;
	padding: 0px;
	border-left: 1px solid #1970A3;
	border-right: 1px solid #1970A3;
  border-bottom: 1px solid #1970A3;
}

#titleLeft {
	font: 120% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	color: #1970A3;
	font-color: #1970A3;
	font-weight: bold;
	padding: 10px;
}

#titleCenter {
	font: 120% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	color: #1970A3;
	font-color: #1970A3;
	font-weight: bold;
	padding: 10px;
	border-left: 1px solid #1970A3;
	border-right: 1px solid #1970A3;
}

#titleRight {
	font: 120% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	color: #7A0026;
	font-color: #7A0026;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
}

#titleRight a {
  font-color: #7A0026;
	color: #7A0026;
	text-decoration: none;
}

#content {
	background: #FFFFFF;
  width:712px;
	padding: 0px;
	border-left: 1px solid #1970A3;
	border-right: 1px solid #1970A3;
  border-bottom: 1px solid #1970A3;
}

#contentLeft {
	font: 100% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	color: #333333;
	font-color: #333333;
	font-weight: bold;
	padding: 10px;
	border-top: 1px solid #1970A3;
}

#contentCenter {
	font: 100% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	color: #333333;
	font-color: #333333;
	font-weight: bold;
	padding: 10px;
	border-right: 1px solid #1970A3;
	border-left: 1px solid #1970A3;
	border-top: 1px solid #1970A3;
}

#contentRight {
	font: 100% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	color: #333333;
	font-color: #333333;
	font-weight: bold;
	padding: 10px;
	border-top: 1px solid #1970A3;
}

#contentContact {
	font: 100% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	color: #333333;
	font-color: #333333;
	padding: 10px;
}

#contentAdv {
	font: 100% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	color: #333333;
	font-color: #333333;
	padding: 10px;
}

#contentReg {
	font: 100% Helvetica, Verdana, Tahoma, Arial, sans-serif;
	color: #333333;
	font-color: #333333;
	padding: 10px;
}

a {
  font-color: #1970A3;
	color: #1970A3;
	text-decoration: none;
}

a:active {
  font-color: #1970A3;
	color: #1970A3;
	text-decoration: underline;
}

a:hover {
  font-color: #1970A3;
	color: #1970A3;
	text-decoration: underline;
}

a:visited {
	color: #1970A3;
  font-color: #1970A3;
}

#Footer {	
	margin: 0 auto;
	padding: 8px 0 2px 0;
	border-top: 1px solid #ddd;
	width: 712px;
	font-size: 0.9em;
	line-height: 1.6em;
	font-weight: normal;
}

#Footer a {
	color: #000099;
	background-color: inherit;
	text-decoration: none;
}

#Footer a:hover {
	text-decoration: underline;
}

#rednote {
	font-family: tahoma;
	font-size: 10px;
	color: red;
	font-style: italic;
}

.control {
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:84%;
	font-weight:bold;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#666;
	border-bottom-color:#666;
	background-color:#ccf;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffaaaaff');
	padding: 0px;
}


#x-small {
        font-size: x-small;
}

/** PROTOTYPE/VALIDATION **/

.panel {
        clear: both;
        display: none;
        border: 3px solid #CCC;
        padding: 1em;
}
.panel.active-tab-body {
        display: block;
}
#tabs {
        list-style: none;
}

#tabs li {
        float: left;
}

#tabs a {
        float: left;
        padding: 5px 8px;
        margin-left: 6px;
        background-color: #F2F2F2;
        text-decoration: none;
        color: #999999;
}

#tabs a.active-tab {
        background-color: #CCC;
        border-top: 3px solid #999;
        padding-top: 3px;
        color: #000;
}

input.required, select.required, textarea.required {
        background-color: #FFF0F5;
}
input.validation-failed, textarea.validation-failed {
        border: 1px solid #FF3300;
        color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
        border: 1px solid #00CC00;
        color : #000;
}

.validation-advice {
        margin: 5px 0;
        padding: 5px;
        background-color: #FF3300;
        color : #FFF;
        font-weight: bold;
}

.custom-advice {
        margin: 5px 0;
        padding: 5px;
        background-color: #C8AA00;
        color : #FFF;
        font-weight: bold;
}

fieldset {
        padding: 1em;
        margin-bottom: 0.5em;
}

label {
        font-weight: bold;
}
.form-row {
        clear: both;
        padding: 0.5em;
}

.field-label {

}

.field-widget {

}


.verticalNavigation {
	position:inherit;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 200px;
	height:100%;
	margin: 5px;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:5px;
	border-spacing: 0px;
	color: #ffffff;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	font-family:Georgia,Palatino,"Book Antiqua",Serif;
	background-image:url(/images/verticalNavigation.png);
	background-repeat: repeat-x;
	background-color:#133984;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	CCborderRadius: 20px;
}
	
.middleBox {
	position:relative;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin-left:10px;
	margin-right:10px;
	padding:10px;
	padding-top:5px;
	border-spacing: 0px;
	border: 0px solid <?php echo $borderColor ?>;
	color: #000000;
	font-size:14px;
	font-family:Arial,Georgia,Palatino,"Book Antiqua",Serif;
	background-color:#EBF4F9;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	CCborderRadius: 20px;
}


.verticalEvents {
	position:inherit;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 10px;
	width:100%;
	height:100%;
	margin: 0 auto;
	padding:5px;
	padding-bottom:0px;
	border-spacing: 0px;
	color:#ffffff;
	text-align:right;
	vertical-align:middle;
	font-family:Arial,Georgia,Palatino,"Book Antiqua",Serif;
	background-image:url(/images/verticalNavigation.png);
	background-repeat: repeat-x;
	background-color:#133984;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	CCborderRadius: 20px;
}

.news {
	position:relative;
	top:3px;
	left:0px;
	width: <?php echo $barWidth ?>;
	text-align:left;
	color:#000000;
	background-color:transparent;
}

.events {
	position:relative;
	top:3px;
	left:0px;
	width: <?php echo $barWidth ?>;
	text-align:left;
	background-color:transparent;
}