@charset "utf-8";

body  {

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #003399;

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

	font-size: 12px;



}

.twoColFixLtHdr #container { 

	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background: #FFFFFF;

	margin: 0px; padding: 0px; /* the auto margins (in conjunction with a width) center the page */



	text-align: left; /* this overrides the text-align: center on the body element. */

} 

.twoColFixLtHdr #header {

	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

	background-color: #0032D6;

	background-image: url(../images/writersStudio_r1_c3.gif);

	background-repeat: repeat-x;

	background-position: top;

} 

.twoColFixLtHdr #header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}

.twoColFixLtHdr #sidebar1 {

 /* since this element is floated, a width must be given */

	width: 127px; /* the background color will be displayed for the length of the content in the column, but no further */

	padding: 0px;

	background-color: #FFFFCD; padding-bottom: 20px;

}



.twoColFixLtHdr #mainContent { 	 /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */

	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

} 

.twoColFixLtHdr #footer {

	padding: 10px;

	background-color: #003399;

	background-image: url(../images/writersStudio_r1_c3.gif);

	background-repeat: repeat-x;

	background-position: center; text-align: center; color: #ffffff; font-size: 12px;

} 

#footer a:link, #footer a:visited {color: #ffffff;}

#footer a:hover {text-decoration: none;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

#nav {

	background-color: #FF6600;

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

	background-repeat: repeat-x;

	background-position: top;

	height: 31px;

}

#navshadow {

	background-color: #EBEBEB;

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

	background-repeat: repeat-x;

	height: 17px;

}

.menu, ul.catart {

	list-style-type: none; padding: 0px; margin: 0px;}

/*.menu a, ul.catart a { text-transform: lowercase;}*/

.menu li, li.catart_h, li.catart_ha {

	background-color: #FFCC00;

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

	background-repeat: repeat-x;

	background-position: top;

	

}
.menu li {height: 27px;}
.menu li a:link, .menu li a:visited, a:link.catart_h, a:visited.catart_h, a:link.catart_ha, a:visited.catart_ha {

	display: block;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 5px; 

	font-size: 11px;

	text-decoration: none;

	color: #000000;font-weight: normal; 

}
li.catart_h a:link.cat_h, li.catart_h a:visited.cat_h{color: #000000;}
.menu li a:hover, a:hover.catart_h, a:hover.catart_ha { 

	display: block;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 5px; background: #ffcc00;

	font-size: 11px;

	text-decoration: none;

	color: #000000; font-weight: normal;

}
a:link.catart_n, a:visited.catart_n, a:link.catart_na, a:visited.catart_na {	font-size: 10px;

	text-decoration: none; 

	color: #000000; font-weight: normal; padding: 4px; border-bottom: 1px solid #999999; display: block;} 
a:hover.catart_n, a:hover.catart_na, {	font-size: 10px;

	text-decoration: none;

	color: #000000; font-weight: normal; padding: 4px; border-bottom: 1px solid #999999; display: block; background-color: #ffcc00;}
a.catart_n, a.catart_na {text-transform: uppercase;}
h1, .contentheading {

	font-family: Arial, Helvetica, sans-serif;
line-height: 1;
	font-size: 18px;
margin-bottom: 0px;
	color: #ff6600; font-weight: bold; text-transform: uppercase;
padding-bottom:0px;
}

h2 {

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

	font-size: 14px;

	color: #ff6600;text-transform: uppercase;

}

.borderrighthome {

	border-right-width: 2px;

	border-right-style: dotted;

	border-right-color: #999999;

	width: 25%;

}

.hometable {

	font-size: 10px;

}

.hometable h2, table.hometable td img {text-align: center; margin-left:auto; margin-right: auto;}

h3 {font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;

	font-size: 13px;

	color: #ff6600;}

a:link, a:visited {font-weight: bold;

	color: #003399;

}

a:hover {color: #003399; text-decoration:none;font-weight: bold;}

table.tableborderbottom td{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

}

table.tableborderbottom {

border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCCCCC;}

	.chronoform {display: none;}
div#nav ul.menu {
	list-style-type: none;
}
div#nav ul.menu li{
	display: inline; float: left; background:none;

}
div#nav ul.menu li a{
font-size: 12px !important ;
 margin:0px !important ; 

 padding: 9px 9px 7px 9px  !important ; 

 display:block !important; 

 position:relative !important ; border-left: 1px solid #FDCD9C; border-right: 1px solid #666666; 
}
div#nav ul.menu li a:hover{background: #ff6600;}
#com-form-login ul, #nav ul.main ul, #nav ul.main ul ul {display: none;}