/* CSS Document */

/*=================MAIN START==============*/
* {
padding:0;
margin:0;
}
html {
	background:#B6D1EC url(../_images/back.jpg) repeat-x;
}

body {
	font:12px Myriad, Arial, Helvetica, sans-serif;
	color:#222;
	margin:0 0 20px 0;
	padding:0;
}

a:link {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a:active {color:#000; text-decoration:none;}

p.project a:link {color:#D2232A; text-decoration:none; font-weight:bold;}
p.project a:visited {color:#D2232A; text-decoration:none; font-weight:bold;}
p.project a:hover {color:#D2232A; text-decoration:underline; font-weight:bold;}
p.project a:active {color:#D2232A; text-decoration:none; font-weight:bold;}

#mainBoxMiddleWide a:link {color:#D2232A; text-decoration:none; font-weight:bold; padding:0 10px 0 0;} 
#mainBoxMiddleWide a:visited {color:#D2232A; text-decoration:none; font-weight:bold; padding:0 10px 0 0;}
#mainBoxMiddleWide a:hover {color:#D2232A; text-decoration:underline; font-weight:bold; padding:0 10px 0 0;}
#mainBoxMiddleWide a:active {color:#D2232A; text-decoration:none; font-weight:bold; padding:0 10px 0 0;}

p {
	font-size:14px;
}

h1 {
	font-size:20px;
	margin:0 0 30px 0;
	padding:0;
}

h2 {
	font-size:20px;
	margin:0;
	padding:0;
	color:#FDB515;
}

h3 {
	font-size:20px;
	margin:0 0 20px 0;
	padding:0;
	color:#3C475E;
	border-bottom:1px solid #CCC;
}

h4 {
	font-size:14px;
	margin:0;
	padding:0;
	color:#D1252C;
}

h5 {
	font-size:13px;
	margin:0;
	padding:0;
	color:#D1252C;
}

h6 {
	font-size:12px;
	margin:0;
	padding:0;
	color:#D1252C;
}

#mainBoxRight h1 {
	width:620px;
	height:27px;
	font-size:20px;
	margin:0;
	padding:8px 0 0 20px;
	background:url(../_images/header_back.png) no-repeat 0 0;
}

#mainBoxRight #mainBoxBottom h2 {
	font-size:16px;
	margin:0;
	padding:0;
	color:#D2232A;
}

#mainBoxRight #mainBoxBottom h3 {
	margin:0;
	padding:0;
	border:none;
}

#smallBox5 h3 {
	font-size:16px;
	margin:0 0 20px 0;
	padding:0;
	color:#D2232A;
	border:none;
	border-bottom:1px solid #BBB;
}

#smallBox h3, #smallBox2 h3, #smallBox3 h3, #smallBox4 h3 {
	font-size:16px;
	margin:0 0 2px 0;
	padding:0;
	color:#FDB515;
	border:none;
	border-bottom:1px solid #999;
}

#mainBoxTopIncludeAbout h2 {
	font-size:16px;
	margin:0;
	padding:0;
	color:#FDB515;
	font-weight:bold;
}

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

.colorOne {
	color:#FFF;
}

.colorTwo {
	color:#BBB;
}

.colorThree {
	color:#D2232A;
}

/*=================MAIN END==============*/

/*=================HEADER START==============*/

#header {
	width:900px;
	height:60px;
	background:url(../_images/logo.jpg) no-repeat 0 0;
}


/*======LANGUAGES START======*/
#languages ul {
float:right;
width:111px;
height:21px;
padding:6px 0 0 6px;
margin:26px 0 0 0;
list-style-type:none;
background:url(../_images/languages_back.png);
}

#languages ul li a {
float:left;
width:52px;
text-decoration:none;
color:#FFF;
padding:0;
}
#languages ul li a:hover {color:#B5D0EB}
#languages ul li {display:inline}
/*======LANGUAGES END======*/



/*=================HEADER END==============*/

