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

	CONTENT CONTAINER - TWO COLUMN

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

#content-container-two-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:888px;
	/*height:600px;*/
	border:1px solid #818181;
	background-color:#F6F8FE;
	position:relative;
	}

#content-main-two-column {
	width:540px;
	float:left;
	}

#content-side-two-column {
	float:right;
	width:160px;
	}
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

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

#content-container-three-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:728px;
	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-left:25px;
	}

#content-side2-three-column,
#content-side1-three-column {
	width:160px;
	font-size:.9em;
	}
	
#content-side2-three-column {
	float:right;
	}

#content-side1-three-column {
	float:left;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	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 {
	float:left;
	width:30%;
	}

#three-column-side2 {
	float:right;
	width:30%;
	}

#three-column-middle {
	width:30%;
	margin:0px 32% 0px 35%;
	}
	
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
    
    css-master

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

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

	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;
	font-size:1.1em;
	}

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-bottom:6px;
}

h1, h2 {
	margin-top:0px;
}

h2 {
	font-size:1.7em;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
}

h3 {
	font-size:1.1em;
}

h3.small {
	font-size:1.2em;
}

h4 {
	font-size:1.1em;
}

h5 {
	font-size:1.1em;
}

h6 {
	font-size:1em;
}



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

	LINKS

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


a:link {
	color:#264696;
	text-decoration:none;
	font-weight:bold;
}

a:visited {
	color:#264696;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}

a:active {
	color:#264696;
	}

#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;
}

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

	TOP INFORMATION

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

#top-information {
	height:4.5em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	color:#999999;
	font-size:.85em;
	position:relative;
	width:900px;
	}
	
#logo {
	position:absolute;
	top:.5em;
	left:15px;
	font-size:2.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	height:2.8em;
	padding:.1em 0 .2em 0;
	font-variant:small-caps;
	}

#logo a {
	color:#4A6BB3;
	text-decoration:none;
	}

#top-information-home {
	text-align:right;
	border-bottom:1px dashed #CACACA;
	position:absolute;
	top:0;
	right:25.5%;
	height:2em;
	width:15%;
	padding:0 1.5% 0 0;
	}
	
#top-information-phone {
	text-align:center;
	border-left:1px dashed #CACACA;
	position:absolute;
	top:0;
	left:75%;
	height:100%;
	padding:0 0 0 2%;
	}

#top-information-link {
	text-align: center;
	border-left:1px dashed #CACACA;
	position:absolute;
	top:0;
	right:0;
	height:2em;
	width:8.5%;
	padding:0 0 0 1.5%;
	}

#heading{
	text-align: left;
	font-size:1.4em;
	font-weight:bold;
	}


#subheading{
	font-size:1.1em;
	font-weight:bold;
	}


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

	MAIN NAV 

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

#nav-main {
	background:#608fc8 url(images/bg-nav.png) no-repeat;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	padding:.8em 0 1em 20px;
	position:relative;
	font-weight:bold;
}

#nav-main .main-menu
{
}

#nav-main div.loggedin {
	background:#4b6cb5 url(images/bg-nav-side.png) top right no-repeat;
	width:25%;
	_width:25.5%;
	position:absolute;
	top:0;
	right:0;
	padding:.8em 0 1em 0;
}

#nav-main ul {
	margin:0;
	padding:0 20% 0 0;
	}
	
#nav-main li {
	display:inline;
	list-style:none;
	padding:0 1em 0 0;
	background:none;
	}

.loggedin 
{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}

#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;
}



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

	POSTER PHOTO

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


#poster-photo-container {
	margin-top:3px;
	margin-left: auto;
	margin-right:auto;
	width:920px;
	background:#608fc8;
	position:relative;
	
	}
	
.poster-photo-image 
{
	display:inline;
	margin-left:3px;
	}

#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;
	}
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	pagetitle

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


#pagetitle {
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:720px;
	background:#608fc8;
	position:relative;
	color:#d5e8ff;
	font-size: large;
	padding:.5em 20px .7em 20px;
	}

#pagetitle a:link,
#pagetitle a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}

#pagetitle a:hover{
	color:#D4E7F8;
	text-decoration:none;
	}

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

	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

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.basic_ul_list {
	margin:10px 0 20px 30px ;
	}
div.basic_ul_list ul{
	margin:0;
	padding:0;
	margin-left:24px; /* indent from left edge of container */
	}
div.basic_ul_list ul {
	padding:.2em 0px .4em;

	} /* adds the extra .2em above top and below bottom bullet to balance everything */
div.basic_ul_list li {
	/* list-style-position:inside; */
	padding:.2em 0 0 0; /* pads text */
	margin:0 10px 0 24px; /* about 10 px each side b/c bullets hang left by about 16px (14px in FF) */
	}



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;
}


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

	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-float-left {
	float:left;
	margin-right:10px;
	}

.image-border-none {
	border:none;
}


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

	FOOTER

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

#footer {
	background:#608fc8 url(images/bg-nav.png) bottom left no-repeat;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	padding:.8em 0 1em 20px;
	position:relative;
	color:#a9c0db;
	font-size:.8em;
}

#footer div {
	background:#4b6cb5 url(images/bg-nav-side.png) bottom right no-repeat;
	width:25%;
	_width:25.5%;
	position:absolute;
	top:0;
	right:0;
	padding:.8em 0 1em 0;
}

#footer a:link,
#footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	color:#D4E7F8;
	text-decoration:none;
}

