/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{ font:12px/18px Arial, Helvetica, sans-serif;color: #333333;margin: 0px;padding: 10px 0px 0px;	background-color: #000033;}

a{color: #000033;text-decoration: none;}
a:link{color: #000033;text-decoration: none;}
a:visited{color: #000033;text-decoration: none;}
a:hover{color: #333333;text-decoration: underline;}

h1,h2, h3, h4, p,blockquote,li, form,td,tr,table, a href{margin: 0;padding-top: 0;padding-right: 10px;padding-bottom: 0.4em;padding-left: 10px;}
h1{font-family: Arial, sans-serif;font-size: 18px;color: #333333;text-transform: uppercase; padding-top:12px;}
h2{font-family: Arial,sans-serif;font-size: 14px; color: #333333; padding-top:12px;}
h3{font-family: Arial,sans-serif; font-size: 14px; color: #333333;}
h4{font-family: Arial, sans-serif;font-size: 14px;font-weight: bold; color: #333333;}
h5{ font-family: Arial,sans-serif; font-size: 12px; color: #333333;margin: 0px;padding: 0px;}

ul{list-style-type: square;}
ul ul{list-style-type: disc;}
ul ul ul{list-style-type: none;}

label{font-family: Arial,sans-serif;font-size: 12px;font-weight: bold;color: #333333;}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container{padding: 0px;width: 749px;margin-right: auto;margin-left: auto;background-image:url(images/bg.jpg);background-repeat: repeat-y;background-color:#FFFFFF;border-right-width: 1px solid #3D3D3D;}
#masthead{padding: 0px;border-bottom: 0px;width: auto;}
#navBar{float: left;width: 20%;height: 600px;margin: 0px;padding: 0px;}
#leftbar{float: left;width:100%;padding: 0px;background-color: #000033;	margin-top: 50px;border: 1px solid #666666;}
#headlines{ float:right;width:20%;padding-right: 0px; margin:0;}
#content{float: left;width: 55%;padding-right:0;background-color: #FFFFFF;margin: 5px 0 0 0;}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{margin: 0;padding: 0 0 0 10px;}


/************* #globalNav styles **************/

/************* #headimg styles **************/
#headimg {background-color: #000000;}
#globalNav{padding: 0px 0px 3px 10px;color: #cccccc;}
#globalNav img{display: block;}
#globalNav a {font-size: 13px;padding: 0 4px 0 0;}

/*************** #pageName styles **************/
#pageName{margin: 0px;padding: 0px 0px 0px 10px;}


/************** .feature styles ***************/
div.feature{margin-top: 15px;padding: 20px 10px 10px 10px;}
.feature h3{padding: 0px 0px 5px 0px;text-align: left;}

/************** .story styles *****************/
.story{font-size: 11px;	border: 1px solid #CCCCCC;margin-top: 15px;padding: 20px 10px 10px 10px;}
.story p{padding: 0px 0px 10px 0px;}


/************* #siteInfo styles ***************/
#siteInfo{clear: both;font-size: 9px;color: #999999;padding: 10px 10px 10px 10px;}
#siteInfo img{padding: 4px 4px 4px 10px;vertical-align: middle;}


/*********** #navBar link styles ***********/
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/
#sectionLinks{position: relative;margin: 0px;padding: 0px;font-size: 12px;}
#sectionLinks h3{padding: 10px 0px 2px 10px;}
#sectionLinks a {display: block;padding: 2px 0px 2px 10px;}

/*********** .relatedLinks styles ***********/
.relatedLinks{position: relative;margin: 0px;padding: 0px 0px 0 10px;font-size: 12px;border-top: 0px solid #666666;}
.relatedLinks h3{padding: 10px 0px 2px 0px;}
.relatedLinks a:link, .relatedLinks a:visited {display: block;}

/************** #advert styles **************/
#advert{padding: 30px 20px 10px 15px;}
#advert img{display: block;}

/************** #headlines styles **************/
#headlines{margin: 0px;	padding: 10px;font-size: 11px;}
#headlines p{padding: 5px 15px 5px 0px;}

/************** #formlogin styles **************/
#reglogin {padding: 0px 5px 3px 0px;}

.img {border:1px solid #707070; margin:10px 0;}

/************** #xsnazzy styles **************/
#xsnazzy h1, #xsnazzy h2, {margin:0; letter-spacing:1px;}
#xsnazzy h1 {font-size:1.5em; color:#333333;}
#xsnazzy h2 {font-size:1.5em;color:#333333; border:0;}
#xsnazzy p {padding-bottom:0.5em;  margin:0 10px; letter-spacing:1px;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FFFFFF; border-left:1px solid #CCCCCC ; border-right:1px solid #CCCCCC ;}
.xb1 {margin:0 5px; background: #CCCCCC;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#FFFFFF; border:0 solid #CCCCCC; border-width:0 1px;}

.dotted {width:325px;padding: 0px;height: 1px;margin-top: 10px;margin-right: 0;margin-bottom: 10px;margin-left: 30px;border-top-width: 1px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: dotted;border-right-style: none;	border-bottom-style: none;border-left-style: none;border-top-color: #CCCCCC;visibility: visible;}