/************
  * Misc Styles and defaults
  */
  
* {
	margin: 0;
	padding: 0;
}
body {
	color: #333;
 	font-size: 70.0%; 
 	margin-bottom: 40px;
	font-family: Arial, Lucida, sans-serif;
        margin-top: 10px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

hr {
margin-top: 10px;
border-bottom: 1px solid #B2B2B2;
}

html {
	background: #626467;
}
.clear{
	clear:both;
}
img {
	/*border: 4px solid #E9E9E9;*/
}
p {
  padding: 0px;
  //text-align: justify;
}

a {
color: #091D76;
text-decoration: none;
}
h2 {
font-size: 13px;
}
img.left {
margin-right: 10px;
}
/**************
 	Site Container Box
*/
#BgContainer {
	width: 960px;
	margin: 0 auto;
	background: #FFF;
	padding: 10px;
}
#Container { 
	width: 960px;
	padding-bottom: 15px;
	background: #fff;
	}
#Layout {
	width: 540px;
	overflow: hidden;
	float: left;
	margin-left: 10px;
	margin-top: 10px;

}
#Content {
	width: 538px;
	float: right;
	margin: 0;
	text-align: left;
}
/** Header **/
#Header {
 	width: 960px;
 	height: 150px;
 	margin: 0 auto;
	overflow: hidden;
	background: #040586;
	}
#HeaderLogo {
border: 0px;
padding: 0px;
margin: 0px;
float: left;
}

/** Righthand bar **/
#RightBar {
width: 200px;
float: right;
}

#RightBar h2 {
color: #040586;
}

#RightBar b {
color: #040586;
}

/** Lefthand bar **/
#LeftBar {
width: 200px;
float: left;
}

#LeftBar h2 {
color: #040586;
}

.gallery {
margin-top: 10px;
width: 538px;
border: 1px solid #B2B2B2;
background: #EFEFEF;
padding-top: 10px;
padding-bottom: 10px;
float: left;
}

.galleryImage {
margin-left: 10px;
float: left;
padding: 4px;
border: 1px solid #B2B2B2;
background: #FFFFFF;
}

.galleryImage img{
border: 0px;
padding: 0px;
text-decoration: none;
}

.GalleryTitle {
margin-left: 10px;
margin-bottom: 10px;
}

/** Development Holder **/
.DevelopmentHolder {
list-style: none;
margin: 0px;
padding: 0px;
}

/** Lightbox CSS **/

#filter {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 1200px;
background: #000000;
z-index: 100;
opacity: 0.7;
filter: alpha(opacity=70);
}

#RegForm {
display: none;
position: absolute;
top: 180px;
padding: 10px;
border: 2px solid #B2B2B2;
background: #FFFFFF;
z-index: 101;
overflow: auto;
}

#RegForm h2 {
text-align: center;
text-decoration: underline;
}

#LightboxYes {
float: right;
display: block;
margin-top: 30px;
height: 30px;
line-height: 30px;
width: 120px;
text-align: center;
font-weight: bold;
border: 1px solid #B2B2B2;
background: #EFEFEF;
color: #00FF00;
}

#LightboxNo {
float: left;
display: block;
margin-top: 30px;
height: 30px;
line-height: 30px;
width: 120px;
text-align: center;
font-weight: bold;
border: 1px solid #B2B2B2;
background: #EFEFEF;
color: #FF0000;
}

#LightboxSubmit {
float: right;
display: block;
margin-top: 30px;
height: 30px;
line-height: 30px;
width: 120px;
text-align: center;
font-weight: bold;
border: 1px solid #B2B2B2;
background: #EFEFEF;
color: #00FF00;
}
#Form_PopupForm_action_ProcessPopup {
float: right;
display: block;
margin-top: 30px;
height: 30px;
line-height: 30px;
width: 120px;
text-align: center;
font-weight: bold;
border: 1px solid #B2B2B2;
background: #EFEFEF;
color: #00FF00;
}

#LightboxClose {
float: left;
display: block;
margin-top: 30px;
height: 30px;
line-height: 30px;
width: 120px;
text-align: center;
font-weight: bold;
border: 1px solid #B2B2B2;
background: #EFEFEF;
color: #FF0000;
}

/** Side Boxes **/

.sidebox {
	margin-top: 10px;
	padding: 5px;
	background: #EFEFEF;
	border: 1px solid #B2B2B2;
	overflow: hidden;
}

#marqueecontainer{
position: relative;
height: 150px; /*marquee height */
overflow: hidden;
}

/** Scroller Layout **/
div.scroller {
	/* modify width and height of scrolling section if necessary	*/
	width: 538px;
	height: 300px;
	overflow: hidden;
	border:1px solid #B2B2B2;
	}
div.scroller div.section {
             /* modify width and height of each section as needed (should match the size of the scroller window)	*/
             width:518px;
             height:300px;
             overflow:hidden;
             float:left;
             padding-left: 10px;
             padding-right: 10px;
             /*position: relative;*/
             }
div.scroller div.content {
             width: 10000px;
             height: 300px;
             /*overflow: hidden;
             position: relative;*/
             }
