/* - - - - - - - - - - - - - - - - - - - - -

Title : Style for PropioWeb.com
Author : Samuel Mateo, Jr.
URL : http://www.propioweb.com

Description : Style sheet for new site modifications to bring up to snuff with current accesability.

Created : 10/17/06
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
padding: 0;
margin: 0;
}	
p {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
html{
}	
body{
	background: #fff;
	padding: 0;
	margin: 0;
}
a:link, a:visited, {
color:#555;
text-decoration:none;
}
a:hover {
color:#666;
text-decoration:underline;
}
/* ----- IDS ----- */

#container{
	width: 600px;
	\width: 620px;
	w\idth: 600px;
}	
#header {
	background: url(images/header.gif) no-repeat;
	width: 600px;
	height: 47px;
}
#navcontainer{
	background: #CC3333 url(images/topMenuBG.png) no-repeat;
	width: 600px;
}	
ul#navlist
{
margin:0;
padding:0;
}

#navlist li
{
display: inline;
list-style-type: none;
font: .7em Trebuchet MS, Arial, Verdana;
}

#navlist a { padding-left:4px;padding-right:4px; }
#navlist a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}
#navlist a:hover
{
	color: #fff;
	background: url(images/topMenuOn.gif) repeat-x;
	text-decoration: none;
}
#active a:link, #active a:visited, #active a:hover
{
	background: #FF9900 url(images/oDot.png) !important;
}
#primaryContent{
	width: 600px;
	\width: 620px;
	w\idth: 600px;
	padding-top: 58px;
}
#primarypics{
	width: 600px;
	\width: 620px;
	w\idth: 600px;
}
#navcontainer2{
	background: #CC3333 url(images/redDot.png);
	width: 600px;
	height: 19px;
}
#navlist2 ul
{
margin: 0;
padding: 0;

}

#navlist2 li
{
display: inline;
list-style-type: none;
font: 13px Trebuchet MS, Arial, Verdana;
height:19px;
}

#navlist2 a
{
background-image: url(images/menuOff.png);
color: #fff;
padding-left:20px;
text-decoration: none;
}

#navlist2 a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#navlist2 a:hover
{
	background-image: url(images/menuOn.gif);
	color: #fff;
	text-decoration: none;
}

#active2 a:link, #active2 a:visited, #active2 a:hover
{
	background-image: url(images/menuOn.png) !important;
}	
#tag {
	font: 600 11px Trebuchet MS, Arial, Verdana !important;
	color: #fff;
	padding-left: 8px;
}
#footer{
	font: 10px Trebuchet MS, Arial, Verdana;
	color: Gray;
	padding: 0;
	margin-top:25px;
	margin-bottom:25px;
	width: 600px;
	text-align: center;
}
#footer a:link, #footer a:visited{
	color: Gray;
	text-decoration: none;
}
#footer a:hover{
	color: Gray;
	text-decoration: underline;
}
#slogan {
	padding: 0;
	margin: 0;
	float: left;
	width: 256px;
	height: 160px;
}
#mainpic {
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(images/main_pic.jpg);
	background-repeat: no-repeat;
	width: 218px;
	height: 160px;
}
#rotator {
	float: right;
	width: 126px;
	height: 160px;
	margin: 0;
	margin-left: ;
	padding: 0;
}
#content {
	padding: 5px;
	background-color: #DCDCDC;
	margin-left:218px;
}
#content2 {
	padding: 5px;
	background-color: #DCDCDC;
	margin-left:174px;
}
#content p, #content2 p {
	font: 12px Verdana, Arial !important;
	color: #000;
	padding-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}
#content h1, #content2 h1 {
	font: 24px Trebuchet MS, Arial, Verdana !important;
	color: #808080;
	text-align:right;
	padding-bottom:10px;
}
#content h2, #content2 h2 {
	font: 16px Trebuchet MS, Arial, Verdana !important;
	color: #808080;
	padding-bottom:10px;
}
#sidebarpic {
	float: left;
	width: ;
	margin: 0;
	padding: 0;
	background-color:#fff;
}
.warning {
	color : Red !important;
}