body, h1, h2, h3, h4, h5, h6, blockquote, dd, dl, hr, p, form{margin: 0;padding: 0;}

body{margin: 0;font-family: Arial, Helvetica, Verdana, Sans-serif;font-size: 12px;text-align: left;vertical-align: top;background: #e5e6e7 url(images/background.jpg) top center repeat-y;color: #000;}

a:link, a:visited{text-decoration: underline;color: #336699;}
a:hover{text-decoration: none; color: #ff0000;}
p{padding: 10px 0 0 0;}

.right {float:right}
.left {float: left}
.clear {clear:both}
.half {width:47%;}

h1{font-size: 24px;padding: 0 0 10px 0;}
h2{font-size: 20px; color: #181561; font-weight: normal}
h3{font-size: 17px; color: #181561; font-weight: normal}
h4 {font-size: 14px; color: #181561; font-weight: normal}

#header {width:910px; margin: 0 auto; background: #72bce5 url(images/headerbg.jpg) no-repeat top; height: 200px; color: #fff;}
#header h2 {margin:25px 0 0 50px; font-weight: normal; color: #fff;}
#header .tel {padding: 10px 20px}
#header .logo {padding:50px 10px 0 50px}
#header .logo img {margin-right:40px}
#header .powered {margin-top: 50px}

#nav {margin:10px 0 0 45px; padding:0; font-size: 13px;}
#nav a {color: #fff; text-decoration: none}
#nav li {list-style:none; display:inline; margin:0 15px}

#wrapper{margin: 0 auto;width: 910px; background: #fff;}

#container {width:600px; float: left; padding:20px}
#container a {color:#54bceb; text-decoration: none}
#container a:hover {text-decoration: underline}
.post{padding: 10px 0 10px 0; color: #333;}
.post h2{font-size: 22px; color: #181561; font-weight: normal}
#container .post h2 a {text-decoration: none; color: #181561}
.entry{line-height: 18px;}
p.postmetadata{border-top: 1px solid #ccc;margin: 10px 0 0 0;}
.navigation{padding: 10px 0 0 0;font-size: 14px;font-weight: bold;line-height: 18px;}


.sidebar {width:220px; float: right; padding:20px}
.sidebar ul{list-style-type: none;margin: 0;padding: 0 10px 0 10px;}
.sidebar ul li{padding: 10px 0 10px 0;}
.sidebar ul li h2{font-family: Arial, Sans-serif;font-size: 17px;color: #181561; font-weight: normal}
.sidebar ul ul li{padding: 0; line-height: 24px;}

#footer {width:870px; margin:0 auto; padding: 10px 20px; background: #6fb0dd url(images/footerbg.gif) repeat-x top; color: #fff;}
#footer a {color:#fff;}
#footer p {line-height: 18px; font-size: 11px}

.comments-template{margin: 10px 0 0;border-top: 1px solid #ccc;	padding: 10px 0 0;}
.comments-template ol{margin: 0;padding: 0 0 15px;list-style: none;}
.comments-template ol li{margin: 10px 0 0;line-height: 18px;padding: 0 0 10px;border-bottom: 1px solid #ccc;}
.comments-template h2, .comments-template h3{font-size: 16px;}
.commentmetadata{font-size: 12px;}
.comments-template p.nocomments{padding: 0;}
.comments-template textarea{font-size: 12px;}

/* Begin Images */
p img {padding: 0;	max-width: 100%; border:none}

/*	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}
/* End Images */