﻿body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:0.8em;
    padding:2px;
    margin:2px;
    color:#505050;
    line-height:normal;
}

A:link {text-decoration: none; color: #272885;}
A:visited {text-decoration: none;color: #272885;}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #156184;}


p
{
    
}

.divClear {    clear:both;    }

img
{
    margin: 8px;
    
}
.searchtext
{
    width: 120px;
    background-color: #ffffff;
    color: #000000;
    border-bottom: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-right-style:none;
    border-top: #cccccc 1px solid;


}
.searchimage
{
    color: #000000;
    border-bottom: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-left-style:none;
    border-top: #cccccc 1px solid;
    background-color: #ffffff;
    margin-bottom:-5px;
    height:18px;
}
.spanimageside
{
    width:350px;
    float:left;
    font-size:90%;
}
.spanimage
{
    width:160px;
    font-size:90%;
    float:left;
}
.popupimg
{
    margin:0;
}
.logo
{
    margin:0px;
}
.bordered
{
    border-bottom : #ccc 1px solid;
    border-left : #ccc 1px solid;
    border-top : #ccc 1px solid;
    border-right : #ccc 1px solid;
    padding-left : 2px;
    padding-right : 2px;
    padding-bottom : 2px;
    padding-top : 2px;
    
}
.content
{
    padding-left : 8px;
    padding-right : 8px;
    padding-top : 8px;
    padding-bottom : 5px;
}
h1
{
    font-size:130%;
    color: #313284;
}
h2
{
    font-size:120%;
    color: #0f5b7f;
}
h3
{
    font-size:105%;
    color:#156184;
}
h4
{
    font-size:100%;
    color:#156184;
}
h5
{
    font-size:92%;
    color:#156184;
}

.mainback
{
	background-color:#F0F0F0;
}
.shadow
{
	width:932px;
	margin-left:auto;
	margin-right:auto;
	display:block;

}
.test
{
    width:100%;
}
.top
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	display: block;

}
.toplogo
{
    width:85px;
    background-color:White;
    vertical-align:middle;
    display:inline-block;
    padding-left:45px;
    padding-right:45px;
    padding-top:20px;
    padding-bottom:20px;
    float:left;
    
}
.topheading
{
    background-color:#D8D9ED;
    background-image:url("/images/headerback.png");
    background-repeat:repeat-y;
    background-position:right;
    padding-right:45px;
    height:125px;
}
.topheadingtext
{
    vertical-align:middle;
    display:block;
    float:right;
    padding-top:40px;
    text-align:right;
}
.siteheadingtext
{
    color:White;
    font-size:18px;
    font-weight:bold;
    padding:0;
    margin:0;
    
}
.sitesubheadingtext
{
    color:White;
    font-size:16px;
    padding:0;
    margin:0;
    line-height:normal;
}
.sitecontent
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F9F9F9;
	display: block;
	padding-top:5px;
	margin:auto;
	padding:0px;
}
.leftcolumn
{
    width:164px;
    padding:8px;
    float:left;
    display:inline-block;
    background-color:transparent;
    --min-height:500px;
    overflow:hidden;
}
.lefttop
{
    display:inline-block;
    width:inherit;
}
.leftmid
{
    display:inline-block;
    width:inherit;
}
.middlewrapper
{
}
.topmiddlecolumn
{
	width:548px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	border-left-width:1px;
    border-left-style:solid;
    border-left-color:#DDECFF;
    border-right-width:1px;
    border-right-style:solid;
    border-right-color:#DDECFF;
    padding-left:5px;
    padding-right:5px;
	display: inline-block;
	float:left;
	margin:auto;
	padding:0px;
	
}
.middlecolumn
{
	width:548px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	border-left-width:1px;
    border-left-style:solid;
    border-left-color:#DDECFF;
    border-right-width:1px;
    border-right-style:solid;
    border-right-color:#DDECFF;
    padding-left:5px;
    padding-right:5px;
	display: inline-block;
	float:left;
    overflow:hidden;
	padding:0px;
	--min-height:500px;
	
}
.rightcolumn
{
    width:154px;
    padding:8px;
    float:left;
    display:inline-block;
    background-color:transparent;
    --min-height:500px;
    overflow:hidden;
}
.righttop
{
    display:inline-block;

}
.rightmid
{
    display:inline-block;

}
.userform
{
    display:inline-block;
    margin:0;
}

