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

/*	
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
*/

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

*					{ margin: 0; padding: 0; }
body				{ font: 15px/2 Georgia, serif; background: #DFDFDF; text-align:center }


h1                  { color:#09F; padding: 10px; }

h1 a				{ color:#FFF; border-bottom:dashed; text-decoration:none; border-bottom-color:#09F }

h1 a:hover			{ color:#FFF; text-decoration:none; border-bottom:none; }

.grad				{ margin-top:0px; margin-bottom:-35px; padding-right:20px; }

.collage			{ padding-left:600px; margin-top:-70px; padding-bottom:10px; display:block;}

#page-wrap		    { max-width: 960px; min-width: 560px; margin: 0 auto; position: relative;
					  background: white url(../images/bg.png) top center repeat-y; overflow: hidden; padding-top:10px; }
					  
#page-wrap1		    { max-width: 960px; min-width: 560px; margin: 0 auto; position: relative;
					  background: white; overflow: hidden; padding-top:10px; }

#header             { max-width: 960px; min-width: 560px; background: #222;
                      margin: 10px auto 0; text-align:left; }
					  
#main-content h2	{ text-align:left; margin-top:-10px; }

a					{ outline:none; }
					  
/*--------------------------------Navigation	*/

#nav                { max-width: 960px; margin: 0 auto 0; background:#FFF; padding-top:20px; }
					  
.menu				{ list-style: none; text-align:left; background-color:#FFF; width:inherit }
		
.menu li 			{ float: left; margin: 0px 20px; display:block; text-align:center;}
		
.menu li a          {color: #666; text-decoration:none; text-align:center; padding:0 5px 0 5px; }
		
.menu li a:hover 	{color: #000; display:block; text-align:center; text-decoration:underline; padding:0 5px 0 5px; }
		
.menu li.current a  { background: #222; color: #fff; height:30px; display:block; text-align:center; padding:0 5px 0 5px; }

.menu li.current-bigger a  { background: #222; color: #fff; height:30px; display:block; text-align:center; padding:0 5px 0 5px; }


/*---------------------------------Content      */

#main-content       { width: 47%; padding: 0 1%; float: left; }

#main-content1       { width: 100%; padding: 0 1%; float: left; }

.content a		    { text-decoration:underline; font-weight:bold; color:#000}

.content a:hover    { color:#666; text-decoration:none; font-weight:bold;}

#main-content img	{ text-align:centerl; padding-bottom:10px; padding-top:5px; }

#main-content p		{ text-align:left}

#main-sidebar       { width: 47%; padding: 0 1%; float: right; text-align:left; height:50px; margin-top:-10px; height:auto }

/*----------------------------------Footer     */

#footer             { clear: both; max-width: 960px; min-width: 560px; background: #222;
                      margin: 0 auto 15px; }
#footer p           { padding: 10px; color: white; text-align:right }
#footer a           { color: white; border-bottom: 1px dotted white; text-decoration: none; }
#footer a:hover     { border-bottom-style: solid; }

/*------------------------------------Form      */

form 				{ text-align:left; padding-top:10px; }

.text				{ height:20px; width:200px; border:solid; border-color:#000; font: 15px/2 Georgia, serif; }

.comment			{ border:solid; border-color:#000; font-size:14px; font: 15px/2 Georgia, serif; height: 100px; }

/* mozilla */ 
input:focus, textarea:focus  { border:solid; border-color:#09F; font: 15px/2 Georgia, serif; }

/* ie */
input.focusie, textarea.focusie { border:solid; border-color:#09F; font: 15px/2 Georgia, serif; }

.submit				{ border:solid; border-color:#000; font-size:14px; font: 15px/2 Georgia, serif; height: 30px; }

/*---------------------------------Tooltip      */

#tooltip			{ position:absolute; border:1px solid #000; background:#F3F5EC; !important
					  padding:2px 5px; color:#333; display:none; font: 15px/2 Georgia, serif; width:auto; padding:0 5px 0 5px; }
					  
/*#click				{ margin-left:-1200px; margin-top:-600px;}

#click1				{ margin-left:1200px; margin-top:95px;}*/