/* Mary Ann Fernandes www.fernandesmedia.com 2009*/

/* some browsers put in their own margins and padding or borders, this makes sure everything is 0'd out */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#0F3051;
	margin: 0;
	padding: 0;
	text-align: left;
	color:#FFFFFF;
}

#maincontainer {
	width: 750px; /*Width of main container*/
	margin: auto; /*Center container on page*/
}

#contentwrapper {
	float:left;
	width: 750px;
	background: #294A6D;
}
* html #contentwrapper {
  margin-right: -7px;
  }

#container {/*This is the container for content*/
margin-left: 173px;
width: 400px;
float: left;
margin-right: 173px;
margin-top: 20px;
}

#rightcolumn {/*This is the container for content*/
margin-left: 173px;
}
  
.righttext{
float: right;
margin: 0px;
width: 190px;
}

.rightpic{
float: right;
margin: 0px;
}

div.learnmore {
	width: 96px; height: 12px;
	margin-left: 80px;}
   div.learnmore span {
      display:block;}
	 	 div.learnmore a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background-image: url(images/learnmore.gif);}
	     div.learnmore a:hover {
	background-image: url(images/learnmore_roll.gif);}

#linktext {/*this is for the links*/
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	}
/* li is "list item element.  navigation defaults to vertical w/ bullets, by adding display: inline; I make it horizontal w/out bullets */
	#linktext ul {
			margin: 0px;
			padding: 0px;
	list-style-type: none;
}
			#linktext  ul li a{
			color: #FFFFFF;
			background-color: #294A6D;
} 

/* hover is when mouse goes over background, color will change to this */
			#linktext  ul li a:hover, #linktext  ul li a:focus{
			background-color: #294A6D;
			color: #FF9900;
}

/* Font Properties */
p {
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
}

h1 {
	line-height: 1.2em;
	padding: 0px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;}

#footertext {/*this is for the bottom footertext*/
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	}
/* li is "list item element.  navigation defaults to vertical w/ bullets, by adding display: inline; I make it horizontal w/out bullets */
	#footertext ul {
			margin: 0px;
			padding: 0px;
	list-style-type: none;
}
			#footertext  ul li a{
			color: #FFFFFF;
			background-color: #0F3051;
} 

/* hover is when mouse goes over background, color will change to this */
			#footertext  ul li a:hover, #footertext  ul li a:focus{
			background-color: #0F3051;
			color: #FF9900;
}


/*The following 3 does a clearit:both, but fixes bugs and makes it work better for all browsers to contain elements in a container read more at http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {
content:: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: block;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

 
/*  **********IE7 AFFECTED ITEMS BELOW***********/  

#leftcol {/*This is the container for left content, no submenu, like on the home page*/
	width: 173px;
	background: #294A6D;
/* float is neccessary to have content sit beside it */
  float: left;
  margin-top: -3px;
}

.rightcontainer {
width: 400px;
float: right;
margin-right: 173px;
margin-top: 20px;
}