/********************** Controls Page Spacing *****************************/

* {margin: 0;
    padding: 0;
}
	
	
	
/******************** Headings and Generic Styles **************************/


.bodytext {
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}


.bodytextbold {
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-style: normal;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	color: #666666;
}


.sidebartext {
	font-size: 10px;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

.sidebartextbold {
	font-size: 10px;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-style: normal;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
.subhead {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	color: #00387F;
}
 


/**************************** Layout *****************************/


.xcontent {
	margin: 0px auto 10px;
	width: 780px;
	background-image: url(../images/wrapper-b.gif);
}

.xheader {
	clear: both;
	color: #808080;
	border-bottom: #ccc;
	height: 300px;
	background-image: url(../images/wrapper-a.jpg);
	background-repeat: repeat-x;
}



/************************ left side **************************/



.xleft {
	float: left;
	width: 540px;
	margin: 20px 0 20px 0;
}

	.xleft_articles {
		margin: 0 0 15px 0;
		padding: 0 10px 0 20px;
}



.xleft2 {
	float: left;
	width: 780px;
	margin: 20px 0 20px 0;
}

	.xleft_articles2 {
		margin: 0 0 20px 0;
		padding: 0 20px 0 20px;
}

	
.xthumb {
	float: left;
	width: 150px;
	border: 1px solid #d4d4d4;
	color: #fff;
	background: #6e6e6e;
	margin: 0 15px 15px 0;
	padding: 5px;
}

.xthumb p { margin: 0; padding: 3px; color: #FFF; background: #6e6e6e; }
	
/***************************** right side ******************************/
		

.xright {
	float: right;
	width: 220px;
	margin: 20px 0 10px 0;
}
		
	.xright_articles {
		padding: 4px 8px;	
		margin: 0 0 10px 0;
	}
	
			
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/********************************* footer *************************************/


.xxfooter {
	clear: both;
	text-align: center;
	background: #FFF url(dot.gif) repeat-x;
	padding: 8px 0;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.xfooter {
	clear: both;
	text-align: center;
	background: url(../images/footer.jpg) no-repeat 50% 0;
	padding: 20px 0 15px 0;
	background-color: #FFFFFF;
}
.footerlinks {
	font-size: 10px;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}


.xfooter p { background: transparent; color: #EEEEEE; font-size: 10px; line-height: normal; margin: 0 0 .4em 0; text-align: center; text-transform: none; }

.xfooter a:link, #footer a:visited { background: transparent; border-bottom: 1px dotted #EEEEEE; color: #91C1E5; font-size: 10px;text-decoration: none; }

.xfooter a:hover, #footer a:focus, #footer a:active {
	background: transparent;
	color: #999999;
	font-size: 10px;
}


/************************* Lists ****************************************************/
#content ol { list-style-position: inside; list-style-type: lower-roman; }

#content ul { list-style-type: none; }

#content ul li {
	background: transparent url(../images/li_bullet.gif) no-repeat 0 3px;
	padding-left: 22px;
}

#content dt { font-weight: bold; }

/****************************************** Forms ***************************************/
label { background: transparent; color: #999999; display: block; font-size: .9em; }

label span { background: transparent; color: #999500; font-size: .8em; text-transform: uppercase; }

input, textarea, select { background: transparent url(../images/form_inputtext.jpg) repeat-x 0 0; border: 1px solid #DDDDDD; color: #666666; font: .9em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; margin-top: .5em; padding: 2px; }

#contactform table td { padding: 0 10px .5em 0; }

#contactform-name, #contactform-email, #contactform-subject, #contactform-message { width: 200px; }

#contactform-subject, #contactform-message { width: 427px; }

#contactform-message { height: 140px; }

input.imagesubmit { border: none; margin: 0; padding: 0; }






/*********************************** Warnings and notes ****************************************/
p.note-general, p.note-didyouknow {
	background: transparent;
	border: 1px solid #DDDDDD;
	color: #003277;
	font-size: 10px;
	color: #003277;
	padding: 4px 4px 4px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 500px;
}

p.note-didyouknow { background: url(../images/note_warning.gif) no-repeat 8px 50%; }

p.note-general:before {
	background: transparent;
	color: ##003277;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}

p.note-didyouknow:before { background: transparent; color: ##003277;  font-weight: bold; }


p.note-general:hover {
	border: 1px solid #999500;
	color: #003277;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

p.note-didyouknow:hover { border: 1px solid #FF6347; color: #666666; }



/************************* Images and thumbnails **********************/
.content-randomimage img { border: 1px solid #91C1E5; margin: 0; padding: 1px; }

.content-randomimage p { background: transparent; color: #999999; font-size: 10px; margin: 0 0 .8em 0; padding-right: 4px; text-align: right; text-transform: uppercase; }

.content-thumbnail { border: 1px solid #DDDDDD; padding: 1px; }



/*****************************Added css ********************************/

.image {
	float: left;
	margin: 0 20px 0 0;
}

.imageb {
	float: left;
	margin: 0 10px 10px 0;
}

.imagethmb {
	float: left;
	margin: 0 6px 0 0;
}


.captioned_pimage {
position: relative;
padding-bottom: 15px;
float: left;
margin-right: 25px;
width: 160;
}


.captioned_pimageb {
position: relative;
padding-bottom: 15px;
float: left;
margin-right: 15px;
width: 120;
}


.bg1 {
	padding: 0 20px 20px 20px;
	border-top: 1px solid #FFFFFF;
	background: #FFFFFF url(../images/img4.gif) repeat-x;
}

.bg2 {
	padding: 20px;
	border-top: 1px solid #CBE1EF;
	background: #FFFFFF url(../images/img4.gif) repeat-x;
}

.box1 {
	padding: 20px 0px 20px 20px;
	
}

.box2 {
	padding: 20px 0px 20px 30px;
	
}



/******************************** Floats *********************************/
.float-left { float: left; margin-right: 10px; }

.float-right { float: right; margin-left: 10px; }





<!-- These CSS-styles are necessary for the script to work. You may also put them in an external CSS-file. See the webpage for documentation.-->


.highslide {
	cursor: url(../highslide/graphics/zoomin.cur) , pointer;
    outline: none;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 0px solid white;
}

.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}