.bar
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#DDECFF;
	display: block;
	width:auto;
	height:auto;
	border-bottom-color:Gray;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-top-color:Gray;
	border-top-style:solid;
	border-top-width:thin;
	text-align:center;
}
.barextra
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#DDECFF;
	display: block;
	margin:auto;
	height:auto;
	border-bottom-color:Gray;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-top-color:Gray;
	border-top-style:solid;
	border-top-width:thin;
	text-align:center;
}
.internalcontent
{
    width:100%;
    background-color:#F9F9F9;
    display:inline-block;
    height:auto;
}
.categoryheading
{
    background-color:#f0fbff;
    border:#be9c7a 1px dotted;
    text-transform:uppercase;
    padding-bottom:2px;
    text-align:center;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:2px;
    padding-top:2px;
    color:#f60;
}
.categorymenu
{
    list-style-image:url(/images/orangelistarrow.gif);
    list-style-position:outside;
}
.categorymenuitem
{
    padding-left:2px;
    padding-right:2px;
    text-align:left;
    font-size:90%;
    list-style-type:none;
}

.sitecontent li
{
    padding-left:2px;
    padding-right:2px;
    text-align:left;
    font-size:90%;
    list-style-type:none;
}
.sitecontent ul
{
    list-style-image:url(/images/orangelistarrow.gif);
    list-style-position:outside;
}


/* News Gallery */
.newsarticle
{
    border-width:thin;
    border-style:solid;
    border-color:#DDECFF;
    margin-bottom:25px;
    margin-left:auto;
    margin-right:auto;
    width:515px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:10px;
    padding-top:0;
    display:block;
    background:url(/images/newsheader.png) repeat-x;
}
.newsheading
{
    line-height:120%;
    font-size:105%;
    color:#3a3494;
    text-decoration:none;
}

.newscontent
{
    display:block;
    overflow:auto;
}
.newsnavigation
{
    display:block;
    overflow:hidden;
}
.newslisttext
{
    text-decoration:none;
}
.newslist
{
     text-decoration:none;
     color:#3a3494;
     background-color:White;
}
.newslista
{
     text-decoration:none;
     background:url(/images/newsheader.png) repeat-x;
     color:White;
}
.newssummarylink
{
    text-decoration:none;
}
.newsdate
{
    color:Black;
}

/* Gallery Parts..*/

.gallerytitle
{
    color:#313284;
}
.gallerydesc
{
    color:#313284;
    
}
.gallerygrid
{
    border-width:0;
    padding:15px;
}
.gallerygrid tr.odd
{
    background:#f4f9fe;
}
.imagetitle
{
    background-color:#f0fbff;
}
.imagedesc
{
    font-size:80%;
    color:#313284;
    vertical-align:top;
}
.imagetaken
{
    font-size:92%;
    color:Gray;
    font-style:italic;
}
.galleryimage
{
    border:0;
    margin:0px;
    height:120px;
    width:120px;
    
}
.bottombar
{
    text-decoration:none;
    color:#212a3a;
    text-transform:uppercase;
    
}
/* callouts */

.calloutgallery
{
    padding:0;
    margin:0;
    padding:0;
    border-width:0;
    border-style:none;
    text-align:center;
    vertical-align:middle;
    width:120px;
    height:106px;
    
}

/* images */
.contentimagedesc
{
    padding:0px;
    padding-top:2px;
    color:#156184;
    font-size:60%;
}
.contentimagecontainer
{
    border-width:thin;
    border-color:#DDECFF;
    border-style:solid;
    padding:2px;
    margin:0px;
}
.contentimagecontainermiddle
{
    border-width:thin;
    border-color:#DDECFF;
    border-style:solid;
    padding:2px;
    margin:0px;
}

.contentimagecontainerleft
{
    border-width:thin;
    border-color:#DDECFF;
    border-style:solid;
    padding:2px;
    margin:0px;
    float:left;
    width:160px;
}
.contentimagecontainerleftside
{
    border-width:thin;
    border-color:#DDECFF;
    border-style:solid;
    padding:2px;
    margin:0px;
    float:left;
    width:350px;
}
.contentimagecontainerright
{
    border-width:thin;
    border-color:#DDECFF;
    border-style:solid;
    padding:2px;
    margin:0px;
    float:right;
    width:160px;
}
.contentimagecontainerrightside
{
    border-width:thin;
    border-color:#DDECFF;
    border-style:solid;
    padding:2px;
    margin:0px;
    float:right;
    width:350px;
}
.contentimage
{
    border-width:thin;
    border-color:#DDECFF;
    border-style:solid;
    padding:2px;
    margin-left:5px;
    margin-right:25px;
    margin-top:0px;
    margin-left:0px;
}

