/*-------------------------------------------------------
	Site style sheet
---------------------------------------------------------*/

body 
{
	font-family: arial; 
	font-size: 12px; 
	background-color: #333333; 
	margin: 0px;
	padding: 0px;
}

/*-------------------------------------------------------
	Images
---------------------------------------------------------*/

img
{
	border: 0px;
}

img.contentPaddingLeft
{
	float: left;
	padding: 5px 15px 3px 0px;
}
img.contentPaddingRight
{
	float: right;
	padding: 5px 0px 3px 15px;
}

/*-------------------------------------------------------
	Headings
---------------------------------------------------------*/

.clearer
{
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}

p 
{
	color:#000000; 
	text-align:left; 
	margin: 1em auto; 
}

span
{
	font-size: 12px;
}

/*-------------------------------------------------------
	Input fields
---------------------------------------------------------*/

input, select
{
	font-size: 9px;
}
textarea
{
	font-size: 12px;
}

/*-------------------------------------------------------
	Tables
---------------------------------------------------------*/

table
{
	border-collapse: collapse;
}
td, p
{
	font-size: 12px;
	margin: 1em 0px;
}

/*-------------------------------------------------------
	Lists
---------------------------------------------------------*/

ul
{
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 1.5em;
	padding-left: 1.5em;
	text-align: left;
}
ul.extraPadding
{

	padding-left: 120px; 
	margin-left: 120px;
	text-align: left;
}

/*-------------------------------------------------------
	Form errors
---------------------------------------------------------*/

ul.form-error
{
	color: #ff0000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: normal;
	list-style-image: none;
	margin: 0px 20px;
	text-align: left;
}
li.form-error
{
	color: #FF0000;
	text-align: left;
}

/*-------------------------------------------------------
	Containers
---------------------------------------------------------*/

#container
{
	width: 100%; 
	background-color: #b199cb;
	text-align: center; 
}

#container-bg
{
	width: 100%; 
	background: url(/images/design/body_bg.gif) repeat-x;
}

#container-content
{
	width: 1010px; 
	margin: 0px auto; 
	padding-top:27px;
	padding-bottom: 50px;
}


/* Two-column layout */

#alpha
{
	float: left;
	width: 286px; 
	margin: 0px 10px 10px 0px;
}
#beta
{
	float:left; 
	width: 713px; 
	margin: 0px 0px 10px 0px; 
}


/*-------------------------------------------------------
	Forms
---------------------------------------------------------*/

form
{
	margin: 0px;
}
#container-form
{
	margin: 0px auto;
	width: 90%;
}
div.bar-form-body
{
	border: 1px solid #96b11c; 
	padding: 2px;
	text-align: left;
}
div.bar-form-holder
{
	background-color: #b1c555;
	border-bottom: 1px solid #ffffff;
	padding: 5px;
	height: auto !important;
	min-height: 25px;	
	
}
div.bar-form-label
{
	float: left;
	height: 25px;
	height: auto !important;
	min-height: 25px;
	width: 35%;
}
div.bar-form-field
{
	float: left;
	height: 25px;
	height: auto !important;
	min-height: 25px;
	width: 65%;
}
div.bar-form-holder table
{
	width: 100%;
}




/*-------------------------------------------------------
	Content bars
---------------------------------------------------------*/

#holder-navi
{
	width: 100%; 
	margin: 0px auto; 
	background: url(/images/design/navi_tile.gif) repeat-y;
}
#holder-content
{
	width: 100%; 
	margin: 0px auto; 
	background: url(/images/design/content_tile.gif) repeat-y;
}

.holder-alert
{
	background-color: #b1c555;
	border: 1px solid #96b11c;
	margin: 5px auto 0px auto;
	padding: 5px 5px;
	width: 98%;
}
#body-navi
{
	min-height: 295px; 
	height: auto !important; 
	height: 295px; 
	background: url(/images/design/navi_middle.gif) no-repeat;  
}
#content-navi
{
	width: 254px;  
	margin: 0px auto; 
	background-color: #b29acc; 
	border: 1px solid #5a357e;
	padding: 10px 0px;
}


#header-content
{
	width: 100%;
}

#body-content
{
	min-height: 295px; 
	height: auto !important; 
	height: 295px; 
	padding: 0px 25px; 
	background: url(/images/design/content_middle.gif) no-repeat; 
}


#header-footer
{
	background-color: #ffffff; 
	min-height: 20px; 
	height: auto !important; 
	height: 20px;
}
#body-footer 
{
	background-color: #4d2673; 
	min-height: 80px; 
	height: auto !important; 
	height: 80px;
}

#footer-content { } 

/* text elements */
#container-content a:link, #container-content a:visited, #container-content a:active
{ 
	color: #ff6600; text-decoration: none;
} 

#container-content a:hover
{
	color: #ff6600; text-decoration: underline;
}

#container-footer a:link, #container-footer a:visited, #container-footer a:active, #container-footer a:hover
{ 
	color: #ffffff;
}


span.orange { color: #ff6600; }
span.red { color: #ff0000; }
span.grey { color: #333333; }

.content-hdr-left, .content-hdr-right { float: left; }
.content-hdr-middle { float: left; text-align: left; background: url(/images/design/content_hdr_tile.gif) repeat-x; height: 54px; min-width: 653px; width: auto !important; width: 653px }
#container-navi p { margin: 1em 15px; }
#header-content h1 { font-size: 20px; color: #ffffff; margin: 0px 0px 0px 0px; padding: 12px 0px 0px 0px }
#body-footer p { color: #ffffff; text-align: center; }
.video-content { border: 1px solid #333333;  padding: 2px; width: 320px; margin: 0px auto;}
.sub-header-content { width: 660px; text-align: left; border: 1px solid #96b11c; background-color: #b1c555; padding: 10px 0px; }
.sub-header-content h2 { font-size: 16px; color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px }
.navi-buttons { width: 100%; height: 22px; margin-bottom: 10px; background-color: #b29acc;  }
.navi-links { padding: 4px 10px 0px 0px; text-align: right; color: #FFFFFF; font-size: 12px; font-weight: bold;  }
#content-navi a:link, #content-navi a:visited, #content-navi a:active, #content-navi a:hover

{ 
	color: #ffffff; text-decoration: none;
}