/* 1.0 Layout & Spacing Elements */

html, body { 
 margin:0;
 padding:10px 0; 
 text-align:center;
 background: url(../images/bg-gradient2.png) repeat-x #003300;
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size:10pt;
} 

div#containerCorners { 
 width:760px;  
 margin-left:auto; 
 margin-right:auto; 
 background-color:#FFFFFF;
}  

div#container {
	padding:10px 20px;
	color: #222222;
}  

div#header { 
 width:760px;  
 height:150px;
 margin: 0 auto;
}

div#twocols { 
 width:720px;
 float:right; 
 position:relative;
 background:#FFFFFF;
}

div#copyright {
 text-align:center;
 margin-top:10px;
 width:760px; 
 margin-left:auto; 
 margin-right:auto;
}

div#extras { 
 width:215px; 
 float:right; 
 position:relative; 
 margin-bottom:30px;
}

div#rightcolCorners { 
 width:215px; 
 background-color:#FFFFFF; 
 margin-bottom:30px;
}

div#rightcol { 
 padding:1px 10px;
}

.contactCorners {
 background-color:#F7F7F7;
 margin-top:10px;
 margin-bottom:10px;
}

.contact {
 padding:0px 8px;
}

.moduleCorners {
 background-color:#F7F7F7;
}

.module {
 padding:0px 8px;
}

.moduleWhiteCorners {
 background-color:#FFFFFF;
}

.moduleWhite {
 padding:0px 8px;
}

.promotionCorners {
 background-color:#FFFFFF;
 margin-top:10px;
}

.promotion {
 padding:0px 8px;
}

.featureCorners {
 background-color:#FFFFFF;
 margin:10px 0px 10px 0px;
}

.feature {
 padding:0px 8px;
}

.itemHeadCorners {
 background-color:#774834;
 margin-top:10px;
}

.itemHead {
 padding:0 6px;
 color:#FFFFFF;
}

.categoryCorners {
 background-color:#334050;
}

.category {
 padding:0 10px;
 color:#FFFFFF;
}

.genericHeadCorners {
 background-color:#774834;
 margin-top:10px;
 margin-bottom:0;
}

.genericHead {
 padding:0 10px;
 font-size:12pt;
 color:#FFFFFF;
}

div#toolbarCorners {
 width:490px;
 background-color:#F2F2F2;
 margin-bottom:10px;
}

div#toolbar {
 padding:2px 10px;
}

div#maincolCorners { 
 width:490px; 
}

div#maincol {
	padding:10px 15px 10px 15px;
	background:#FFFFFF;
	text-align: left;
}

#modifiedCorners {
 width:200px;
}

#modified {
 background:#334050;
 text-align:center;
 font-family:Arial, Helvetica, sans-serif;
 font-size:8pt;
 color: #FFFFFF;
}

.divider {
 border-top: 1px #774834 dashed;
 text-align:right;
 margin-bottom:15px;
}

div#footerCorners {
 width:720px;
 margin-top:10px;
 background-color:#F2F2F2; 
 text-align:center;
} 

div#footer {
 padding:5px 15px;
}

.quoteCorners {
 background-color:#F7F7F7;
}

.quote {
 background: #F7F7F7 url(../images/quote.gif) no-repeat;
 padding:10px 15px 10px 80px;
}

select, textarea, input {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 10pt;
 padding: 3px;
}	

input {
 background-color: #EEEEEE;
 border: 1px solid #CCCCCC;
}

input:focus {
 background-color: #F7F7F7;
 border: 1px solid #334050;
}

textarea{
 background-color: #EEEEEE;
 border: 1px solid #CCCCCC;
}

textarea:focus {
 background-color: #F7F7f7;
 border: 1px solid #334050;
}

select {
 background-color: #EEEEEE;
 border: 1px solid #CCCCCC;
}

select:focus {
 background-color: #F7F7F7;
 border: 1px solid #334050;
}


/* 2.0 The Menu */

#navcontainer ul {
 padding: 5px;
 margin-left:0;
 margin-top:0;
 background-color: #334050;
 color: White;
 float: left;
 width: 750px;
 font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li {
 display: inline;
}

#navcontainer ul li a {
 padding: 0.2em 1em;
 background-color: #334050;
 color: White;
 text-decoration: none;
 float: left;
 border-right: 1px solid #FFFFFF;
}

#navcontainer ul li a:hover {
 background-color: #334050;
 color: #FFFFFF;
 text-decoration:underline;
}


/* 3.0 Typography and other Wording */

h1 {
 font-family: Arial, Helvetica, sans-serif;
 border-bottom: #774834 1pt solid;
 font-size: 18pt;
 margin-top: 0;
 margin-bottom:-5px;
 color: #000;
 text-decoration: none;
}

h2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14pt; 
 color: #598080;
 text-decoration: none;
 margin-bottom:-5px;
}

h3 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12pt;
 font-weight: bold;
 color: #000000;
 text-decoration: none;
 margin-bottom:-5px;
}

li {
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size:10pt;
 color:#222222;
 padding-top:3px;
 margin-left:-15px;
 list-style-image:url(../images/bullet-arrow.gif);
}

.highlight {
	background-color:#f2f2f2;
	padding: 7px 7px 7px 12px;
	border: 1px solid #774834;
	list-style-image:none;
	list-style-type:none;
	margin-left: -40px;
	margin-bottom: 5px;
	}

.error li {
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size:10pt;
 color:#FF0000;
 margin-left:25px;
 list-style:disc;
}

a {
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #774834;
 text-decoration: underline;
}

a:hover {
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #774834;
 text-decoration: none;
}

a:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #774834;
	text-align: center;
}

.category a {
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #FFFFFF;
 text-decoration: underline;
}

.category a:hover {
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #FFFFFF;
 text-decoration: none;
}

.category a:visited {
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #FFFFFF;
}

div#copyright {
 font-family:Arial, Helvetica, sans-serif;
 font-size:10pt;
 color:#FFFFFF;
}


/* 4.0 Float Containers Fix */
 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */  

/* 5.0 Printer Styles */

@media print{ 
/*hide the right column when printing*/ 
#rightcol { display:none; } 
#twocols, #maincol { width:100%; float:none; }
}

/* 6.0 Styles for the Ajax Blinds effects */

#dates { }

/* 7.0 Onion Skin Drop Shadows */
/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {display:inline-table; /* \*/display:block;/**/} 
.wrap1 {float:left; background:url(../images/shadow.gif) right bottom no-repeat}
.wrap2 {background:url(../images/corner_bl.gif) left bottom no-repeat}
.wrap3 {padding:0 8px 8px 0; background:url(../images/corner_tr.gif) right top no-repeat}
.wrap3 img {display:block}
#onion .wrap1 {background:url(../images/shadow.gif) right bottom no-repeat}
#onion .wrap2 {background:url(../images/corner_bl.gif) -12px 100% no-repeat}
#onion .wrap3 {padding:0 9px 9px 0; background:url(../images/corner_tr.gif) 100% -12px no-repeat}