/*=================CONTENT START==============*/

#content {
	width:900px;
	background:#F0F5FB url(../_images/content_back.jpg) no-repeat 0 0;
	overflow:hidden;
}

#menu {
	width:900px;
	height:65px;
}

/*======MAIN MENU START======*/
#menu ul {
	float:left;
	width:900px;
	height:37px;
	padding:0px;
	margin:0;
	list-style-type:none;
}

#menu ul li a {
	float:left;
	width:114px;
	text-align:center;
	font-size:15px;
	height:27px;
	text-decoration:none;
	color:#FFF;
	padding:10px 0 0 0;
	margin:0;
	background:url(../_images/menu.jpg)  repeat-x 0 0;
	border-right:1px solid #284066;
}
#menu ul li.shortItem a {
	width:80px;
}
#menu ul li.longItem a {
	width:145px;
}
#menu ul li {display:inline}
#menu ul li.last a {
	width:101px;
	background:url(../_images/menu_last.jpg) no-repeat 100% 0;
	border:none;
}
#menu ul li.first a {
	width:80px;
	background:url(../_images/menu_first.jpg) no-repeat 0 0;
}
#menu ul li a:hover {
	background:url(../_images/menu_over.jpg)  repeat-x 0 0;
}
#menu ul li.last a:hover {
	background:url(../_images/menu_last_over.jpg) no-repeat 100% 0;
}
#menu ul li.first a:hover {
	background:url(../_images/menu_first_over.jpg) no-repeat 0 0;
}
#menu ul li a.selected {
	background:none;
	color:#284066;
}
#menu ul li a.selected:hover {
	background:none;
	color:#284066;
}
/*======MAIN MENU END======*/

#contentMain {
	width:860px;
	padding:0 20px 20px 20px;
	margin:0;
	float:left;
}

#mainBox {
	float:left;
	width:583px;
	margin:0 20px 0 0;
	padding:0;
	color:#FFF;
}

#mainBoxTopHome {
	width:543px;
	height:305px;
	background:url(../_images/content_main_box.jpg) no-repeat 0 0;
	margin:0;
	padding:10px 20px;
	color:#FFF;
}

#mainBoxTopAbout {
	width:543px;
	height:350px;
	background:url(../_images/content_main_box2.jpg) no-repeat 0 0;
	margin:0;
	padding:10px 20px;
	color:#FFF;
}

#mainBoxTopInclude {
	width:300px;
	font-size:16px;
	color:#DBDBDB;
	line-height:1.3;
}

#mainBoxTopIncludeAbout {
	width:330px;
	font-size:15px;
	color:#FFF;
}

#mainBoxTopIncludeAbout ul {
	margin:20px 0;
	padding:0;
	list-style:none;
}

#mainBoxTopIncludeAbout ul li {
	margin:10px 0;
	padding:0;
}

#mainBoxTopIncludeAbout ul li a {
	margin:0;
	padding:0 0 0 20px;
	background:url(../_images/about_bullet.png) no-repeat 0 50%;
	color:#FFF;
}

#mainBoxTopIncludeAbout ul li a:hover {
	background:url(../_images/about_bullet_hover.png) no-repeat 0 50%;
	border-bottom:1px dashed #FFF;
}

#mainBoxMiddle {
	width:543px;
	height:30px;
	padding:15px 20px 0 20px;
	background:url(../_images/content_main_box.jpg) no-repeat 0 100%;
	color:#D2232A;
	text-align:right;
	font-size:18px;
	font-weight:bold;
}

a#button, #mainBoxMiddleWide a#button {
	height:10px;
	padding:3px 5px;
	background:#D2232A url(../_images/button_back.jpg) repeat-x 0 0;
	color:#FFF;
	border:1px solid #284066;
	font-size:14px;
}

a#button:hover, #mainBoxMiddleWide a#button:hover {
	background:#FFF;
	text-decoration:none;
	color:#D2232A;
}

