﻿/* CSS Document */



*{padding: 0;}

.clear{clear: both;}

p b{color: #0066cc;}

body{font-family: Helvetica, Arial, sans-serif;font-size: 12px;color: #000000;background-color: #ffffff;margin: 0px auto;}

a{color: #5B8DDA;}

a:hover{color: #03C;text-decoration: underline;}

a:visited{color: #5B8DDA;text-decoration: underline;}

h1{font-size: 18px;font-weight: bold;color: #4A7FDA;padding: 0px;margin: 15px 0px 0px 0px;}

h2{font-size: 16px;font-weight: normal;color: #9EC5FE;padding: 0px;margin: 0px 0px 10px 0px;}

h3{font-size: 14px;font-weight: bold;color: #72A6F9;padding: 0px;margin: 0px 0px 10px 0px;}

h4{}

h5{font-size: 11px; font-weight: normal; color: #666; padding: 0px; margin: 0px 0px 10px 0px;}

li{margin: 0 0 0 20px; padding: 0;}

p{margin: 5px 0; padding: 5px 0;}

#logo{float: left;}

#top-nav{float: right; width: 300px; text-align: right; padding: 60px 20px 5px 0px; color: #89A5D4; font-size: 12px; }

#main-nav{background-image: url(images/shadow-left.gif); background-repeat: repeat-y; background-position: left top; width: 41px;}

#nav{width: 41px; padding: 20px 0px 0px 0px; }
#nav a{padding:0px; margin: 0px;}
#nav img{padding:0px; margin: 0px;}

#wrapper{width: 938px;}

#header{background-image: url(images/bluebg.jpg); background-repeat: no-repeat; background-position: center top;}

.box01{padding: 35px 55px;}

.box02{padding: 35px 70px;}

.box03{padding: 35px 70px 35px 70px;}

/*#left-side{width: 590px; float: left; margin: 10px 0px 30px 20px; font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; }*/

#left-side{width: 575px; float: left; margin: 10px 0px 30px 20px; font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; }
.entry {width: 555px; float: left; margin: 10px;}

/* #right-side{float: left; width: 265px; margin: 10px 18px 30px 20px; border-left: solid 1px #333; padding: 0px 10px 0px 10px; font-size: 12px;} #right-side{ font-size: 14px; float: right; width: 260px; margin: 10px 18px 30px 18px; border-left: solid 1px #333; padding: 0px 10px 0px 10px;}*/

#right-side {font-size: 14px; float: right; width: 260px; margin: 10px 18px 30px 18px; padding: 0px 10px 0px 10px; line-height: 16px; border-left:solid 1px #000;}

#right-side ul{padding: 0px; margin: 0px; list-style: none; }

#right-side ul li{padding: 0px; margin: 0px; list-style: none; }

#right-shadow{background-image: url(images/shadow-right.gif); background-repeat: repeat-y; background-position: right top; }


#right-side-sub{font-size: 14px; float: right; width: 260px; margin: 10px 18px 30px 20px; padding: 0px 10px 0px 10px; line-height: 16px;}

#right-side-sub ul{ padding:0px; margin:10 0 0 0px; list-style: none; }

#right-side-sub ul li{padding:0px; margin:0 0 0 20px; list-style: none; font:italic normal 14px / 18px Arial; color:#000; }


/* #right-side-sub2{font-size: 14px; float: left; width: 265px; margin: 10px 18px 30px 20px; padding: 0px 10px 0px 10px; line-height: 16px; border-left:solid 1px #000;} */
#right-side-sub2{font-size: 14px; float: right; width: 260px; margin: 10px 18px 30px 18px; padding: 0px 10px 0px 10px; line-height: 16px; border-left:solid 1px #000;}

#right-side-sub2 ul{ padding:0px; margin:10 0 0 0px; list-style: none; }

#right-side-sub2 ul li{padding:0px; margin:0 0 0 20px; list-style: none; font:italic normal 14px / 18px Arial; color:#000; }

#right-side-sub2 ul li .widgettitle{color:#3a3735; font:bold 16px Arial; margin:0px; padding:8px 0px 0px 10px; text-decoration:none; width:162px; height:24px;}

#right-side-sub2 ul li h3{color:#3a3735; font:bold 16px Arial; margin:0px; padding:8px 0px 0px 10px; text-decoration:none; width:162px; height:24px;}

#right-side-sub2 ul li a{text-decoration:none;}

#right-side-sub2 ul li a:hover{text-decoration:underline;}

#right-side-sub2 ul li ul{list-style:none; padding:0px; margin:0px;}

#right-side-sub2 ul li ul li{list-style:none; margin:0px; font:bold 12px Arial; padding:0px 0px 4px 15px; color:#7b7a7a; line-height:20px; display:block; width:230px;}


.textwidget a{text-decoration:none; padding:0px; margin:0 0 0 20px; font:italic normal 14px / 18px Arial;}

.textwidget a:hover{text-decoration:underline;}


.widgettitle{color:#3a3735; font:bold 16px Arial; margin:0px; padding:8px 0px 0px 10px; text-decoration:none; width:162px; height:24px;}



#center{background-color: #FFF; }

.bold01{color: #06C; font-weight: bold;}



#page-title{

	width: 589px;

	height: 55px;

	text-align: center;

	background-image: url(images/sub-left-head-bg.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	margin: 0;

	padding: 15px 0 0 0;

	font-size: 24px;

	font-weight: normal;

	color: #72A6F9;

}



#wrapper-sub01

{

	width: 938px;

	background-image: url(images/sub-bg.jpg);

	background-repeat: repeat-y;

	background-position: right top;

}



#wrapper-sub02

{

	width: 938px;

	background-image: url(images/sub-bg-head.jpg);

	background-repeat: no-repeat;

	background-position: right top;

}



#left-side-sub

{

	width: 590px;

	float: left;

	margin: 10px 0px 30px 9px;

	font-size: 12px;

	line-height: 18px;

	font-family: Arial, Helvetica, sans-serif;

}

#pic01{float: left; width: 120px; padding: 10px 0px 10px 20px;}

#pic02{float: left; width: 200px; padding: 30px 20px 5px 20px; font-size: 14px; color: #666; }

#pic03{ float: right; width: 160px; padding: 30px 40px 15px 20px;}



#content

{

	margin: 0px 0px 0px 20px;

	width: 570px;

	float: left;

}



.float-left {

	float: left;

}

.float-right {

	float: right;

}


#footer {

	margin: auto;

	clear: both;

	padding: 15px 0px 5px 0px;

	font-size: 11px;

	color: #666666;

	text-align: center;

	line-height: 20px;

}

#footer a {

	color: #666666;

	text-decoration: underline;

}

#footer a:hover {

	color: #C9282d;

}



#txtcenter {

	text-align: center;

}


#footer a:visited {

	text-decoration: underline;

}


/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

}


/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */


img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}


img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

}


img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

}



.alignright {

	float: right;

}


.alignleft {

	float: left;

}

#mc-embedded-subscribe-form {
	
	}

.indicate-required {
	color: #C00;
	font-size: 11px;
	padding: 10px;
	
	}
.note-required {
	color: #C00;
}

.mc-field-group {
	font-size: 12px;
	padding: 5px 10px;
	
	}
#mce-EMAIL {
	
	}
#mce-FNAME {
	
	}
#mce-LNAME {
	
	}
#mc-embedded-subscribe {
	margin: 10px;

	
	}


/* End Images */

