/* 
	Coffee Bean Design
	stylesheet.css
	Copyright 2008 Coffee Bean Design	
*/

/* == STYLES == */

*{padding:0;margin:0;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;text-align:justify;}
img,a img{padding:0;margin:0;border:none;}

body{background-color:#FFFFFF;margin:20px 0 20px 0;font-size:11px;}

a{text-decoration:none;color:#1B5199;}
a:hover{color:#999999;}
p {margin:0 0 15px 0;padding:0;line-height:15px;}

em{color:auto;}

h1{display:none;}

h2{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:20px;padding:0 0 15px 0;margin:0;font-weight:normal;}

h3{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;color:#000000;padding:0 0 5px 0;margin:0;font-weight:bold;}

h4{margin:10px 0 10px 0;color:#FF6600;font-size:12px;text-transform:uppercase;border-top:1px dotted #FF6600;padding:5px 0 0 0;}

.bold{font-weight:700;}
.italic{font-style:italic;}
.clear{clear:both;}

.breaker{border-bottom:1px dotted #999999;height:1px;margin:0 0 20px 0;}
.highlight{font-weight:bold;}
.warning{color:#990000; border-bottom:3px solid #990000;padding-bottom:2px;}
.error_meessage{border-bottom:5px solid #CC0000;color:#CC0000;text-align:center;padding:5px 0 5px 0;}

.big{line-height:24px;}
.small{font-size:9px;}
.note{font-style:italic;font-size:10px;line-height:14px;margin:0;text-align:right;}

.float_right {float:right;}
.float_left {float:left;}
noscript *{clear:none;display:inline;margin:0;padding:0;}

.overflow_vert {overflow:-moz-scrollbars-vertical;overflow-x:hidden;overflow:auto;padding-right:20px;}

.text_center{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}

/* == END STYLES == */

/* == LAYOUT == */

#container{margin:auto;width:900px;padding:0;}

#header{height:115px;padding:0;font-size:9px;}
#header img{float:left;}
#header a{color:#999999;margin:95px 0 0 0;}
#header a:hover{color:#1B5199;}

#page{padding:20px 0 0 0;margin:0;border-right:2px solid #1B5199;border-left:14px solid #1B5199;float:left;width:884px;height:330px;}

#home_box{margin:0;padding:0;}
.splash_top{text-align:right;padding:60px 25px 10px 0;font-size:24px;color:#1B5199;margin:0;}
.splash_bottom{text-align:right;padding:0 25px 60px 0;font-size:16px;color:#666666;margin:0;}
#home_events{margin:0;float:right;padding:10px 20px 10px 20px;background: #1B5199;}
#home_events p, #home_events p strong{color:#FFFFFF;padding:0;}
#home_events a{color:#000000;}

#left_box{width:140px;padding:0 30px 0 20px;height:300px;float:left;margin:5px 0 0 0;}
#middle_box{width:660px;float:left;padding:0 20px 0 0;height:310px;overflow:-moz-scrollbars-vertical;overflow-x:hidden;overflow:auto;}

#middle_box .context_img{border:4px solid #1B5199;margin:0 0 20px 20px;float:right;}

#right_box{float:right;width:210px;padding:0 15px 0 0;}
#right_box img {margin:0 0 5px 0;}
#right_box p {margin:0;}

#footer{padding:0;margin:0;height:170px;clear:both;border-right:2px solid #1B5199;}

#subfooter{padding:10px 0 50px 30px;margin:0;font-size:9px;color:#666666;line-height:14px;clear:both;}
#subfooter a{color:#666666;}
#subfooter a:hover{color:#1B5199;}

#menu {height:32px;clear:both;font-size:11px;background:#1B5199;padding:0 0 0 14px;border-top:4px solid #1B5199;}
#menu ul {list-style:none;padding:0;margin:0;float:left;}
#menu li{height:32px;float:left;margin:0;width:80px;text-align:center;}
#menu li a {height:32px;width:80px;color:#FFFFFF;text-decoration:none;padding:10px 0 0 0;float:left;text-align:center;}
#menu li a:hover{color:#999999;}
#menu .on{background:#FFFFFF;}
#menu .on a, #menu .on a:hover{color:#333333;}

.list {list-style:none;margin:0 0 20px 0;padding:0;}
.list li{margin:0;padding:0 0 7px 10px;}

.bullet{list-style:none;margin:0 0 20px 0;padding:0;}
.bullet li{margin:0;padding:0 0 7px 15px;background:url(../images/gr_bullet.gif);background-repeat:no-repeat;background-position:0 5px;} 

.m_about_us{background-color:#022C5E;}
.m_events{background-color:#184B7A;}
.m_services{background-color:#728DB1;}
.m_projects{background-color:#C7D1E0;}
.m_clients{background-color:#ED5F18;}
.m_feedback{background-color:#EB8048;}
.m_downloads{background-color:#F99D68;}
.m_contact{background-color:#FBBA95;}

#submenu {padding:0;margin:0;}
#submenu li {list-style:none;padding:0 0 15px 0;margin:0;text-align:left;}

#submenu a{color:#ED5F18;}
#submenu li.on a{color:#000000;}
#submenu li a:hover{color:#000066;}

/* 
.about_us #left_box{border-right:5px solid #E5997F;}
.events #left_box{border-right:5px solid #0066CC;}
.services #left_box{border-right:5px solid #B299B2;}
.projects #left_box{border-right:5px solid #B2997F;}
.clients #left_box{border-right:5px solid #99B27F;}
.feedback #left_box{border-right:5px solid #990033;}
.contact #left_box{border-right:5px solid #999999;}
*/


.about_us #right_box img{border:5px solid #022C5E;}
.events #right_box img{border:5px solid #184B7A;}
.services #right_box img{border:5px solid #728DB1;}
.projects #right_box img{border:5px solid #ED5F18;}
.clients #right_box img{border:5px solid #EB8048;}
.feedback #right_box img{border:5px solid #F99D68;}
.contact #right_box img{border:5px solid #FBBA95;}

.about_us h2, .about_us .note{color:#022C5E;}
.events h2, .events .note{color:#184B7A;}
.services h2, .services .note{color:#728DB1;}
.projects h2, .projects .note{color:#ED5F18;}
.clients h2, .clients .note{color:#EB8048;}
.feedback h2, .feedback .note{color:#F99D68;}
.contact h2, .contact .note{color:#FBBA95;}


.team_biog{float:right;width:490px;}
.team_photo{float:left;display:inline;border:1px solid #CCCCCC;padding:2px;margin:5px 20px 20px 0;width:100px;height:100px;}


/* == END LAYOUT == */


/* == FORMS == */

form {}
.submit_button {color:#CC0000;background:none;border:none;height:22px;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;padding:2px;margin:0px;float:left;text-align:right;}
.submit_button:focus, .submit_button:hover {color:#999999;}
.input_text {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:200px;margin:0 0 10px 10px;background-color:#FFFFFF;border: 1px solid #CCCCCC;color:#330000;padding:5px;}
.input_text:focus, textarea:focus, .input_text:hover, .textarea:hover{background-color: #E5E5E5;} 

textarea {height:60px;padding:2px;}
form label{padding:5px 0 0 0;float:left;width:150px;}
form .cell{clear:both;}


/* == END FORMS == */

/* == BORDERS == */

.bor_r 	{border-right: 1px solid #CCCCCC;}
.bor_l 	{border-left: 1px solid #CCCCCC;}
.bor_t 	{border-top: 1px solid #CCCCCC;}
.bor_b 	{border-bottom: 1px solid #CCCCCC;}
.bor 	{border: 1px solid #CCCCCC;}

.dot_r	{border-right: 1px dotted #CCCCCC;}
.dot_l  {border-left: 1px dotted #CCCCCC;}
.dot_t 	{border-top: 1px dotted #CCCCCC;}
.dot_b	{border-bottom: 1px dotted #CCCCCC;}
.dot 	{border: 1px dotted #CCCCCC;}

/* == END BORDERS == */