.contentimagemiddle
{
    border-width:thin;
    border-color:#DDECFF;
    border-style:solid;
    padding:2px;
    margin:0px;
}

.contentimageleft
{
    border-width:thin;
    border-color:#DDECFF;
    border-style:solid;
    padding:2px;
    margin:0px;
    float:left;
}
.contentimageleftside
{
    border-width:thin;
    border-color:#DDECFF;
    border-style:solid;
    padding:2px;
    margin:0px;
    float:left;
}
.contentimageright
{
    border-width:thin;
    border-color:#DDECFF;
    border-style:solid;
    padding:2px;
    margin:0px;
    float:right;
}
.contentimagerightside
{
    border-width:thin;
    border-color:#DDECFF;
    border-style:solid;
    padding:2px;
    margin:0px;
    float:right;
    
}

.contentimagewithdesc
{
    padding:2px;
    margin:0px;
}
.contentimagewithdescmiddle
{
    padding:2px;
    margin:0px;
}

.contentimagewithdescleft
{
    padding:2px;
    margin:0px;
    float:left;
    width:160px;    
}
.contentimagewithdescleftside
{
    padding:2px;
    margin:0px;
    float:left;
    width:350px;    
}
.contentimagewithdescright
{
    padding:2px;
    margin:0px;
    float:right;
    width:160px;    
}
.contentimagewithdescrightside
{
    padding:2px;
    margin:0px;
    float:right;
    width:350px;
}


.newslink
{
    text-decoration:none;
    border-bottom:#ccccc 1px solid;
    
}



a.prevbutton {
float: left;
width: 100px;
height: 20px;
padding: 15px 20px 10px 45px;
color:#666666;
text-decoration: none;
background:url(/images/button_prev.jpg) no-repeat 0px 0px;
}

a.prevbutton:hover {
color:#333333;
background:url(/images/button_prev.jpg) no-repeat 0px -45px;
}

a.nextbutton {
float: right;
width: 100px;
height: 20px;
padding: 15px 20px 10px 45px;
color:#666666;
text-decoration: none;
background:url(/images/button_next.jpg) no-repeat 0px 0px;
}

a.nextbutton:hover {
color:#333333;
background:url(/images/button_next.jpg) no-repeat 0px -45px;
}

/* shadow stuff */
.main_t {background: url(/images/t.png) 0 0 repeat-x; width: 100%}
.main_b {background: url(/images/b.png) 0 100% repeat-x}
.main_l {background: url(/images/l.png) 0 0 repeat-y}
.main_r {background: url(/images/r.png) 100% 0 repeat-y}
.main_bl {background: url(/images/bl.png) 0 100% no-repeat}
.main_br {background: url(/images/br.png) 100% 100% no-repeat}
.main_tl {background: url(/images/tl.png) 0 0 no-repeat}
.main_tr {background: url(/images/tr.png) 100% 0 no-repeat; padding:16px;  height:auto;} 

/*css menu*/


#menuh-container
	{
	}

#menuh
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:auto;
	/*text-transform:none;*/
    font-size:90%;
	display:inline-block;
	}
		
#menuh a
	{
	text-align: left;
	display:block;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #212a3a;
	font-size:11px;
	font-weight:normal;
/*	background-color: #ddecff;*/
	text-decoration:none;
	/*text-transform:uppercase;*/
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: #212a3a;
	background-color: #ddecff;
	text-decoration:none;
	}	
	
#menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-color: #2A2F83;
	color:#ddecff
	}
	
#menuh a.top_parent  /* attaches down-arrow to all top-parents */
	{
	background-color: #ddecff;
	color:Black
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	--background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
		
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/*width:8em;*/	/* width of all menu boxes */
	width:auto;
	margin-right:1em;
	background-color:White;
	text-transform:none;
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	background-color:White;
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	/*padding: 1em;*/
	padding:0;
	/*margin:-1em 0 0 -1em;*/
	margin: 0em 0 0 0em;
	width:auto;

	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;border-style:solid;border-width:thin;background-color:White;}

/* End CSS Drop Down Menu */

