/*
Theme Name: Sternfisher
Theme URI: http://www.sternfisher.com/
Description: Made on order for Stern Fisher by <a href="http://www.erachnida.com/">Erachnida Technologies</a>.
Version: 2.0
Author: Erachnida Technologies
Author URI: http://www.erachnida.com/
Tags: blue, grey, custom header, fixed width, two columns, widgets
*/


body{margin:10px 0px 0px 0px; font-family:"Arial"; font-size:12px; color:#484848;}

h1,h2,h4{color:#005794; text-align:left;}
h1{font-size:24px; border-bottom:1px solid #d3d3d3; padding:0px 10px 10px 0px;}
h2{font-size:18px;}
h3{color:#a98c54; font-size:24px; margin:0px 0px 5px 0px;}
h4{font-size:14px; font-weight:100;}
a{color:#d09219; text-decoration:none; border:none;}
a:hover{color:#d09219; text-decoration:underline; border:none;}

#wrap{width:990px; height:auto;}
#header{width:990px; height:105px; float:left; clear:both;}
#logo{width:130px; height:96px; float:left;}
#fb{width:200px; height:70px; float:left;}
#head-right-wrap{width:630px; height:105px; float:right;}
#toplinks{text-align:right; height:14px; clear:both; width:630px;}
#head-text{clear:both; width:630px; height:60px; float:right;}
#top-nav{width:490px; height:31px; float:right; clear:both; background:url(imgs/top-nav-bg.png);}
#top-nav .L{width:14px; height:31px; float:left; background:url(imgs/top-nav-L.png);}
#top-nav .nav{width:462px; height:23px; float:left; background:url(imgs/top-nav-bg.png);  padding:8px 0px 0px 0px; z-index:1;}
#top-nav .R{width:14px; height:31px; float:right; background:url(imgs/top-nav-R.png);}

#top-nav a{color:#FFFFFF; text-decoration:none; font-weight:bold; padding:0px 5px;}
#top-nav a:hover{color:#F1F1F1; text-decoration:none; font-weight:bold;  padding:0px 5px;}


#banner{width:990px; height:309px; float:left; clear:both; background: url(imgs/banner-home-blank.png);}
#banner #msg{width:480px; height:225px; float:left; margin-top:25px; text-align:left; padding-left:40px;}
#msg .tx1{font-size:30px; font-family:"Arial Black"; color:#FFFFFF;}
#msg .tx2{font-size:26px; font-family:"Arial Black"; color:#cef0ff;}

#con-wrap{width:990px; height:auto; float:left; margin:15px 0px; clear:both;}
#content{width:700px; height:auto; float:left; margin:0px 26px 0px 0px; text-align:justify;}
#sidebar{width:264px; height:auto; float:left;}
#sidebar ul {margin:0px 0px 0px 5px; padding:10px;}
#sidebar ul li{line-height:18px; margin:0px 0px 2px 0px; list-style-image: url(imgs/blue_bullet.png)}
#box{width:264px; height:auto; float:left; clear:both; text-align:left; margin-bottom:15px;}
#box .T{width:264px; height:14px; background:url(imgs/side_box_TOP.png) no-repeat; float:left;}
#box .M{width:234px; height:auto; background:url(imgs/side_box_BG.png) repeat-y; padding:0px 15px; float:left;}
#box .B{width:264px; height:14px; background:url(imgs/side_box_BOT.png) no-repeat; float:left;}

#footer{height:76px; width:100%; background:url(imgs/footer_BG.png) repeat-x #1c1d1f; clear:both; float:left; text-align:center;
	padding-top:30px;
}
/* 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;
	}
/* End Images */