/* 
Yankee 3 Redesign 0309	
*/

body {
background:#cacac9;
background-image:url(images/body_bk.gif);
background-repeat:repeat-x;
font: .8em Arial, Verdana, sans-serif; 
text-align: center; /* This alligns the entire page in the center. */ 
line-height: 1.5em; /* We can change this. I like how it opens up the copy a bit. Easier to read */ 
margin: 0 auto; 
}

/* Basic styles. All special formatting should take place in the div */

a { 
color:#0033CC;;
text-decoration:none; 
background: inherit; 
}

a:hover { 
color: #000; 
background: inherit;
text-decoration:underline;
}

h2 {
font-size: 1.1em;
margin-left: 4px;
color: #5e5e5e;
text-transform:uppercase; 
}

ul { 
margin: .6em 0; 
padding: 0;
}

.smalltext {
font-size:.8em;
}

/* Main Content */

#wrapper {
width: 800px; 
background: #fff; 
margin: 0 auto;
padding:4px; 
text-align: left;
border-left: 1px solid #030f3f;
border-right: 1px solid #030f3f; 
}

#header {
background-image:url(images/yankee_3_logo.gif);
background-repeat:no-repeat;
width: 780px;
height: 70px;
margin: 0 25px 2px 10px;
border-bottom: 1px dotted #DCDBD5;

}

#header_nav {
float:right;
width:221px;
height:60px;
margin:13px 0 0 8px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#003399;
text-align:right;
}

#header h1 {
float: left;
color: #990000;
margin: 17px 0 0 5px;
padding: 0;
font-size: 2.2em;
}

/* We can swap this out by changing main image. Needs to remain same size */

#pic{
width: 800px;
height: 196px;
background:#fff url(images/main_image_yankee3.jpg) no-repeat;
}

.artice_headline {
font-weight:bold;
font-size:1.4em;
color: #b32e2b;
margin-top:17px;
}

.bold_text {
font-weight:bold;
color:#990000;
}

/* Menues start here */

/* Left main menu starting with home through newsletter */

#leftmenu {
position: relative;
width: 250px;
height: 200px;
float: right;
clear:both;
}

#nav {
width: 250px;
background-color:#b32e2b;
padding: 0;
margin-bottom: 0px;
font-size: 10px;
font-family: Verdana;
color: #333;
line-height:26.5px;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#nav li {
border-bottom: 1px solid #fff;
margin: 0;
width: auto;
}

#nav li a {
display: block;
padding: 3px 0px 2px 15px;
color: #fff;
text-transform:uppercase;
font-weight:bold;
text-decoration: none;
width: auto;
background:#b32e2b url(images/vronanavarrow.gif) no-repeat center left;
}

#nav li a:hover {
color:#330033;
padding: 3px 0px 2px 30px;
background: #50afc3 url(images/vronanavarrowhover.gif) no-repeat center left;;
font-weight:bold;
}

			
#menu { 
clear: both; 
margin: 0 0 10px 0; 
padding: 7px 0 7px 5px; 
border-top: 1px dotted #DCDBD5;
}

#menu li { 
display: inline; 
}

#menu a { 
padding: 3px 3px; 
margin: 0 3px 0 3px; 
text-decoration: none; 
color: #5e5e5e;
font-weight: bold;
font-size: .95em; 
border-bottom: 4px solid #00603c; 
}

#menu a:hover { 
border-bottom: 4px solid #01492a; 
color: #444;
background-color: #EEEEEE;
}

/* Box sections */

.clear {	
clear: both; 
margin: 0 0 2px 0; 
}

.box {
float: right;
width: 70%;
margin: 2px 0 0 11px;
background: #fff;
color: #303030;
padding: 0 5px 0 5px;
border: #eee 1px solid;
border-bottom:0; 
}

.box ul {
list-style:disc;
margin-left:20px;
}
	
.box h1 {
margin: 2px 0;
padding: 0;
color: #00603c;
background: inherit;
font-size: 1.1em;
text-transform:uppercase;
}

.box img {
	border:1px;
	border-style:solid;
	border-color:#B7D8DD;
	padding:3px;
	margin:5px;
}

.box_1 {
float: left;
width: 200px;
margin: 2px 0 0 5px;
background:#FFF;
color: #303030;
padding: 12px 2px 0 4px;
border: #eee 1px solid;
border-bottom:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
	
.box_1 h1 {
margin: 2px 0;
padding: 0;
color: #b32e2b;
background: inherit;
font-size: 1.1em;
text-transform:uppercase;
}

.box_1 a {
padding: 0 0 3px 10px;
color:#0033CC;
background: inherit;
font-size: 12px;
text-decoration: none;
}

.box_1 a:hover {
color: #FFF;
background: inherit;
font-size: 12px;
text-decoration: underline;
background-color:#b32e2b;
}

.box_1 ul {
list-style-type:none;
}

.box_3 {
float: right;
width: 170px;
margin: 2px 2px 0 5px;
background: #fff;
color: #303030;
padding: 3px 2px 0 4px;
border: #eee 1px solid;
border-bottom:0; 
}
	
.box_3 h1 {
margin: 2px 0;
padding: 0;
color: #00603c;
background: inherit;
font-size: 1.1em;
text-transform:uppercase;
}

.box_3 a {
padding: 0 0 0 10px;
color:#0033CC;
background: inherit;
font-size: 1em;
text-decoration: none;
}

.box_3 a:hover {
color: #000;
background: inherit;
font-size: 1em;
text-decoration: underline;
}

.box_3 ul {
list-style-type:none;
}

.box_3 img {
display: block;
margin-left: auto;
margin-right: auto;
border: #669966 1px solid;
padding:2px;
}
	
.contentbox {
float: left;
width: 47%;
margin: 7px 7px;
background: #fff;
color: #303030;
border: #eee 1px solid;
padding: 4px 4px;
}

.link { 
border-top: 1px solid #eee; 
padding: 2px 0;
}
			
.main_content { 
background: #fff; 
color: #808080; 
padding: 2px 5px; 
margin: 8px 8px;
border: #eee 1px solid;
}

#resources {
clear: both;
background: #fff;
padding: 5px 5px;
margin: 0 0 5px 0;
color: #b32e2b;
}

.bottom_boxes {
float: left;
margin: 1px 0 10px 12px;
width: 30%;
padding: 0 0px 0 0px;
border: #6ba8bd 1px solid;
text-align:center;
}

.bottom_boxes img {
padding:5px 0 0 0px;

}

.bottom_boxes ul {
font-size:1.2em;
text-decoration:none;
list-style:none;
}

#footer {
	margin: 35px 0 10px 0;
	text-align: center;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-top-color: #d1d3d7;
}

#footer ul li {
display: inline;
}

#footer_links {
background:#6ba8bd;
color:#FFFFFF;
}

#footer_links a {
padding: 3px 0px 2px 15px;
color:#FFFFFF;
font-size: 12px;
font-family: Verdana;
}