/* layout_main.css -- Main Stylesheet for inside pages     */

/*  General, font setup and page layout.  */
a, body, td, div, span, p, pre  {font-family:century gothic, helvetica, arial, sans-serif;font-size:12px;font-weight:500;}
img				{border:none;}
body 	 		{background-color:#cc99ff;text-align:center;margin:50px 0px;padding:0px;}
#main  			{position:relative;width:720px;margin:0px auto; padding:10px; text-align:left;}

/* Column layout.  */
#leftCol		{position:absolute;top:0px;left:0px;width:100px;margin:20px 0px 10px 10px;text-align:left;z-index:2;}
#centerCol		{position:relative;width:356px;margin:26px 180px 0px 148px; text-align:justify;z-index:1;}
#rightCol		{position:absolute;float:right;top:0px; left:534px; width:170px; margin:69px 0px 0px 0px;padding:0px; text-align:center;z-index:3;}
#footer			{height:20px;margin:0px auto;width:320px; clear:both;}

/* Background color  */
#main, #leftCol, #centerCol, #rightCol, #footer  {background-color:#fff;}


/*  Left column elements. */

#logo			{position:absolute;margin:2px;margin-bottom:40px;}
#leftNav		{position:absolute;top:160px; margin-bottom:5px;text-align:center; z-index:1;}
#leftScroller	{position:absolute;top:460px;left:5px}

#nav1			{position:absolute;top:0px;}
#nav2			{position:absolute;top:70px;}
#nav3			{position:absolute;top:140px;}
#nav4			{position:absolute;top:210px;}

/*  Center column elements.  */
#topnav			{position:relative;left:7px;top:16px;width:420;margin:0px; padding:0px;text-align:left;z-index:3;}
#content		{position:relative;padding-top:16px;padding-bottom:20px;width:350px;}
img#content		{float:right;}

/* Positioning and borders for right column images. */
.rightPhotoContain {position:relative;margin-bottom:18px;text-align:center;}
.rightPhotoCaption {width:170px;font-style:italic;text-align:center; font-size:10px;margin-top:4px;font-weight:400;}

/* Styles and rollover states for navigation elements and body links.  */
.nav a img {position:absolute;z-index:1;border-width:0px}
.nav a img.onit {z-index:-1;}
.nav a:hover img.onit  {z-index:2;background-color:#fff;}

.subnavOn, .subnavOff  {font-weight:600;margin-right:12px;font-size:12px;white-space:nowrap;}
a.subnavOn, a.subnavOff  {text-decoration:none;}

a.subnavOn:link		{color:#6699ff;}
a.subnavOn:visited	{color:#6699ff;}
a.subnavOn:hover	{color:#6699ff;text-decoration:underline;}
a.subnavOn:active	{color:#6699ff;}

a.subnavOff:link	{color:#000000;}
a.subnavOff:visited	{color:#000000;}
a.subnavOff:hover	{color:#6699ff;text-decoration:underline;}
a.subnavOff:active	{color:#000000;}

#content a:link			{color:#6699ff;}
#content a:visited		{color:#6699ff;}
#content a:hover		{color:#6699ff;}
#content a:active		{color:#6699ff;}

#footer, #footer a		{font-size:11px;}
#footer a:link			{color:#666666;}
#footer a:visited		{color:#666666;}
#footer a:hover			{color:#999999;}
#footer a:active		{color:#6699ff;}