/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
font-family: Century Gothic, lucida grande, lucida sans, verdana, sans-serif;
 font-size: 14px;
background-image: url(X2.png);
/**background-repeat: repeat-x; /** Repeats the image vertically **/
/**background: #CAC4C2;**/

}
p
{
margin-left:0cm;
margin-top: 0em;
margin-bottom: .5em;
}

ul#list
{
margin-left: .75cm;
margin-bottom: .5em;
}

table#ams-questionnaire
{
text-align:center;
}

tr .question{

	text-align: left;

}




h1
{
 font-family: Georgia, serif;
 font-family: Arial, Helvetica, sans-serif;
 margin-bottom: .25em;
} 


h2
{
 font-family: Arial, Helvetica, sans-serif;
 margin-bottom: .25em;
} 

.right
{
         float: right; /*right in our text*/
	 padding: 5px 0px 5px 10px;
}

.left
{
         float: left; /*right in our text*/
	 padding: 5px 15px 5px 0px;
}



#wrapper { 
 margin: 0 auto;
 width: 960px;
}

#header {
 color: #333;
 width: 920px;
 float: left;
 padding: 0px;
 height: 130px;
 margin: 20px 20px 0px 20px;
/*  background-image: url(header_background.jpg);
 background-repeat:no-repeat;
 background: #EBC79E;*/
}

#navigation {
 float: left;
 width: 920px;
 color: white;
 padding: 0px;
 margin: 10px 20px 0px 20px;
 height: 38px;
 /* background: brown;*/
}

#banner {
 float: left;
 width: 920px;
 color: #333;
 padding: 0px;
 margin:10px 20px 0px 20px;
 height: 320px;
 /* background: green;*/
}



#leftcolumn { 
 color: #534C44;
 margin: 20px 0px 10px 20px;
 padding: 0px;
 height: 850px;
 width: 700px;
 float: left;
 background-image: url(logo_bkgrnd.jpg);
background-repeat:no-repeat;
 /*background: yellow;*/

}

#rightcolumn { 
 float: right;
 color: #534C44;
 margin: 20px 20px 0px 0px;
 padding: 5px;
 height: 840px;
 width: 195px;
 display: inline;
 position: relative;
 background: #CAC4C2;
 /* background: #534C44;*/
 border:1px solid #5f5f5f;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
}

#quiz { 
font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
}

#cform {
	font-family:						arial, sans-serif;
	font-size:							75%; /* Makes 1em = 10px */
}


#footer {
 float: left;
 width: 898px;
 color: #ffffff;
 padding: 10px;
 margin: 0px 20px 0px 20px;
 height: 40px;
 background: #534C44;
 border:1px solid #5f5f5f;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
}

.box h3{
	text-align:center;
	position:relative;
	top:80px;
}
.box {
	width:960px;
	height:1490px;
	background:#FFF;
	margin:20px auto;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=10);
}
/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect8:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}


/*==================================================
 * Slideshow jQuery Cycle Plugin (http://jquery.malsup.com/cycle/)
 * http://forum.jquery.com/topic/cycle-malsup-question
 * ===============================================*/

#container {width: 500px;}

#container {position: relative;}

.slideshow 
{
	height: 330px; 
	width: 920px; 
	margin: auto
}

.slideshow img 
{ 
	padding: 0px; 
	border: 0px solid #ccc; 
}

.image_container 
{
	position:relative; z-index:-1;
}

.caption 
{
	position:absolute; 
	top:20px; 
	right:20px; 
	background-color:#534C44; 
	filter:alpha(opacity=95); /* For IE8 and earlier */
	background:rgba(83, 76, 68, .95); 
	padding:10px; 
	width:360px; 
	border-radius: 5px 5px 5px 5px;
 	-moz-border-radius:5px;
 	-webkit-border-radius:5px;
	/*font-style:italic;*/
	font-size:200%; 
	font-family: 'Quattrocento', serif;
	color: white; }




a:link { color:#658385; text-decoration:none;}  /* unvisited link font-weight:bold;*/
a:visited { color:#658385; text-decoration:none;}  /* visited link */
a:hover { color:#F2B20E; font-style:italic; text-decoration:underline; font-weight:normal;}  /* mouse over link */
a:active { color:#F2B20E; text-decoration:none;}  /* selected link */ */