#mainBoxBottom {
	width:563px;
	margin:0;
	padding:20px 0px 20px 20px;
	background:url(../_images/content_main_box_bottom.jpg) repeat-y 0 0;
	color:#434446;
	line-height:1.3;
	overflow:hidden;
}

p.project {
	font-size:12px;
	margin:0 0 10px 0;
}

#mainBoxBottom div {
	width:260px;
	float:left;
	padding:0;
	margin:0 20px 0 0;
}

#mainBoxBottom div.pre {
	width:100% !important;
	margin:0 0 10px 0 !important;
	float:none !important;
	white-space:pre;
	font-family:monospace;
	border:1px inset #AAA;
	background-color:#F6F6F6;
	color:#222;
	overflow:auto;
}

#mainBoxBottom div p, #smallBox5 p {
	text-align:justify;
	margin:0 0 10px 0;
}

#mainBoxBottom blockquote {
	padding:0px;
	margin:0.5em 0em 0.5em 2em;
}

#mainBoxFooter {
	width:583px;
	height:10px;
	clear:left;
	background:url(../_images/content_main_box_footer.jpg) no-repeat 0 0;
}

/*===MAIN BOX RIGHT START====*/

#mainBoxRight {
	float:left;
	width:640px;
	margin:0;
	padding:0;
	color:#FFF;
}
	
	
#mainBoxRight #mainBoxBottom {
	width:620px;
	margin:0;
	padding:15px 0px 15px 20px;
	background:url(../_images/content_main_box_bottom_wide.png) repeat-y 0 0;
	color:#434446;
	line-height:1.3;
	overflow:hidden;
}

#mainBoxRight #mainBoxFooter {
	width:640px;
	height:10px;
	clear:left;
	background:url(../_images/content_main_box_footer.jpg) no-repeat 0 0;
}

#mainBoxRight #mainBoxBottom div {
	width:290px;
	float:left;
	padding:0;
	margin:0 20px 0 0;
}

#mainBoxRight #mainBoxBottom #oneBox {
	width:600px;
	float:left;
	padding:0;
	margin:0 20px 0 0;
}

/*===MAIN BOX RIGHT END====*/


/*===CONTENT RIGHT START====*/

#contentRight {
	float:left;
	width:250px;
	margin:0;
	padding:0;
}

#smallBox {
	float:left;
	width:211px;
	padding:20px 20px 0 20px;
	margin:0;
	background:#5C6A89 url(../_images/small_box_blue_top.png) no-repeat 0 0;
	color:#FFF;
	overflow:hidden;
}

#smallBox ol {
	width:211px;
	padding:0;
	margin:10px 0 0 0;
	list-style-position:inside;
	color:#FDB515;
	border-top:2px solid #4F5E7F;
}

#smallBox ol li {
	width:211px;
	padding:0 0 5px 0;
	margin:10px 0;	
	color:#FDB515;
	font-size:16px;
	font-weight:bold;
	border-bottom:2px solid #4F5E7F;
}

#smallBox ol li span.colorTwo {
	font-size:12px;
}

#smallBox li a {
	color:#FFF;
}

#smallBox2 {
	float:left;
	width:211px;
	padding:20px 20px 0 20px;
	margin:20px 0 0 0;
	background:#5C6A89 url(../_images/small_box_blue_top.png) no-repeat 0 0;
	color:#FFF;
	overflow:hidden;
}

#smallBox3 {
	float:left;
	width:211px;
	padding:20px 20px 0 20px;
	margin:20px 0 0 0;
	background:#5C6A89 url(../_images/small_box_blue_top.png) no-repeat 0 0;
	color:#FFF;
	overflow:hidden;
}

#smallBox3 ul {
	margin:20px 0;
	padding:0;
	list-style:none;
}

#smallBox3 ul li {
	margin:5px 0;
	padding:0;
	font-size:14px;
}

#smallBox3 ul li a {
	color:#FDB515;
}