#footer a:active {
	color:#FFFFFF;
}

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

	FOOTER-SUB

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

#footer-sub {
	margin-top:1em;
	margin-left:auto;
	margin-right:auto;
	width:700px;
	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;
}

.LoginControl
{

    background-color:#F7F7DE; 
    border-color:#CCCC99;
    border-style:solid;
    border-width:1px;
    font-family:Verdana; 
    font-size:10px;     

}


/* login box */
div.loginbox{
	width:232px;
	/*height:131px;*/
	border:#DCDCC1 solid 1px;
	background-color:#fff;
	color:#000;
	padding:0 20px 10px 22px;
	margin:0px 0 0 30px;
	float:left;
}
div.loginbox h2.mem{
	display:block;
	width:223px;
	font:bold 13px/38px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#083F78;
	background-color:#fff;
	background-image:none;
	padding:0;
	margin:0;
	float:left;
	border:0;
}
div.loginbox input{
	width:169px;
	height:16px;
	border-left:#404040 solid 1px;
	border-top:#404040 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	background-color:#fff;
	color:#000;
	margin:0 0 6px 0;
	float:right;
}
div.loginbox label{
	width:48px;
	font:normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
}
div.loginbox a.register{
	width:87px;
	font:bold 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#608fc8;
	background-color:#fff;
	text-decoration:underline;
	float:left;
	margin:3px 0 0 0;
	padding:0;
}
div.loginbox a.register:hover{
	text-decoration:none;
}
div.loginbox p.div{
	display:block;
	width:111px;
	height:10px;
	font-size:0;
	background:url(images/form_div.gif) 0 0 repeat-x;
	float:left;
}
div.loginbox input.login{
	background:url(images/btn_login1.gif) 0 0 no-repeat;
	width:26px;
	margin:3px 0 0 0;
	border:none;
	cursor:pointer;
	float:right;
}

/* signup sheet */

div.hr				{width: 100%;height: 1px;border-bottom: 1px dotted #cfcfcf;font-size: 1px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
div.TableEdit
{
/*	background:url(../images/body_bg.gif) 0 0 repeat-x #FFFFF2; */
	border:#DCDCC1 solid 1px;
	background-color:Aqua;
	color:#000;
	padding:15px 12px 12px 12px;
	margin:5px 0 10px 0;
	font-size:12px;
	font-weight:normal;
	
}



TableEdit TD HR
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	line-height:8px;
	font-size: 4px;
	height: 1px;
	color: #efefef;
	border-style:none;
	background-color: #dfdfdf;
	
}
.EditHeader
{
	font-weight: bold;
	font-size: 11px;
	text-transform: none;
	color: #000000;
	background-color: #DDE4DC;
	vertical-align:middle;
	padding-top: 0px;
}
TD.EditHeader
{
	height: 20px;
	border-right: solid 1px #bdc4bc;
	vertical-align: top;
	padding-top: 2px;
	padding-left: 4px;
}


.nav3-grid {width:199px; border-bottom:solid 1px rgb(200,200,200);}
.loginform {width:160px; margin:0 10px 0 10px;}
.loginform p {clear:both; margin:0; padding:0;}
.loginform fieldset {width:160px; border:none;}
.loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px /*IE6*/; font-size:110%;}
.loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:arial,sans-serif; font-size:110%;}
.loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.errormessage	{background-color:Red;color:#ffffff;font-weight:bold;margin:0;padding:2px 2px 2px 2px;}

.showinfo
{
    font-weight: bold;
}
.vmiddle
{
	vertical-align:middle;
}
IMG.vmiddle
{
	vertical-align:middle;
}

div.ebdiv
{
	border-top:1px dotted #aaa;
	padding:10px 0 10px 10px;
	margin:10px 0 0 0;
	border:1px solid #ccc;
	background-color:#ffd;
}
div.ebdivactive
{
	background-color:#ffa;
}

div.ebclass
{
	border:1px solid #999;
	width:85px;
	float:left;
	padding:1px 1px 1px 3px;
	margin-right:5px;
	margin-bottom:3px;
}
div.delcls
{
	float:right;
	padding-top:2px;
	width:12px;
}

.ebtbl
{
	font-family:Arial Sans-Serif;
	font-size:0.85em;
	font-weight:bold;
	
}
.ebtbl input, .ebadd input[type=text]
{
	font-size:1.25em;
	font-weight:normal;
	border:1px solid #777;
	color:#444;
}
div.ebdiv2
{
	float:left;
	padding:3px 4px 5px 3px;
}


.popup-div-background
{
    /*position:absolute;
    top: 120px;
    left: 0;*/
    position:fixed;
    top:0px;
    left:0px;
		text-align:center;

    /* the following two line will make sure
    /* that the whole screen is covered by
    /* this transparent layer */

    height: 30px;
    width: 100%;
/*    min-height: 100%;
    min-width: 100%*/
}
.popup-div-front
{
/*    background-color: #ffffff;*/
    color: #000;
    /*width: 300px;*/
    text-align: left;
    vertical-align: middle;
/*    position: absolute;
    top: 5%;
    left: 15%;
    bottom:5%;*/
    background-color:#000;
    filter:alpha(opacity=50);
    opacity:0.5; 
    font-weight:bold;
    padding: 0px 5px 5px 5px;
    font-family:Verdana;
    height:30px;
}
.popup-div-content
{
	position:relative;
	top:20%;
	height:60px;
	text-align:center;
}