/* css page for Superside America, October 2005 */



/* parts of the page */

body	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	color: #002f66; 
	background-color: #6491d2;
	padding: 0px; 
	margin: 0px; 
	}

div#outer	{
	top: 0em; 
	left: 0em; 
	width: 100%; 
	height: 100%; 
	}
 
div#inner	{
	position: relative; 
	top: -49px; 
	width: 900px; 
	height: 100%; 
	margin-left: -450px; 
	padding-left: 50%; 
	}
 



/* tags */

a:link	{
	color: #6491d2; 
	text-decoration: none; 
	}

a:visited	{
	color: #6491d2; 
	text-decoration: none; 
	}
	
a:hover	{
	color: #6491d2; 
	text-decoration: underline; 
	}

h1	{
	font-size: 1.8em;
	color: #ec1c24;
	font-weight: lighter;  
	line-height: 1.5em; 
	margin-bottom: -.25em; 
	}

h2	{
	font-size: 1.2em; 
	line-height: 1.5em; 
	margin-bottom: -.25em; 
	}

h3	{
	font-size: .9em; 
	line-height: 1em; 
	margin-bottom: -.25em; 
	}

ul	{
	list-style-type: square; 
	}

li	{
	padding-bottom: .5em; 
	}

table	{
	background-color: #fff; 
	}
	



/* divs */

div#nav	{
	font-size: .9em;
	text-align: right; 
	font-style: italic; 
	font-variant: small-caps; 
	padding: 0em 1em 1em 0em; 
	}

div#ssnav	{
	height: 1em; 
	width: 95%; 
	padding: .2em .5em .5em 0em; 
	margin: 0em 0em .5em 0em; 
	border-top: 1px solid #f0cb00; 
	}

div#ssnav2	{
	color: #002f66; 
	font-weight: bold; 
	height: 1em; 
	width: 95%; 
	background-color: #fff;
	padding: .2em .5em .5em 0em; 
	margin: 0em 0em .5em 0em; 
	border-top: 1px solid #f0cb00; 
	}

div#tag	{
	color: #f0cb00; 
	font-size: 1.2em; 
	line-height: 1em; 
	font-style: italic; 
	font-variant: small-caps; 
	text-align: right; 
	padding: .2em 1em .5em 0em; 
	}

div#sidebar	{
	font-size: .9em; 
	line-height: 1.2em; 
	padding: 0em 1em 0em 2em; 
	}

div#photo	{
	color: #fff; 
	font-size: .9em; 
	font-weight: bold; 
	font-style: italic; 
	font-variant: small-caps; 
	height: 1em; 
	background-color: #002f66;
	padding: .2em .5em .5em 2em; 
	margin: 0em 0em 0em 0em; 
	}





/* divs & classes for layout table */

.tdtop	{
	background-color: #fff;
	}

.tdleft	{
	background-image: url("../images/nav-bar_bg.jpg"); 
	background-repeat: repeat-y; 
	background-color: #002f66; 
	}

.tdright	{
	background-color: #fff; 
	}

.tdcenter	{
	padding: 1em 2em 0em 2em; 
	}




/* class selectors for type of content */

div#ssnav a:link	{
	color: #fff; 
	text-decoration: none; 
	}

div#ssnav a:visited	
	{
	color: #fff; 
	text-decoration: none; 
	}
	
div#ssnav a:hover	{
	color: #f0cb00; 
	font-weight: bold; 
	text-decoration: underline; 
	}

.text	{
	font-size: .9em; 
	line-height: 1.5em; 
	padding-bottom: .25em;
	}

.cutline	{ 
	font-size: .75em; 
	line-height: 1.1em; 
	margin: .5em 2em 0em 2em; 
	}

.footer	{ 
	font-size: .75em; 
	line-height: 1.1em; 
	margin: 1em 0em 0em 0em; 
	}

	



/* class selectors for indenting */

.indent	{ 
	margin-left: 2em; 
	}

.indentright	{ 
	margin-right: 1em; 
	}

.indentboth	{ 
	margin-left: 2em; 
	margin-right: 20em; 
	}

.padbottom1	{
	padding-bottom: 1em;
	}

.padtop1	{
	padding-top: 1em;
	}

.padboth2	{
	padding-top: 2em;
	padding-bottom: 2em;
	}

.padboth1	{
	padding-top: 1em;
	padding-bottom: 1em;
	}

.padbottom2	{
	padding-bottom: 2em;
	}

.padtop2	{
	padding-top: 2em;
	}

.padboth2	{
	padding-top: 2em;
	padding-bottom: 1em;
	}





/* class selectors miscellaneous */


.imageleft	{
	padding: 1.5em 1em .5em .5em;
	}
	
.imageright	{
	padding: 1.5em .5em .5em 1em;
	}

.valignmiddle	{
	vertical-align: middle;
	}
.imageleft2 {

	padding: 1.5em 1em .5em .5em;
}