/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h1, h2, h3, h4, h5, h6, ul, p {
	margin:0;
	}

h1.sub-page {
	margin:30px 0;
	}

body 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/bg-main.png) top center repeat-x;
	margin:10px 20px;
	color:#68757D;
	}

/* remove browser default borders on all linked images */
a img{
	border-width:0;
	}

/* make all horizontal lines light gray */
hr{
	color:#DADCDD;
	background-color:#DADCDD;
	height: 1px;
	border:0;
	}

fieldset {
	padding:20px;
	}

legend {
	color:#68757D;
	padding:0 10px;
	_padding:10px 6px 15px 6px; /* IE6 USES INCORRECT PADDING ON THE LEGEND TAG */
	_margin:-25px 0 0 0; /* REMOVE THE EXTRA WHITE SPACE ABOVE FIELDSETS IN IE6 ONLY */
	}

label {
	padding:7px 0 0 0;
	font-weight:normal;
	}

.input-narrow,
select.input-narrow {
	font-size:11px;
	width:180px;
	font-weight:bold;
	padding:4px;
	margin:0 0 7px 0;
	}

select.input-narrow {
	width:193px;
	}
	
.input-checkbox {
	width:20px;
	padding:0 5px 0 0;
	}
	
select {
	line-height:200%;
	font-size:13px;
	width:195px;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	DEFINITION LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


dl {
	position:relative;
	height:1%;
	margin:0;
	}

dt {
	float:left;
	text-align:right;
	margin:0 0 4px 0;
	white-space:nowrap;
	}
	
dd {
	float:left;
	font-weight:bold;
	margin:0 0 4px 4px;
	}

		
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


a {
	color:#B8331F;
	}

a:visited {
	color:#B55C30;
	}
	
a:hover {
	text-decoration:none;
	}
	
a:active {
	color:#3F7EFF;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h1, h2, h3, h4 ,h5, h6 {

	}

h1 {
	font-size:16px;
	font-weight:normal;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:100%;
	}
	
	
h2 {
	font-size:14px;
	}

h3 {
	font-size:14px;
	font-weight:normal;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:100%;
	}

h4 {
	font-size:12px;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LOGO

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.logo {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	margin-top:20px;
	height:56px;
	width:243px;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NAV

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.nav-container {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	background:#CC7671 url(images/bg-nav-main.png) repeat-x;
	color:#E3B7B4;
	_height:38px;
	min-height:38px;
	position:relative;
	font-size:.75em;
	}
	
/* NAV - MAIN */

.nav-main{
	margin:0 0 0 20px;
	width:60%;
	padding:2px 0 0 0;
	}
	
.nav-main a:link,
.nav-main a:visited {
	text-decoration:none;
	color:#FFF;
	padding:.3em .5em 1em .5em;
	margin:0 .3em 0 0;
	display:block;
	float:left;
	font-weight:bold;
	}

.nav-main  a:hover{
	text-decoration:underline;
	}


.nav-main a:active{
	color:#FFFF99;
	}
	
.nav-main .active a:hover{
	text-decoration:none;
	}

.nav-main .active a:active{
	color:#000;
	}


/* Selectors for menu inside the banner */

.nav-main .AspNet-Menu-Horizontal ul ul
{
    background: #B84C46;
}

.nav-main .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    left: 2px;
    top: 90%;
    padding: 5px;
}

.nav-main .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    left: 6.8em;
    top: -1em;
}

.nav-main .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
}

.nav-main .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
}

/* Start: rules to make the horizontal menu's top tier use proportional width for its items. */
.nav-main .AspNet-Menu-Horizontal ul.AspNet-Menu li a,
.nav-main .AspNet-Menu-Horizontal ul.AspNet-Menu li span
{
    display: inline;
}

.nav-main .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a,
.nav-main .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span
{
    display: block;
}
/* End: proportional rules */


	
/* NAV - LOGGIN */

.nav-loggin 
{
   	text-align:right;
	width:40%;
	position:absolute;
	top:2px;
	right:0;
	}
	
.nav-loggin a:link,
.nav-loggin a:visited {
	text-decoration:none;
	color:#FFF;
	padding:.3em .5em 1em .5em;
	float:right;
	margin:0 .3em 0 0;
	font-weight:bold;
	}


.nav-loggin a:hover{
	text-decoration:underline;
	}

.nav-loggin .active a:link,
.nav-loggin .active a:visited {
	color:#FFFF99;
	}

/* add "class="active" to the <li> to show the active page / section */
.nav-loggin .active a{
	color:#000;
	background:url(images/bg-nav-main-active.png);
	}

.nav-loggin .active a:hover{
	text-decoration:none;
	}

.nav-loggin .active a:active{
	color:#000;
	}

.no-link-nav 
{
	color:#E3B7B4;
	padding:.3em .5em 1em 0;
	float:right;
	margin:0;
	}

	
/* RIGHT SIDE ROUNDED CORNER */

.nav-main-rounded-corner {
	float:right;
	width:10px;
	background:url(images/bg-nav-main-corner.png) right top no-repeat;
	}	
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINERS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* outermost content container starts below nav */
.content-container {
	margin-left:auto;
	margin-right:auto;
	padding:15px 0;
	font-size:.75em;
	}
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ROUNDED CORNER BLOCK

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.bg-rounded-container {
	position:relative;
	background:#BEFF99;
	_height:0; /* only IE reads properties starting with "_" */
	width:100%;
	margin:0 0 20px 0;
	}

.bg-rounded-container-indent{
	margin:0 0 0 4px;
	width:98.5%;
	}

.bg-rounded-content {
	padding:12px 20px;
	}
	
.bg-rounded-top-left,
.bg-rounded-top-right,
.bg-rounded-bottom-right,
.bg-rounded-bottom-left {
	width:7px;
	height:7px;
	font-size:.1em;
	background-image:url(images/bg-rounded-corners.png);
	background-repeat:no-repeat;
	}

.bg-rounded-top-left {
	float:left;
	background-position:0 0;
	}

.bg-rounded-top-right {
	float:right;
	background-position:0 -7px;
	}

.bg-rounded-bottom-right {
	position:absolute;
	bottom:0px;
	_bottom:-1px; /* IE sometimes adds a 1px margin so we move this corner graphic down */
	right:0;
	_right:-1px;
	background-position:0 -14px;
	}

.bg-rounded-bottom-left {
	position:absolute;
	bottom:0px;
	_bottom:-1px; /* IE sometimes adds a 1px margin so we move this corner graphic down */
	left:0;
	background-position:0 -21px;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.footer {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size:.70em;
	color:#CCCCCC;
	line-height:1.8em
	}