/* ********* STYLES.CSS for the GUI-RD.ORG Template Engine *************  
   Inside the comments, the styles which should probably be included are noted. 
 Also alternatives and trials could be included.
*****************************************************************/
/* 
	This is for code syntax highlighting 
	Borrowed from code2html Jedit plugin
*/
@import url(c.css);

/* ********** BODY STYLES ***********
*
* background:	
* color:
* font-size:
* line-height:
*/

body {
	font-family: Verdana,Sans-serif;
	color: rgb(30,32,32);
	background: white;	
	line-height:25px;
	font-size:16px;
}

/* ************ CONTENT DIV STYLE ************
* Content includes left-right-center-bottom divs
* 
* border:	
*background:
* color:
* font-size:
* padding:
*/

#content {
	BACKGROUND-POSITION: left top;
	background-image:  url(../img/ridge2.jpg);
	background-repeat: repeat;
}


/* ************ CENTER-LEFT-RIGHT DIV STYLES ************
* Content includes left-right-center-bottom divs
* background: #ebebd9
* color:
* font-size:
*/

#center {
}


#left {
	padding-left:15px;
}

#right {
	padding-right:15px;
}


/* ************ BOTTOM DIV STYLES ************
* Content includes left-right-center-bottom divs
* background: 
* color:
* font-size:
*/

#bottom {
	 text-align:center;
}


/* ************ TOP DIV STYLES ************
* Most likely this will include a SWF 
* border:
*/

#top {
	margin-top:10px;
}

#top_content {
	padding-left:20px;
	padding-right:20px;
}

/* This is also used by SWFObject*/
#top_div_swf {
	
}

#mainMenu {
	margin-top:10px;
	margin-left:34px;
	margin-bottom:24px;
}

/* ************ BOTTOM DIV STYLES ************/
#bottom {
	margin-top:10px;
	margin-bottom:10px;	
}

/************ ARE THERE ANY BOXES IN THE RIGHT DIV ? ****************/
.box {
	width:300px;
	height:300px;
	font-size:90%;
	border:1px solid #dedeca;
	line-height:24px;
	background:white;
	padding-top:4px;
}	

.box_top2 {
	width:400px;
	border:1px solid #dedeca;
	background:white;
	margin-bottom:20px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:10px;
}

.navbox {
	border:1px solid #dedeca;
	background:white;
	font-size:92%;
	width:280px;
	margin-left:2px;margin-top:32px;margin-bottom:2px;
}

.codebox {
	width:600px;
	height:580px;
	overflow: auto;
	font-family:monospace;
	line-height:20px;
	border:1px solid #dedeca;
	background:white;
	margin-bottom:20px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:10px;
}

.content_ibox {
	width:645px;
	margin-bottom:12px;

}

.code_frame1{
	border:1px solid #dedeca;
	width:600px;
	height:550px;
    margin-top:20px;
}

.code_frame0{
	border:1px solid #dedeca;
	width:600px;
	height:400px;
    margin-top:20px;
}

/* ********************* IMG STYLES ************************ 
* Images look nice with borders, and there are different techniques so it seems:
* border:
* padding:
* background:
* width:
* height:
*/

.img_general {
	padding:1px;
	border:1px solid rgb(120,120,120);	
}

#bottom img {

	border-width:0;
}

#div_top_swf {
	padding:3px;
	background:rgb(210,210,210);
	width:900px;
	height:310px;
}

/* ********************* HEADING STYLES ************************ 
* Besides the obvious, some headings need to be underlined with a border-bottom
* border-bottom:
* color:
* font-size:
*/
.mainHeading {
	margin: 0 auto;
	margin-top:4px;
	font-size:170%;
	text-align:center;
	height:84px;
	width:800px;
	line-height:40px;
	letter-spacing:.1em;
	border-bottom:1px solid #dedeca;	
}

.heading {
	font-size:180%;
	font-family:"Trebuchet MS", Verdana;
	width:700px;
	text-align:left;
	letter-spacing:.1em;
	padding-left:10px;
	line-height:40px;
	border-bottom:1px solid #dedeca;	
}

.heading2 {
	font-size:x-large;
	font-family:"Trebuchet MS", Verdana;
 
	/*color:#61ac00;*/
	color:#356AA0;
	margin-top:20px;
	margin-left:14px;
	line-height:28px;
}

.heading3{
	font-size:180%;
	font-family:"Trebuchet MS",Verdana;
	width:600px;
	text-align:left;
	letter-spacing:.1em;
	line-height:40px;
	color:#61ac00;
	border-bottom:1px solid #dedeca;
	margin-bottom:10px;
}

.heading4{
	font-size:160%;
	font-family:"Trebuchet MS",Verdana;
	width:560px;
	text-align:left;
	letter-spacing:.1em;
	line-height:40px;
	border-bottom:1px solid #dedeca;
	margin-bottom:10px;
}

li {
	list-style-type: disc;	
	vertical-align: middle;
	margin-top:4px;
}
ul {
	padding-left:32px;
	margin-left:0;
}

ol li {
	list-style-type: square;	
}

/* ****************** L I N K S ******************* */
a {
	color:rgb(50,60,70);	
}

a:hover {
	color:rgb(200,100,30);	
}

.quot a {
	color:rgb(90,100,110);
	text-decoration:none;
}
.quot a:hover {
	color:rgb(200,100,30);	
}

/* ******************************************** */
.techInfo a {
	text-decoration:underline;
    color:#61ac00;
}

.techInfo a:hover {
	color:rgb(200,120,30);	
}

.inContentLink a {
	text-decoration:none;
	color:#356AA0;
	font-weight:bold;
}

li a {
	text-decoration:none;
	color:#848aa0;
	font-weight:bold;
}

.inContentLink a:hover {
	color: rgb(200,100,30);
}

#mainMenu a{
	font-size:150%;
	margin-left:60px;
	color:#61ac00;
	font-family:"Trebuchet MS",Verdana;
}
#mainMenu a:hover{
	color:rgb(200,100,30);
}