div.smallBoxBottom {
	float:left;
}

/*========SMALL FORM========*/

#smallBox2 input {
	width:150px;
	height:20px;
	margin:0 5px 10px 0;
	border:1px solid #3C475E;
	background:url(../_images/input_back.png) repeat-x;
}

#smallBox2 table {
	margin:10px 0;
}

#smallBox2 textarea#query2 {
	width:150px;
	height:55px;
	margin:0 5px 0 0;
	border:1px solid #3C475E;
	background:#A3ABC2 url(../_images/input_back.png) repeat-x;
}
#smallBox2 textarea#query2:hover {
	background:#FFF;
}
#smallBox2 textarea#query2:focus {
	background:#FFF;
}
#smallBox2 input:hover {
	border:1px solid #000;
	background:#FFF;
}
#smallBox2 input:focus {
	border:1px solid #000;
	background:#FFF;
}
#smallBox2 input#submit {
	height:24px;
	width:65px;
	margin:10px 0 0 0;
	background:url(../_images/button_back.jpg) repeat-x 0 0;
	color:#FFF;
	border:1px solid #284066;
	font-size:14px;
}
#smallBox2 input#submit:hover {
	background:#FFF;
	color:#D2232A;
}

/*========SMALL FORM END========*/

/*===CONTENT RIGHT END====*/

/*===CONTENT LEFT START====*/

#contentLeft {
	float:left;
	width:200px;
	margin:0 20px 0 0;
	padding:0;
}

#smallBox4 {
	float:left;
	width:180px;
	padding:20px 0 20px 20px;
	margin:0;
	background:#5C6A89 url(../_images/small_box_blue_top_narrow.png) no-repeat 0 0;
	color:#FFF;
	overflow:hidden;
}

#smallBox4 ul {
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
}

#smallBox4 ul li {
	margin:0;
	padding:0;
	height:26px;
}

#smallBox4 ul li a {
	color:#FFF;
	display:block;
	height:16px;
	padding:5px 0;
	font-size:13px;
}

#smallBox4 ul li a:hover {
	background:#8993AD;
	margin-left:-20px;
	padding-left:20px;
}

#smallBox4 ul li a.selected {
	background:#3C4661;
	margin-left:-20px;
	padding-left:20px;
}

#smallBox5 {
	float:left;
	width:160px;
	padding:20px;
	margin:20px 0 0 0;
	background:#A2A2A2 url(../_images/small_box_grey_top_narrow.png) no-repeat 0 0;
	color:#444;
	overflow:hidden;
}

#mainBoxMiddleWide {
	width:600px;
	height:30px;
	padding:12px 20px 0 20px;
	background:url(../_images/medusa_back.jpg) no-repeat 0 0;
	color:#D2232A;
	text-align:right;
	font-size:18px;
	font-weight:bold;
}

#mainBoxBottom ul, #mainBoxBottom ol {
	margin:0.5em 0px 1em 0px;
	padding:0;
	font-size:14px;
}

#mainBoxBottom ul {
	list-style:none;
}

#mainBoxBottom ol {
	list-style-position:inside;
}

#mainBoxBottom ul li {
	margin:5px 0;
	padding:0 0 0 15px;
	background:url(../_images/bullet_text.png) no-repeat 0 0.4em;
}

#mainBoxBottom ul li a {
	margin:0;
	padding:0;
	color:#D2232A;
	font-weight:bold;
}

#mainBoxBottom ul li a:hover {
	text-decoration:underline;
}

/*===CONTENT LEFT END====*/

/*=================CONTENT END==============*/

/*=================FOOTER START==============*/

#footer {
	width:890px;
	height:53px;
	padding:17px 10px 0 0;
	margin:0;
	background:url(../_images/footer.png) no-repeat 0 0;
	float:left;
	color:#1B283F;
	font-size:10px;
	text-align:right;
}

/*=================FOOTER END==============*/