.ScrollerImage {
             position: relative;
             top: 0px;
             left: -10px;

}

.ScrollerImage img {
             margin: 0px;
}
.ScrollerMore {
              display: block;
              width: 120px;
              height: 30px;
              line-height: 30px;
              background: #EFEFEF;
              border: 1px solid #B2B2B2;
              /*position: relative;*/
              clear: both;
              margin-top: 5px;
              float: left;
              text-align: center;
              text-decoration: none;
              font-weight: bold;
}

div.controls {
             width: 188px;
             margin-top: 10px;
             margin-bottom: 10px;
}
div.controls a {
             display: block;
             margin-top: 5px;
             line-height: 24px;
             height: 24px;
             width: 173px;
             border-bottom: 1px dashed #040586;
             padding-left: 15px;
}
div.controls a:hover {
             border-left: 5px solid #040586;
             padding-left: 10px;
             cursor: pointer;
}


/*** Main Nav ***/
#Navigation {
	width: 198px;
	margin-top: 10px;
	overflow: hidden;
	background: #EFEFEF;
	border: 1px solid #B2B2B2;
}
#Navigation ul {
            width: 198px;
	}
	#Navigation ul li {
	 	list-style: none;
		float: left;
		width: 198px;
		height: 30px;
		line-height: 30px;
		display: block;
		}
  		#Navigation ul li a {
			text-decoration: none;
			display: block;
			height: 30px;
			font-size: 1.2em;
			padding-left: 15px;
			color: #040586;
			}
		#Navigation ul li a span {
			text-align: center;
			height: 30px;
		        }
			#Navigation ul li a:hover {
			 	background: #B2B2B2;
                                color: #444;
                                padding-left: 10px;
                                border-left: 5px solid #040586;
				cursor: pointer;
				}
			#Navigation ul li a:hover span {
				background: #B2B2B2;
				cursor: pointer;
			}
    		#Navigation ul li a.current,
    		#Navigation ul li a.section,
    		#Navigation ul li a.section:hover,
    		#Navigation ul li a.current:hover {
			 	background: #B2B2B2;
                                color: #444;
                                padding-left: 10px;
                                border-left: 5px solid #040586;
				}
			#Navigation ul li a.current span,
			#Navigation ul li a.section span,
    		        #Navigation ul li a.section:hover span,
			#Navigation ul li a.current:hover span {
				background: #B2B2B2;
				color: #444;
			}

/** Breadcrumbs **/
#Breadcrumbs {
 	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em;
	margin: 0px 5px 10px 0;
	}
	#Breadcrumbs p {
		margin: 0;
	}

/*** Message Boxs ***/

.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

/** News Pages **/
.news_links {
        list-style: none;
        margin: 0px;
        padding: 0px;
        display: block;
}

/* Side Menu
***********************************/
.sidemenu {
list-style: none;
width: 188px;
}

.sidemenu li {
height: 30px;
line-height: 30px;
clear: both;
}

.sidemenu li a.link {
display: block;
margin-top: 5px;
line-height: 24px;
height: 24px;
width: 173px;
border-bottom: 1px dashed #040586;
padding-left: 15px;

}

.sidemenu li a.link:hover {
border-left: 5px solid #040586;
padding-left: 10px;
}

.sidemenu li a.current {
display: block;
margin-top: 5px;
line-height: 24px;
height: 24px;
width: 178px;
border-bottom: 1px dashed #040586;
border-left: 5px solid #040586;
padding-left: 10px;
}

	
/* Comments
******************************************/

#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
#PageComments li.odd {
	background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
	border-bottom: 2px solid #BCE4FE;
}

#PageComments li.even {
	background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
	padding-right: 40px;
	padding-left: 10px;
}

#PageComments li.odd p.info {
	color: #3AA0C3;
}

.actionLinks li a {
	padding-right: 3px;
	font-size: 10px;
}
.actionLinks li {
   display: inline;
   border-right: 1px solid;
}
   .actionLinks li.last {
      border-right: none;
   }

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
#PageComments p.info {
	color: #999;
	margin: 0px;
	padding: 0;
	line-height: 1em;
	font-size: 0.9em;
}

/* Search Results 
*****************************************/
ul#SearchResults {
	margin: 10px 0;
}
ul#SearchResults li {
	list-style: none;
	margin: 5px 0;
	font-size: 1em;
}

/* Unsubscribe Newsletter
*****************************************/
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
}
	#Unsubscribe_MailingListForm_MailingListForm p label{
		display: inline;
	}

#Unsubscribe_MailingListForm_MailingListForm label{
	margin:0;
}


/* Footer 
*****************************************/

#Footer { 
 	clear: both;  
	width: 960px;
	height: 5em;
	text-align: center;
	border-top: 1px solid #CDCDCD;
	}
	#Footer .footerTop {
		width: 100%;
		display: block;
		height: 2em;
	}
  	#Footer p { 
		color: #ABABAB;
		font-size: 1.1em;
		text-align: center;
		margin-top: -0.6em;
	}
  	#Footer a { 
	   	color: #ABABAB;
	   	text-decoration: none;
		}
	#Footer a:hover {
		color: #ABABAB;
		text-decoration: underline;
	}