@import url('TopMenu.css');

/**zero out margins & padding in browsers**/
html,body {margin:0; padding:0; font-size:100%; height:100%; margin-bottom:1px;} 

*body {font-size:76%; zoom:1}/**for IE6**/

body {
font-size:16px;
	line-height:1.5em;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#505050;
	background: #D2D2D2 url(../Images/BG/texture-gradient.jpg) repeat fixed
}


#wrapper {
	text-align:center;
	margin:55px auto;
	*padding-top: 55px; /**for IE**/
	width: 1000px;/*** image width minus padding ***/
	background: #FBFBFB url(../Images/cat-n-mouse.png) no-repeat right bottom;
	border: 0.55em double #677885;
	-moz-box-shadow: inset 2px 2px 30px #C8A99E;
	-webkit-box-shadow: inset 0px 0px 30px #C8A99E;
	box-shadow: inset 0px 0px 30px #C8A99E;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius:22px;
}

#topWrapper {
height: 133px;
background: url(../Images/Alt-Web-Demos.png) no-repeat left top;
}

	
#bottomWrapper {}

#content{
background:transparent;
	text-align:left;
	margin-top: -5.25em;
	_margin-top: 1px; /**for IE**/
	padding:0 30px 0px 60px;
	color:#505050;
	height:auto;
	width:auto;
	overflow:hidden; /**float containement**/
}

h1,h2,h3,h4{	font-size: 1.1em;}
h1 {color: #677885;}
h3 {
	color:#999999;
	font-variant: small-caps;
	letter-spacing: 2px;
}
.floatleft {
margin:0 15px 0 15px;
float:left;
width:40%;
text-align:left;
height:auto;
}

.floatright {
margin:0 15px 0 15px;
float:right;
width:40%;
text-align:left;
height:auto;
}

.floatRight {
margin:0 15px 0 15px;
float:right;
width:45%;
text-align:left;
height:auto;
}
.clearing {
	clear:both;
	display:block;
	height:1px;
	visibility: hidden;
}

.stylesheetchanger {
	display:block;
	background:#FBFBFB;
	font-size: large;
	font-weight:800;
	line-height:3em;
	color:#FF6633;
}

.Code h2 {
	color:#4B5D71;
	font-size: 1.2em;
}

.Code {
	text-align:left;
	margin:0 15px 0 15px;
	background: #E4ECEE;
	padding: 10px;
	border: 1px dashed silver;
	font: 1em "Courier New", Courier, monospace;
	line-height: 1.2em;
	color:#000000;
}
.Code p {
	text-indent: -40px;
	margin: 1.5em 0 0 4em;
}

.Comments {color:red}

a {text-decoration:none; font-weight:bold; color:#4488C3}
a:hover, a:active, a:focus {text-decoration:underline;}
acronym{border-bottom: 1px #066a6a dotted; cursor: help;}

a img{border:none}


#Myfooter {
text-align:left; font-size:.75em; padding:35px 50px 0 50px; margin:0 0 0 40px; color:#898989;
background: url(../Images/globebottom.gif) no-repeat left}
#footer {
text-align:left; font-size:.75em; padding:35px 50px 0 50px; margin:0 0 0 40px; color:#898989;
background: url(../Images/globebottom.gif) no-repeat left}
.footertext {text-indent: 70px; line-height:0.5em;}

img{vertical-align:middle;}

/**bullets**/
.floatright ul li,
.floatleft ul li {
list-style: url(../Images/linkarrow.gif);line-height:1.7em;}

em {color:#FF6633}

.center {text-align:center}
.left {text-align:left}
.right {text-align:right}