/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#heading
{
	text-align: left;
	font-size: 1.4em;
	font-weight: bold;
}

#subheading
{
	font-size: 1.1em;
	font-weight: bold;
}

#logo
{
	position: relative;
	margin: 5px auto 0 auto;
	height: 64px;
	width: 761px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img
{
	border: none;
}

.photo-border
{
	border: 1px solid #cecece;
	padding: 4px;
	margin-bottom: 5px;
	display: block;
}
.photo-border-column
{
	border: 1px solid #cecece;
	padding: 4px;
	background: #d9d9d9 url(images/bg-photo.png) top repeat-x;
	margin-bottom: 5px;
	display: block;
	position: relative;
	left: -7px;
}
.photo-float-left
{
	float: left;
	margin-right: 10px;
}

.image-border-none
{
	border: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN [   MAIN   ][SIDE]

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column
{
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	width: 759px;
	border: 1px solid #818181;
	background: url(images/bg-content-side.png) repeat-y right;
	position: relative;
	background-color: White;
}

#content-main-two-column
{
	margin: 15px 5px 15px 15px;
	padding: 0;
	border: none;
	width: 530px;
	float: left;
}
* html #content-main-two-column { display:inline; }   /* HACK FOR IE6 */

#content-side-two-column
{
	float: left;
	margin: 15px 0 15px 25px;
	width: 160px;
}
* html #content-side-two-column { margin: 15px 0 15px 15px; }   /* HACK FOR IE6 */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER 2 - TWO COLUMN [SIDE][   MAIN   ]

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column2
{
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	width: 759px;
	border: 1px solid #818181;
	background: url(images/bg-content-side2.png) repeat-y left;
	position: relative;
	background-color: White;
}

#content-main-two-column2
{
	padding: 0;
	border: none;
	margin: 15px 0 15px 25px;
	width: 540px;
	float: left;
}

#content-side-two-column2
{
	float: left;
	margin: 15px 5px 15px 15px;
	width: 150px;
	font-size: .9em;
}
* html #content-side-two-column2 { display:inline; }   /* HACK FOR IE6 */


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-three-column
{
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	width: 759px;
	border: 1px solid #818181;
	background: url(images/bg-three-column-main.png) repeat-y;
	position: relative;
}

#content-main-three-column
{
	width: 355px;
	float: left;
	margin: 15px 0 15px 40px;
}
* html #content-main-three-column { display:inline; margin: 15px 0 15px 30px; }   /* HACK FOR IE6 */

#content-side1-three-column, #content-side2-three-column
{
	float: left;
	margin: 15px 0 15px 15px;
}
* html #content-side1-three-column { display:inline; }   /* HACK FOR IE6 */

#content-side1-three-column
{
	font-size: .9em;
	width: 150px;
}

#content-side2-three-column
{
	width: 160px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE - THREE COLUMN SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#three-column-container
{
	/*background: url(images/bg-three-column-home.png) repeat-y;*/
	padding: 0;
	margin: 20px 0 10px 0;
}

#three-column-side1, #three-column-middle, #three-column-side2
{
	float: left;
	width: 30%;
}
* html #three-column-side1, * html #three-column-middle { display:inline; }	/* HACK FOR IE6 */

#three-column-middle, #three-column-side2
{
	margin-left: 4.5%;
}
* html #three-column-middle, * html #three-column-side2 { margin-left: 4px; }	/* HACK FOR IE6 */

.column-text
{
	width: 95%;
	position: relative;
	left: -3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body
{
	margin: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #333333;
}

p
{
	margin: 10px 0;
}

p.no-padding-no-margin
{
	padding: 0;
	margin: 0;
}

hr
{
	color: #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	border: 0;
	margin: 15px 0;
	_margin: 10px 0;
}

blockquote
{
	padding: 0 0 0 12px;
	margin: 12px 0 0 0;
	background: url(images/bg-quote.png) no-repeat;
}

blockquote p
{
	margin: 2px 0;
}

cite
{
	font-size: .85em;
	margin: 0;
	padding: 0 0 0 6px;
}

fieldset
{
	padding: 15px;
}

legend
{
	color: #333333;
	padding: 5px 3px 10px 3px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h1, h2, h3, h4, h5, h6
{
	font-size: 1.8em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	margin: 5px 0;
}

h1
{
	margin: 10px 0 0 0 ;
}

h2
{
	margin-top: 0px;
	font-size: 1.5em;
}

h3
{
	font-size: 1.4em;
}

h3 .small
{
	font-size: 1.3em;
}

h4
{
	font-size: 1.1em;
}

h5
{
	font-size: 1.1em;
}

h6
{
	font-size: 1em;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


a:link
{
	color: orange; /*#d61719;*/
	text-decoration: none;
}

a:visited
{
	color: orange; /*#980000;*/
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
}

a:active
{
	color: #004c59; /*#980000;*/
}

#content-side-two-column a:link, #content-side2-three-column a:link, #content-side1-three-column a:link, #content-side-two-column a:visited, #content-side2-three-column a:visited, #content-side1-three-column a:visited
{
	text-decoration: none;
}

#content-side-two-column a:hover, #content-side2-three-column a:hover, #content-side1-three-column a:hover
{
	text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN NAV 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav-main
{
	background: #004c59;
	margin-left: auto;
	margin-right: auto;
	width: 761px;
	position: relative;
	/*height: 8px;*/
}
#nav-main .menu-main
{
	margin: 2px 0 2px 2em;
}

#nav-main a 
{
	margin: 0 2em 0 0;
}

#nav-main a:link, #nav-main a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

#nav-main a:hover
{
	color: #D4E7F8;
	text-decoration: underline;
}

#nav-main a:active
{
	color: #FFFFFF;
}

#nav-main li.current a:link, #nav-main li.current a:visited
{
	text-decoration: underline;
}

#nav-main li.current a:hover
{
	color: #D4E7F8;
	text-decoration: underline;
}

#nav-main li.current a:active
{
	color: #FFFFFF;
}

/* ACTIVE PAGES */
#nav-main a.StaticSelectedStyle:link, #nav-main a.StaticSelectedStyle:visited
{
	color: #D4E7F8;
	text-decoration: underline;
}

.none
{
	display: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	POSTER PHOTO

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.poster-photo-image
{
	display: block;
	border: 0;
	width: 761px;
	height: 91px;
}

#feature-area-home
{
	position: absolute;
	top: 0;
	right: 0;
	width: 21%;
	text-align: center;
	padding: 2%;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 160%;
}

#feature-area-home a:link, #feature-area-home a:visited
{
	color: #dcf2f7;
	text-decoration: underline;
}

#feature-area-home a:hover
{
	text-decoration: none;
}


#feature-area-home
{
	font-size: 22px;
	font-weight: bold;
	line-height: 160%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	pagetitle

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pagetitle
{
	background-color: #004c59;
	margin-left: auto;
	margin-right: auto;
	width: 761px;
	position: relative;
}

#pagetitle a:link, #pagetitle a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

#pagetitle a:hover
{
	color: #D4E7F8;
	text-decoration: none;
}

#title
{
	float: left;
	position: absolute;
	top: 100px;
	left: 100px;
	z-index: 0;
	font-size: large;
}

#pagesentence
{
	z-index: 101;
	position: absolute;
	left: 50px;
	top: 50px; /*height: 50px; width: 250px"*/
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TREE VIEW CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.TreeView
{
	border-bottom: 1px dotted #B2B2B2 !important;
}

.TreeView div
{
	margin-left: 5px;
}

.TreeView table
{
	border-top: 1px dotted #B2B2B2 !important;
}

.TreeView div table
{
	border-bottom: none !important;
	border-top: none !important;
}

.TreeView table td
{
	padding: 2px 0;
}

.LeafNodesStyle
{
}


.RootNodeStyle
{
}

/* ALL ELEMENTS */
.NodeStyle
{
}

.ParentNodeStyle
{
	background: yellow;
}


a.SelectedNodeStyle
{
	background: #E5E5E5;
	display: block;
	padding: 2px 0 2px 3px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul
{
	margin: 0;
	padding: 0;
}

li
{
	list-style: none;
	background: url(images/list-bullet-02.gif) no-repeat 0 .8em;
	padding: .2em 0 .2em 1em;
	margin-left: 0.4em;
}

ul.list-of-links
{
	border-bottom: 1px dotted #B2B2B2;
}

#content-side1-three-column ul.list-of-links, #content-side2-three-column ul.list-of-links
{
	margin: 0 0 30px 0px;
}

ul.list-of-links li
{
	border-top: 1px dotted #B2B2B2;
	background-image: url(images/list-bullet-01-link.gif);
}

ul.list-of-links li.current
{
	background-color: #E5E5E5;
}


ul.no-lines, ul.no-lines li
{
	border: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE FEATURE AREA

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.feature-area
{
	background-color: #6799D1;
}
.column-text
{
	width: 95%;
	position: relative;
	left: -3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img
{
	border: none;
}

.photo-border
{
	border: 1px solid #cecece;
	padding: 4px;
	background: #d9d9d9 url(images/bg-photo.png) top repeat-x;
	margin-bottom: 5px;
	display: block;
}
.photo-border-column
{
	border: 1px solid #cecece;
	padding: 4px;
	background: #d9d9d9 url(images/bg-photo.png) top repeat-x;
	margin-bottom: 5px;
	display: block;
	position: relative;
	left: -7px;
}

.photo-float-left
{
	float: left;
	margin-right: 10px;
}

.image-border-none
{
	border: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer
{
	background: #004c59; /*#608fc8 url(images/bg-nav.png) bottom left no-repeat;*/
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	width: 741px;
	padding: .8em 0 1em 20px;
	position: relative;
	color: #a9c0db;
	font-size: .8em;
}

#footer div
{
	background: #004c59; /*#4b6cb5 url(images/bg-nav-side.png) bottom right no-repeat;*/
	width: 25%;
	position: absolute;
	top: 0;
	right: 0;
	padding: .8em 0 1em 0;
}

#footer a
{
	color: #a9c0db;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER-SUB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-sub
{
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 740px;
	text-align: center;
	padding: .1em 0 2em 0;
	position: relative;
	font-size: .8em;
	color: #999999;
}

#footer-sub ul
{
	margin: 0;
	padding: 0;
}

#footer-sub li
{
	display: inline;
	list-style: none;
	padding: 0 1em 0 0;
	background: none;
}

#footer-sub a:link, #footer-sub a:visited
{
	text-decoration: underline;
	color: #999999;
}

#footer-sub a:hover
{
	color: #666666;
	text-decoration: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news-date
{
	font-size: 0.9em;
	font-style: italic;
	color: #A4A4A4;
}

.arrow
{
	vertical-align: middle;
}

input.button-big
{
	font-weight: bold;
	padding: .7em 1.5em;
	font-size: 1.1em;
	vertical-align: bottom;
}

input.button-small
{
	font-weight: normal;
	padding: .4em 1em;
	font-size: .8em;
	vertical-align: bottom;
}

.clear
{
	clear: both;
}

.none
{
	display: none;
}

.quote 
{
	font-style: italic;
	text-align: justify;
	padding: 1em 2em;
}
