/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: rgb(0, 25, 56) url(../img1.jpg);
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(255, 255, 255);
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, serif;
	color: rgb(101, 107, 71);
}

h2, h3 {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	background: url(../images/img3.gif) repeat-x left bottom;
}

h1 {
	font-size:18px;
}

h2 {
	font-size: 17px;
}

h3 {
	font-size: 13px;
}

p, ol, ul {
	line-height: 160%;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

ul li {
	padding: 2px 0 5px 0;
	background: url(../images/img4.gif) repeat-x;
	
}

ul li.first {
	background: none;
}

a {
	color: rgb(176, 212, 245);
}

a:hover {
	text-decoration:none;
}

strong {
	color: rgb(176, 212, 245);
}

.indent {
	margin-top: 0;
	margin-left: 130px;
}

.image {
	float: left;
	margin: 0;
}

#wrapper {
	background: url(../images/img2.jpg) repeat-x;
}

/* Header */

#header {
	width: 730px;
	height: 250px;
	margin: 0 auto;
}

#header * {
	text-transform: lowercase;
	color: rgb(255, 255, 255);
}

#header h1 {
	float: left;
	padding: 5px 0 0 0;
	letter-spacing: -2px;
	font-size: 36px;
}

#header h2 {
	float: left;
	padding: 26px 0pt 0pt 6px; 
	background: transparent none repeat; 
	font-size: 12px;
	font-weight: normal;
}

#header h2 a {
	text-decoration: none;
}

#header ul {
	margin: 0pt;
	float: left;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
}

#header li {
	display: inline;
	font-weight: bold;
	font-size:13px;
}



#header a:hover { color: rgb(176, 212, 245);}


/* Content */

#content {
	width: 730px;
	margin: 0 auto;
}

#colOne {
	float: left;
	width: 500px;
}

#colTwo {
	float: right;
	width: 184px;
}

#colTwo h3 {
	margin-top: 10px;
}

/* Footer */

#footer {
	clear: both;
	width: 730px;
	margin: 20px auto;
	padding: 20px 0;
	background: url(../images/img4.gif) repeat-x;
}

#footer p {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	text-align: center;
}

#content {
height:250px;
}


/*added to original*/
#commentform textarea { width: 350px; }
blockquote { border-left: 3px solid rgb(3, 124, 197); margin-left: 1em; padding-left: 1em; color: rgb(176, 212, 245); }
a img { border: medium none ; }
#menu {padding-top:145px; margin-top: 0px; display: block; clear: both; }

/*#menu {
	margin-top:0px;
	display: block;
	clear: both;
	 }*/
    
#colTwoMenu {
	float: right;
	width: 184px;
}




/*

Here's a demo stylesheet used to format a menu and its content.
Feel free to alter the menu layout however you want!
All you have to do is ensure the script has the correct CSS property name
(like 'visibility' or 'display') that changes to show/hide menus.

If you want to extend this layout, one good resource for UL/LI formatting is:
    http://www.alistapart.com/articles/taminglists/
Alternatively, you can use any other CSS dropdown layout instead. More here:
    http://www.alvit.de/css-showcase/
Consult your favourite CSS reference for customising fonts/borders/etc.

Otherwise, you can just change the #RGB border/background colours where
suitable to customise for your site -- easy :).

*/

 
ul ul li.start { background: transparent none repeat; }
.menulist, .menulist ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
.menulist ul { display: none; position: absolute; top: 25px;  left: -1px; width: 100px; }
.menulist ul ul { top: -1px; margin-top: 0pt; left: 100px; }
.menulist li { float: left; display: block; position: relative; margin-right: -10px; }
.menulist ul li { float: none; margin-right: 0pt; margin-bottom: -1px; }
.menulist ul > li:last-child { margin-bottom: 1px; }
.menulist a { padding: 0px; display: block; }
.xmenulist a:hover, .xmenulist a.highlighted:hover, .xmenulist a:focus { color: rgb(255, 255, 255); background-color: rgb(170, 102, 68); }
.menulist a.highlighted { color: rgb(255, 255, 255); background-color: rgb(204, 136, 102); }
.start { background: transparent none repeat; width: 110px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; line-height: 22px; }
.normal { background: transparent none repeat; width: 110px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; line-height: 22px; }
.levelB {background: transparent none repeat;   font-size: 11px; font-weight:normal; }
.start a { width: 100px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding-left: 0px; }
.normal a { border-left: 1px solid rgb(125, 210, 250); padding: 0pt 5px; width: 100px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; float: left; }

.levelB a {background: rgb(0, 25, 56); color: rgb(176, 212, 245); font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 11px; width: 97px; padding-left: 15px; line-height: 20px; font-weight:normal; border-left: none;}
.menu_top { text-indent: 5px; }
.start a:hover, .start a.highlighted:hover, .start a:focus { color: rgb(255, 255, 255); }
.normal a:hover, .normal a.highlighted:hover, .normal a:focus { color: rgb(255, 255, 255); }
.levelB a:hover, .levelB a.highlighted:hover, .levelB a:focus {border-left: none; width: 97px; color: rgb(255, 255, 255); }
.menulist a .subind { display: none; }
.menulist ul a .subind { display: block; float: right; }
.menulist a { float: left; }
.menulist ul a { float: none; }
.menulist a { float: none; }
* + html .menulist ul li { float: left; height: 1%; }
* + html .menulist ul a { height: 1%; }
* html .menulist ul li { float: left; height: 1%; }
* html .menulist ul a { height: 1%; }